/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    background-color: #e2e3e4;
}

.navbar-static-top {
}

    .navbar-static-top .btn-inverse {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        cursor: pointer;
    }

        .navbar-static-top .btn-inverse > small {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 80px;
        }

        .navbar-static-top .btn-inverse:hover,
        .navbar-static-top .btn-inverse:focus,
        .btn-dark-icon:hover,
        .btn-dark-icon:focus {
            color: #f2f2f2;
            text-decoration: none;
        }
.sub-header{
    margin-bottom:0;
    background:#e7f2fa;
}
.background-repeat{
    background:repeat;
}
.btn-icon {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.btn-dark-icon {
    display: inline-block;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.btn-icon-primary {
    color: #2774a0;
    padding: 2px 5px;
    background: none;
    border: none;
}

    .btn-icon-primary:hover {
        color: #666;
    }

.btn-dd-setting {
    padding: 5px 0;
    border-bottom: 1px solid #cfcecf;
    cursor: pointer;
}

.fc-btm-border {
    border-bottom: 1px solid #cfcecf;
}

    .fc-btm-border .form-control {
        background-color: none;
    }

.btn-group.open .dropdown-toggle.btn-dd-setting {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.125) inset !important;
}
/*Static top middle panel styling*/
.navbar-top-mid {
    padding: 9px;
}

.navbar-sub {
    box-shadow: 0px -10px 32px #7c7e81;
    min-height: 40px !important;
    padding: 6px 2px 2px;
}

    .navbar-sub .btn {
        margin-right: 10px;
    }
    .navbar-sub .col-lg-12{
        padding-left:70px
    }

/*Search Control*/
.search-control {
    background: none;
    border: none;
    border-bottom: 1px solid #a9a8a8;
    height: 26px;
}

    .search-control input {
        border: none;
    }

    .search-control .ic-search {
        opacity: 0.5;
    }

.search-close {
    position: absolute;
    top: 0px;
    right: 12px;
    display: inline-block;
    padding: 5px 10px;
    color: #333;
}

    .search-close:hover {
        opacity: 0.8;
        text-decoration: none;
    }

.page-placeholder {
    /*min-height: 500px;*/
    height: calc(100% - 0px);
    background: #f4f4f4;
    padding: 30px;
    color: #9c9b9b;
    overflow: auto;
}

.page-placeholder-img {
    margin-top: 10%;
}

.height-100per, .h100 {
    height: 100%;
}
/**/
.navbar-top-mid .btn-primary {
    border-color: #95b4d4;
    background: none;
    border-width: 1px;
    font-weight: normal;
}

    .navbar-top-mid .btn-primary:hover {
        opacity: 0.9;
    }

    .navbar-top-mid .btn-primary.active {
        color: #0277bd;
        background: #fff;
        font-weight: 500;
    }

        .navbar-top-mid .btn-primary:hover:active, .navbar-top-mid .btn-primary.active:hover, .open > .dropdown-toggle.navbar-top-mid .btn-primary:hover, .navbar-top-mid .btn-primary:focus:active, .navbar-top-mid .btn-primary.active:focus, .open > .dropdown-toggle.navbar-top-mid .btn-primary:focus, .navbar-top-mid .btn-primary.focus:active, .navbar-top-mid .btn-primary.active.focus, .open > .dropdown-toggle.navbar-top-mid .btn-primary.focus {
            border-color: transparent;
        }

.navbar-top-links {
    margin-right: 0;
}

    .navbar-top-links li {
        display: inline-block;
    }

        .navbar-top-links li:last-child {
            margin-right: 15px;
        }

    .navbar-top-links > li > a {
        padding: 15px;
        min-height: 50px;
        color: #fff;
    }

        .navbar-top-links > li > a:hover, .navbar-top-links > li > a:focus {
            background-color: rgba(237, 237, 237, 0.16);
        }

    .navbar-top-links .dropdown-menu li {
        display: block;
    }

        .navbar-top-links .dropdown-menu li:last-child {
            margin-right: 0;
        }

        .navbar-top-links .dropdown-menu li a {
            padding: 3px 10px;
            min-height: 0;
        }

            .navbar-top-links .dropdown-menu li a div {
                white-space: normal;
            }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        width: 310px;
        min-width: 0;
    }

    .navbar-top-links .dropdown-messages {
        margin-left: 5px;
    }

    .navbar-top-links .dropdown-tasks {
        margin-left: -59px;
    }

    .navbar-top-links .dropdown-alerts {
        margin-left: -123px;
    }

    .navbar-top-links .dropdown-user {
        right: 0;
        left: auto;
    }

        .navbar-top-links .dropdown-user li a {
            display: block;
            color: #7d7d7d;
        }

            .navbar-top-links .dropdown-user li a:hover i {
                color: red;
            }

            .navbar-top-links .dropdown-user li a:hover {
                text-decoration: none;
                color: #333;
            }

        .navbar-top-links .dropdown-user i {
            padding-right: 5px;
        }
/*Embed Fonts*/
/***** Font Definition for Open Sans. This stylesheet comes from qrohlf.com/posts/better-opensans *****/

/* Regular */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

/* Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: italic;
}

/* Light */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

/* Light Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

/* Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* Semibold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
}

/* Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: italic;
}

/* Extra Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;
}

/* Extra Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}
/*common styling*/
.border-none {
    border: none;
}

.bg-none {
    background: none;
}

.padding-none {
    padding: 0;
}

.margin-none {
    margin: 0;
}

.pdd-tp-10 {
    padding-top: 10px;
}

.pdd-rt-0 {
    padding-right: 0;
}

.pdd-rt-5 {
    padding-right: 5px;
}

.pdd-lft-0 {
    padding-left: 0;
}

.pdd-lft-5 {
    padding-left: 5px;
}

.pdd-10 {
    padding: 10px !important;
}
.mrg-lft-3{
    margin-left:3px
}
.pdd-tb-10 {
    padding: 10px 0;
}
.pdd-lft-10{
    padding-left:10px
}
.pdd-lft-20 {
    padding-left: 20px;
}
.mrg-lft-0 {
    margin-left: 0 !important;
}

.mrg-rt-0 {
    margin-right: 0 !important;
}

.mrg-rt-10 {
    margin-right: 10px !important;
}
.mrg-btm-20{
    margin-bottom:20px
}
.w100 {
    width: 100%;
}

.mrg-btm-30 {
    margin-bottom: 30px !important;
}
.link{
    cursor:pointer
}
/* Font styling patch*/
.light {
    font-weight: 200;
}

.regular {
    font-weight: 400;
}

.semibold {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.exbold {
    font-weight: 900;
}

.border-none {
    border: none;
}

.top-button {
    margin-top: 20px;
}

.display-inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.cursor-default {
    cursor: default;
}
/*Inside the form buttons styling*/
.btn-form {
    margin-top: 25px;
}

    .btn-form .btn {
        min-width: 130px;
        margin-right: 10px;
        border-width: 0;
    }

    .btn-form .btn-default {
        border-width: 0;
        background-color: #f8f8f8;
    }

.dropdown-arrow-bl {
    position: absolute;
    margin-top: 20px;
    margin-left: 0px !important;
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

.btn-upload-setting {
    padding: 9px;
    color: #2b2b2b;
    font-weight: 200;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    bottom:0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    min-width: 100%;
    filter: alpha(opacity=0);
}

.btn.btn-switch {
    cursor: default;
}

.switch {
    width: 48px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.switch-input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.switch-label {
    background: #FFF;
    border: 1px solid #11ad8f;
    transition: all 0.2s ease 0s;
    border-radius: 13px;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: 600;
    height: inherit;
    position: relative;
    text-shadow: 1px 0 1px #878787;
}

    .switch-label:before {
        content: attr(dataOff);
        position: absolute;
        top: 50%;
        line-height: 1px;
        margin-left: 12px;
    }

    .switch-label:after {
        content: attr(dataOn);
        position: absolute;
        top: 50%;
        line-height: 1px;
        margin-left: 8px;
        opacity: 0;
    }

.switch-handler {
    background: #11ad8f;
    height: 18px;
    left: 0;
    margin: 3px;
    position: absolute;
    top: 0;
    border-radius: 10px;
    transition: left 0.15s ease-out 0s;
    width: 18px;
}

    .switch-handler:before {
        /*background: linear-gradient(to bottom, #EEEEEE, #FFFFFF) repeat scroll 0 0 #F9F9F9;*/
        content: "";
        border-radius: 2px;
        height: 12px;
        margin: 3px;
        position: absolute;
        width: 12px;
    }

.switch-input:checked ~ .switch-label {
    background: #FFF;
    border: 1px solid #11ad8f;
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-input:checked ~ .switch-handler {
    left: 24px;
}
/*Switch Modification for Publish*/
.pb-switch .switch-input:checked ~ .switch-handler {
    left: 0;
}

.pb-switch .switch-handler {
    left: 24px;
}
/*COVER UPLOAD STYLING*/
.cover-upload{
    text-align:right;
}
.cover-upload .btn {
    padding: 5px;
}

.cover-upload .btn-switch {
    padding: 2px;
}

.cover-upload label {
    margin: 0;
}

.file-label {
    border-bottom: 1px solid #a9a8a8;
    border-top: 1px solid #f7f7f6;
    padding-left: 0;
    position: relative;
    width: 270px;
    margin-top: 10px;
}

    .file-label input {
        border: none;
    }

    .file-label::after, .file-label::before {
        background: #a9a8a8 none repeat scroll 0 0;
        content: "";
        display: inline-block;
        height: 10px;
        position: absolute;
        top: 27px;
        width: 1px;
    }

    .file-label::before {
        right: 0;
    }

.my-drop-zone {
    border: dotted 2px #979797;
    min-height: 270px;
    width: 100%;
    background-color: #fff;
}

.nv-file-over {
    border: dotted 3px red;
}
/* Default class applied to drop zones on over */
.another-file-over-class {
    border: dotted 3px green;
}
/*Display Flex*/

.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}

.flex-1 {
    flex: 1;
    -webkit-flex: 1; /* Safari 6.1+ */
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
    margin: -.2px; /* hack adjust for wrapping */
}

    .container-flex > div[class*='col-'] > div, .row-flex > div[class*='col-'] > div {
        width: 100%;
    }

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}
/*Div Table */
.div-table{
    display:table;
    width:100%
}
.div-table-row{
    display:table-row;
}
.div-table-cell{
    display:table-cell;
    float:none;
    vertical-align:top
}
.btn-bottom {
    bottom: 0;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*DOC PAGE INFO*/
.doc-page-info {
    background-color: #e7e6e6;
}

.cover-pg-details {
    color: #636464;
}
/*NAVBAR BTN*/
.navbar-btn-group .btn-group + .btn-group .btn {
    margin-left: -1px;
}

.navbar-btn-group .btn-group:nth-child(2) + .btn-group .btn {
    margin-left: -2px;
}
/*Page Header*/
.page-header h3 {
    font-weight: 200;
}

.btn-group.form-control .btn {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
    border-radius: 0;
}

    .btn-group.form-control .btn:first-child:not(:last-child) {
        width: 100%;
        text-align: left;
    }

.btn-group.form-control .btn-text {
    width: 96%;
    display: inline-block;
}

.cover-img {
    background-color: #a5aaaa;
    border: 1px solid #bababa;
    display: inline-block;
    height: 182px;
    margin: 6px 0 0 6px;
    width: 148px;
}


/*Show Thumbnail*/
.rb-canvas {
    background-color: #fff;
    z-index: -1;
    width: 100%;
}
/*Canvas container*/
.canvas-master {
    display: table;
    transform-origin: center top 0;
    margin: 0 auto;
}

    .canvas-master .cm-row {
        display: table-row;
    }

    .canvas-master .cm-cell {
        display: table-cell;
        position: relative;
    }

.rb-canvas-cotainer {
    margin: 10px 10px 9px 10px;
    position: relative;
}

.rb-review-cotainer {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    height: calc(100% - 95px);
    overflow: hidden;
    
}

.rb-pdf-cotainer {
    display: inline-block;
    transform-origin: center top 0;
    width: 100%;
    position:relative;
}

.rb-thumb-panel {
    background-color: #d6d6d6;
    padding: 0 5px;
}

.rb-panel-scrollable {
    height: calc(100% - 10px);
    overflow: auto;
}

.rb-thumb-panel .table-list {
    background-color: #f3f3f3;
    padding: 5px 10px;
    margin-bottom: 5px;
}

    .rb-thumb-panel .table-list:first-child {
        margin-top: 10px;
    }

.rb-item-thumb {
    width: 96px;
    background: white;
}

.rb-item-thumb-details {
    padding-left: 10px;
    position: relative;
}

.table-list {
    display: table;
    width: 100%;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
    word-break: break-all;
}
/*Top enrich nav*/
.btn-right-border::after {
    border-right: 1px solid #819bbd;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 7px;
    position: absolute;
}
/*Book List Styling*/
.rb-booklist-wrap {
    height: calc(100% - 148px)/*calc(100% - 94px)*/;
}

.book-list-container {
    height: calc(100% - 58px);
    padding:0 30px;
}

.rb-book-list {
    border-bottom: 1px dashed #cecccb;
    padding: 10px 0;
}

.rb-page-cover {
    padding: 7px;
    border: 1px solid #dfdfdf;
}

.rb-book-title {
    font-size: 14px;
    color: #333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.rb-sub-title, .rb-book-updates {
    font-size: 12px;
    color: #9b9a9a;
}

.rb-book-info {
    font-size: 10px;
    color: #9b9a9a;
}

.rb-book-list .rb-book-image {
    width: 12%;
}

    .rb-book-list .rb-book-image .radio {
        margin-top: 0;
    }

.rb-booklist-pagination {
    padding: 10px;
    background-color: #ffffff;
    min-height: 55px;
    width: 100%;
}

    .rb-booklist-pagination .page {
        border: none;
        padding-left: 1px;
        padding-right: 1px;
        background: none;
        padding: 5px;
        margin-right: 5px;
    }
/*Create Book*/
.btn-cp-default {
    color: #999;
}

/*End*/
.page.next {
    margin-right: 7px;
}

.page.previous {
    margin-left: 7px;
}

/*Enrich Right Panel*/
/*Asset Setting*/
.asset-border:after {
    content: "";
    display: inline-block;
    border: 1px solid #c369a9;
    bottom: 0;
    cursor: move;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.selected-div:after {
    content: "";
    display: inline-block;
    border: 1px solid #18aed0;
    bottom: 0;
    cursor: move;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
.asset-video {
    border: 1px solid #c369a9;
}
/*end*/


.img-canvase {
    height: 182px;
    margin: 0 auto;
}

.rb-enrich-editor .control-label {
    color: #434343;
    padding-right: 5px;
    min-width: 16px;
    font-size: 10px;
}

.rb-color-control {
    display: inline-block;
    vertical-align: middle;
}

.rb-opacity-control {
    display: inline-block;
}

    .rb-opacity-control .ui-spinner {
        width: 49px;
    }

.rb-enrich-editor .form-group {
    margin-bottom: 10px;
}

.rb-enrich-editor .ui-widget-xywh .ui-widget-content {
    max-width: 35%;
}

.rb-enrich-editor .ui-widget-content {
    background: #eae9ed url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50%;
    border: 1px solid #c8c7c8;
    color: #878787;
}

.rb-enrich-editor .ui-spinner-input {
    margin: 0;
    height: 30px;
    padding-left: 5px;
    width: 100%;
    padding-right: 0px;
}
.btn-link-sett {
    border: 1px solid rgb(200, 199, 200);
    padding: 6px;
}
button#link:focus {
    outline: none;
}
.rb-video-control {
    width: 100%;
}

.rb-enrich-media {
    margin-bottom: 15px;
}

    .rb-enrich-media .checkbox label {
        color: #3fb876;
    }

.rb-enrich-container .col-lg-3 {
    width: 20%;
}

.rb-enrich-container .col-lg-6 {
    width: 60%;
}
/*genric panel buttons*/
.genric-btn-container a {
    color: #7d7d7d;
}
/*Custome search box*/
.stylish-input-group {
    margin-bottom: -1px;
}

    .stylish-input-group .input-group-addon {
        background-color: transparent;
        border-radius: 0;
    }

    .stylish-input-group .form-control {
        border-right: 0;
        box-shadow: 0 0 0;
        border-color: #ccc;
        background-color: transparent;
    }

    .stylish-input-group button {
        border: 0;
        background: transparent;
    }

.upload-glossary {
    background-color: #f6f7f9;
    border-color: transparent;
    padding: 10px;
}

    .upload-glossary small {
        color: #a3a2a1;
    }

.btn-upload-glossary {
    margin-right: -8px;
    margin-top: -8px;
    padding: 2px 15px 3px;
    background-color: transparent;
}
/*TOC */
.toc-panel-scrollable {
    overflow: auto;
    max-height: 285px;
}

.upload-list {
    margin-top: 10px;
    max-height: 155px;
    overflow: auto;
}
/*elementResizable Handler*/
#elementResizable {
    border: 1px solid #000000;
    width: 300px;
    height: 40px;
    overflow: visible;
    position: relative;
}

#content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #CCC;
    overflow: hidden;
}

#nwgrip, #negrip, #swgrip, #segrip, #ngrip, #egrip, #sgrip, #wgrip {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#negrip {
    top: -6px;
    right: -6px;
}

#segrip {
    bottom: -6px;
    right: -6px;
}

#nwgrip {
    top: -6px;
    left: -6px;
}

#swgrip {
    bottom: -6px;
    left: -6px;
}

#ngrip {
    top: -6px;
    left: 50%;
    margin-left: -6px;
}

#egrip {
    right: -6px;
    top: 50%;
    margin-top: -6px;
}

#sgrip {
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
}

#wgrip {
    left: -6px;
    top: 50%;
    margin-top: -6px;
}
/*Color Palette*/
.color-palette {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .color-palette li {
        display: inline-block;
        float: left;
        padding: 0;
        border: 1px solid #c8c7c8;
        height: 26px;
        cursor: pointer;
    }

        .color-palette li span {
            border-width: 2px;
            border-style: solid;
            border-color: #eae9ed;
            display: inline-block;
            height: 24px;
            width: 24px;
        }

            .color-palette li span.selected {
                border-color: #575757;
            }

            .color-palette li span.empty-color {
                position: relative;
            }

                .color-palette li span.empty-color:after {
                    content: "";
                    display: inline-block;
                    transform: rotate(45deg);
                    border-bottom: 1px solid #e14a2d;
                    position: absolute;
                    width: 29px;
                    left: 3px;
                    top: -9px;
                    height: 22px;
                }

            .color-palette li span.st-blue {
                background-color: #249ad6;
            }

            .color-palette li span.light-green {
                background-color: #51bb75;
            }

            .color-palette li span.dark-green {
                background-color: #58b947;
            }
            /*Apply Color on canvase*/
            .color-palette li span.st-blue {
                background-color: #249ad6;
            }

            .color-palette li span.light-green {
                background-color: #51bb75;
            }

            .color-palette li span.dark-green {
                background-color: #58b947;
            }

/*Canvase ICON placement*/
.icon-image.assetImage,
.icon-video.assetVideo,
.icon-audio.assetAudio,
.icon-weblink.assetWeblink,
.icon-html.assetHtml {
    border: 3px solid #9d9999;
    border-radius: 50%;
    padding: 10px;
    color: #fff;
    content: "";
    background: #121212;
    display: inline-block;
    height: 48px;
    width: 48px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}

    .icon-image.assetImage:before,
    .icon-video.assetVideo:before,
    .icon-audio.assetAudio:before,
    .icon-weblink.assetWeblink:before,
    .icon-html.assetHtml:before {
        top: 0;
        margin-top: 5px;
        position: absolute;
        left: 0;
        margin-left: 6px;
    }
/*Font Adjustment*/
.icon-audio.ic-3x1.assetAudio {
    font-size: 3.1em;
}

.loader-sm {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: green #ccc green green;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 40px;
    width: 40px;
}

.media-list {
    display: inline-block;
}

.icon-draggable {
    border: 3px solid #9d9999;
    border-radius: 50%;
    color: #fff;
    height: 100%;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 76% auto;
   background-color: #121212;
}
.icon-draggable.assetImage{
     background-image: url("../images/ic-image-100x100.png");
}
.icon-draggable.assetVideo{
    background-image: url("../images/ic-video-100x100.png");
}
.icon-draggable.assetAudio{
 background-image: url("../images/ic-audio-100x100.png");
}
.icon-draggable.assetWeblink{
 background-image: url("../images/ic-link-100x100.png");
}
.icon-draggable.assetHtml{
 background-image: url("../images/ic-html-100x100.png");
}
#jumpToPageSelectBox select option{
    padding: 0 6px
}