html, body {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}
*{margin:0px; padding:0px;}
a {text-decoration:none;}
img {border:0px;}
.clear {clear:both;}
ul li {list-style-type:none;}
.b1px {border:1px solid #b7b7b7;}

.mtop05 {margin-top:5px;}
.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mR15 {margin-right:15px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
h3 {margin-top: 0;}

.star-text {padding:10px;}
.star, .star span {font-size:13px; color:#ff7a01;}
.smTextGray {color: #555555; font-weight: normal;}
.radio-style-yes-no {
    padding: 0px 4px;
    border: 0px solid #cccccc;
    display: inline-block;
    margin: 0px 5px;
    /*background-color:#e5e5e5;*/
    position:relative;
    top:2px;
}
.radio-style {
    position:relative; top:1px;
}
.checkbox-style {
    position:relative; top:1px;
}

.ellipsis-cust {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box-nostyle {
    position:relative;
    border-top:0px !important;
    margin-bottom:0px !important;
    -webkit-border-radius:0px !important;
    -moz-border-radius:0px !important;
    border-radius:0px !important;
    width:auto !important;
    box-shadow:none !important;
}
.pull-right-activeBib {float:right;}
.checkbox-style-custom {display: table-cell;float: left; margin: 2px 5px 0 0 !important;}
.checkbox-label-custom {display: table-cell;font-weight: normal;}

.btn-holder li {float:left; margin:4px 4px 0 0;}
.h4-custom-title {margin-top:0px !important;}
.wordbreak {
    /*-ms-word-break: break-word !important;
    -ms-word-break: break-all;
        word-break: break-word !important;
        word-break: break-all;*/
    /*-ms-word-break: keep-all;    
        word-break: keep-all;*/
   -ms-word-break: break-all;    
       word-break: break-all;
       -webkit-hyphens: auto;
          -moz-hyphens: auto;
           -ms-hyphens: auto;
               hyphens: auto;
    
    -ms-word-wrap:break-word;
        word-wrap:break-word;
}
.dashboardTables table td {
    -ms-word-break:break-all;    
        word-break:break-all;
       -webkit-hyphens: auto;
          -moz-hyphens: auto;
           -ms-hyphens: auto;
               hyphens: auto;
    
    -ms-word-wrap:break-word;
        word-wrap:break-word;
}
.cursorPointer {cursor:pointer;}
.cursorDefault {cursor:default !important;}
/*.hide_tablecol_selectlist {display:none;}*/

/* icon - buttons */
.btn-fa-addCustom {
	color:#bcbcbc !important;
	width:34px;
    height:34px;
    border:1px solid #bec8d0;
	background-color:#ffffff;
    display:inline-block;
    font-size:14px;
    border-radius: 4px;
}
.btn-fa-addCustom .fa {display:inline-block; position:relative; left:0px; top:0px; padding:8px; cursor:pointer;}
a.btn-fa-addCustom .fa {display:inline-block; position:relative; left:0x; top:0px; padding:8px; cursor:pointer; color: #ffffff;}
.btn-fa-addCustom:hover {
	background-color:#f1f1f1;
}
.statusholderparent {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px
}
.statusholder {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;    
}
.status-accepted,
.status-rejected,
.status-pending,
.status-disabled {color: #ffffff;}
.status-accepted {
  background-color: #00a65a !important;
}
.status-rejected {
  background-color: #dc3545 !important;
}
.status-pending {
  background-color: #ff851b !important;
}
.status-disabled {
  background-color: #6c757d !important;
}
/*.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    background-color: transparent !important;
    border: 4px solid rgba(255, 255, 255, 0.2) !important;
    margin-top: 10px;
    max-height: 65px !important;
    max-width: 100px !important;
    width: auto !important;
    z-index: 5;
}*/
.search-records {width:150px; height:32px;}
.rec-per-page-dropdown {width:80px; height:32px;}
.btn-sq-width {width:85px;}
/* END icon - buttons */

.small-box > .small-box-footer {cursor:default !important; text-align: center; color: #ffffff; padding: 5px 5px 10px 5px;}

.logo.b-brand {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    background-color: #ffffff;
    margin: auto;
    text-align: center;
    padding: 15px 0px 10px 0px;
    /*border-radius: 5px;
    border: 2px solid rgb(70, 128, 255) !important;*/
    border-radius: 5px;
}
.admin_logo {
    width: auto;
    max-height: 25px;
}
.miologo {
    width: auto;
    height: 20px;
    margin: 0px auto 0px auto;
}
/* Library */
.icon-thview {background:url(/Content/images/icon_lib-thview.gif) no-repeat; width:25px; height:26px; display:inline-block;}
.icon-thviewsel {background:url(/Content/images/icon_lib-thview-sel.gif) no-repeat; width:25px; height:26px; display:inline-block;}
.icon-gridview {background:url(/Content/images/icon_lib-gridview.gif) no-repeat; width:25px; height:26px; display:inline-block;}
.icon-gridviewsel {background:url(/Content/images/icon_lib-gridview-sel.gif) no-repeat; width:25px; height:26px; display:inline-block;}

.library_pageInfoHolder {float:right; width:40%;}
.library_pageInfo {float:right;}
.library_pageInfo li {float:left;}
.lblpageInfo {display:inline-block; line-height:26px; padding-right:10px; margin-right:10px; border-right:1px solid #dfdfdf;}
.admin_lib_help {width:25px; height:26px; display:inline-block; background-color:#ffdd50; color:#6699cc; font-size:20px; text-align:center; line-height:26px; margin-left:10px; cursor:pointer; position:relative; z-index:12;}
.admin_lib_bookInfoText {
    color: #232323;
    max-height: 114px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 0 12px;
}

.library_thumbGrid {
    width:205px;
    height:320px;
    position:relative;
    background-color:#fbf5eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    border: 1px solid #ccddc2;
}
.library_thumbImage {padding:10px; background-color:#fbf5eb; position:absolute; width:203px; height:272px;}
.library_thumbImage img {max-height:260px;}
.library_bookInfoHolder {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    width: 203px;
    border: 1px solid #ebebeb;
    background-color: rgba(230, 246, 245, 0.95);
}
.library_thumbView {
    padding:10px;
}
.library_editIcons li 
{
    display: inline-block;
    float: left;
    height: 40px;
    margin: 5px;
    width: 40px;
}
.iconEdit_Lib,
.iconDelete_Lib,
.iconDisMap_Lib,
.iconQRCode_Lib,
.iconRestore_Lib,
.iconRestore_Lib,
.iconInfinite_Lib {display:inline-block; width:40px; height:40px; cursor:pointer;}
.iconEdit_Lib {background:url(/Content/images/icons/edit.svg) no-repeat center center;}
.iconDelete_Lib {background:url(/Content/images/icons/trash.svg) no-repeat center center;}
.iconDisMap_Lib {background:url(/Content/images/icons/distribution.svg) no-repeat center center;}
.iconQRCode_Lib {background:url(/Content/images/icons/qrcode.svg) no-repeat center center;}
.iconRestore_Lib {background:url(/Content/images/icons/restore.svg) no-repeat center center;}
.iconInfinite_Lib {background:url(/Content/images/icons/infiniteIcon.svg) no-repeat center center;}
.iconInfinite_Lib {
    background-size:64% !important;
    position:relative;
    top:0px;
}
.iconSave_Lib {
    display:inline-block; width:35px; height:35px; cursor:pointer;
    background:url(/Content/images/icons/save-icon-sm.png) no-repeat center center;
    border:0px;
    background-size: 80%;
    position: relative;
    top: 3px;
}
.iconMove_Lib {
    display:inline-block; width:35px; height:35px; cursor:pointer;
    background:url(/Content/images/icons/icon-move-item.png) no-repeat center center;
    border:0px;
    background-size: 80%;
    position: relative;
    top: 3px;
}
.library_bookTypes {
    color: #232323;
    border-top: 1px solid #ebebeb;
    max-height: 70px;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 10px 12px 0px 12px;
}
.library_bookInfo {display:none; margin-bottom:10px;}

.btn-Edit, .btn-Delete {
    display:inline-block; width:40px; height:34px; cursor:pointer; border:0px;
    margin: 0px !important;
}
.btn-Edit {background:url(/Content/images/icons/edit.svg) no-repeat center center !important;}
.btn-Delete {background:url(/Content/images/icons/trash.svg) no-repeat center center !important;}
.btn-Copy {
    display:inline-block; width:35px; height:35px; cursor:pointer; border:0px;
    background:url(/Content/images/icons/copy-sm.png) no-repeat center center;
}
/*.btn-height35 {
    min-height: 35px;
}*/
.btn-sm.btn-height35 {
    min-height: 42px;
    display: flex;
    align-items: center;
}
.library_editIcons_listView tbody tr td {padding:2px;}
.library_editIcons_listView li 
{
    display: inline-block;
    float: left;
    height: 35px;
    margin: 0px 5px;
    width: 35px;
}
.library_editIcons_listView li > .iconEdit_Lib,
.library_editIcons_listView li > .iconDelete_Lib,
.library_editIcons_listView li > .iconDisMap_Lib,
.library_editIcons_listView li > .iconQRCode_Lib,
.library_editIcons_listView li > .iconRestore_Lib {display:inline-block; width:35px; height:35px; cursor:pointer;}

.library_editIconsListView li {display: inline-block;
    float: left;
    height: 40px;
    margin: 5px 7px;
    width: 40px;}
.deactivateListGridBtn {
    pointer-events:none;
    opacity:0.6;
}
/*.lib-col1 {width:30%;}
.lib-col4 {width:15%;}
@media screen and (max-width:1350px) {
    .lib-col1 {width:25%;}
    .lib-col4 {width:13%;}
}
@media screen and (min-width:993px) and (max-width:1250px) {
    .lib-col1 {width:22%;}
    .lib-col4 {width:10%;}
}
@media screen and (max-width:992px) {
    .lib-col1 {width:60%;}
}*/
.admin_library_icons {border-top:1px solid #f2e6d0; background-color:#f2e6d0; padding-top:5px;}
 .admin_library_icons .admin_library_iconsList {
        margin-bottom:0px !important; /*for avoide bootstrap.css*/
 }
.admin_library_icons .admin_library_iconsList li {float:left; width:20%;}
.admin_lib_pdf,
.admin_lib_html5,
.admin_lib_epub,
.admin_lib_lock,
.admin_lib_biblet,
.admin_lib_downArrow,
.admin_lib_upArrow,
.admin_lib_audio,
.iconInfinite_Libth {width:35px; height:35px; display:inline-block;}
.admin_lib_pdf {background:url(/Content/images/icons/pdf.svg) no-repeat center center;}
.admin_lib_html5 {background:url(/Content/images/icons/html5.svg) no-repeat center center;}
.admin_lib_epub {background:url(/Content/images/icons/epub.svg) no-repeat center center;}
.admin_lib_lock {background:url(/Content/images/icons/lock.svg) no-repeat center center;}
.admin_lib_biblet {background:url(/Content/images/icons/ebook-inside.svg) no-repeat center center;}
/*.admin_lib_audio {background:url(/Content/images/icons/audio.svg) no-repeat center center; background-size: 90%;}*/
.admin_lib_audio {background:url(https://c1222158.ssl.cf3.rackcdn.com/htmlbiblet/images/iconsSVG/audiobiblet.svg) no-repeat center center; background-size: 90%;}
.iconInfinite_Libth {background:url(/Content/images/icons/infiniteIcon.svg) no-repeat center center;}
.iconInfinite_Libth {
    background-size:70% !important;
    position:relative;
    top:0px;
}
.admin_lib_html5 {
    background-size:100% !important;
    position:relative;
    top:-1px;
}
.admin_lib_downArrow, .admin_lib_upArrow {float:right;}
.admin_lib_downArrow {background:url(/Content/images/admin_up_arrow.png) no-repeat center center; border-left:1px solid #cccccc; cursor:pointer;}
.admin_lib_upArrow {background:url(/Content/images/admin_down_arrow.png) no-repeat center center; border-left:1px solid #cccccc; cursor:pointer;}
.details-icon-link {display:inline-block;}
/* recBib */
.recBib_multipleSelCheckbox {position:absolute; top:8px; right:8px;}
/* recBib END */

#ctl00_ContentPlaceHolder1_GridView1 {margin-bottom:30px;}
.fa-plus-addLibBooks {font-size:90px !important; color:#cccccc; height:80px; width:80px; margin-top:100px;}
.btn-group-addLibBibEbookInside {margin-top:20px;}
    /* top details class using in library, moderate comments also */
    .lib-top-detailsLP {float:left; width:48%;} 
    .lib-top-detailsRP {float:right; width:48%;}
    
    .lib-top-toolsLP {float:left; width:27%;} 
    .lib-top-toolsRP {float:right; width:69%;}

    .lib-top-toolsRPFBib {float:right; width:100%;}
    .lib-top-toolsRPFBib .search-records {width: 220px; height:33px;}

    .pull-right-lib-search, .pull-right-pagerange {
        float:right;
    }

    .lib-listviewCol1 {width:25%;}    
    .lib-lang-holRP .lib-btn1,
    .lib-lang-holRP .lib-btn2,
    .lib-lang-holRP .lib-btn3 {display:inline-block;}

    .lib-lang-hol {display:inline-block; margin-right:15px;}
    .lib-reco-hol {
        /*display:inline-block;*/
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        gap: 2px;
        width: 190px;
    }
    .lib-reco-hol #ddlPageSize,
    .lib-reco-hol #PageSize,
    .lib-reco-hol #AuthorPageSize,
    .lib-reco-hol #AssignedPageSize {
        width: 70px;
    }

    .aside-right-side {margin-left:50px; border-left:1px solid #d2d6de !important;}

    #tblShareBiblet .cursorPointer {padding: 5px 15px 5px 0px;}

    /* Creator Shoplink Radio Group */
    /*.radioContainerShoplink {
        margin-left: 0px;        
        border-bottom: 2px solid #d9edf7;
    }
    .radioContainerShoplink label {
        display: inline-flex;
        align-items: center;
        cursor: pointer;        
        background-color: #d9edf7;
        margin-bottom: 0px;
        padding: 10px;
        margin-right: 0;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }*/

    .radioContainerShoplink {
        margin-left: 0px;        
        border-bottom: 0px solid #d9edf7;
    }
    .radioContainerShoplink label {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        color: #232323 !important;
        background-color: #fbf5eb !important;
        border-color: #c9b99d !important;
        margin-bottom: 0px;
        padding: 10px;
        margin-right: 0;        
        border-radius: 6px;
        max-width: 160px;
        width: 100%;
        justify-content: center;
        font-size: 16px;
        font-weight: normal;
        border:1px solid transparent;
        transition:all .35s cubic-bezier(.4,0,.2,1);
        box-shadow:0 4px 15px rgba(0,0,0,.05);
    }

    .radioContainerShoplink input[type="radio"] {
        display: none;
    }

    .radioContainerShoplink .custom-radio {
        width: 20px;
        height: 20px;
        border: 2px solid #FF7308;
        border-radius: 50%;
        display: inline-block;
        margin-right: 8px;
        position: relative;
        visibility: hidden;
        width: 0px;
        margin: 0;
    }
    .radioContainerShoplink label:hover{
        transform:translateY(-2px);
        box-shadow:0 10px 24px rgba(0,0,0,.10);
    }
    .radioContainerShoplink label.active,
    .radioContainerShoplink label.hover {
        color:#ff7c01 !important;
        background:#fbf5eb !important;
        border-color:#ff7c01 !important;
    }

    .radioContainerShoplink input[type="radio"]:checked + .custom-radio {
        background-color: #FF7308;
    }

    .radioContainerShoplink input[type="radio"]:checked + .custom-radio::after {
        content: '';
        width: 10px;
        height: 10px;
        background-color: white;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .contentShoplink-div {
        margin-top: 20px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .disabledShoplinkFormats {
        /* pointer-events: none;
        opacity: 0.3; */
        display: none !important;
    }
    /* .addMoreIsbn {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    } */
    /* End Creator Shoplink Radio Group */
    #divSwitchAccount .bootstrap-dialog-close-button .close {opacity: 0.8 !important; font-size: 25px;}
    #divSwitchAccount.bootstrap-dialog.type-primary .modal-header {background-color: #006e6b !important;}
    .btn-swacclink {color: #428bca !important; text-decoration: underline !important; cursor: pointer;}
    .btn-swacclink:hover {background-color: #f1f1f1;}
    .swacc_pmgandlink_holder {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .swacc_pmgandlink {
        display: flex;
        justify-content: center;
        float: left;
        margin-right: 10px;
        max-height: 51px;
        width: 51px;
        padding: 2px;
        overflow: hidden;
        border: 1px solid #e7e7e7;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }
    .swacc_pmgandlink .swacc_logo {
        display: flex;
        align-items: center;
        font-size: 6px;
        height: 45px;
        max-height: 45px;
        max-width: 45px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        width: 40px;
    }
    .swacc_pmgandlink .swacc_logo .img {
        border: medium none;
        height: auto;
        max-height: 45px;
        max-width: 45px;
        width: auto;
    }
    @media screen and (max-width:1175px) {
        .lib-top-detailsLP {float:none; width:100%;}
        .lib-top-detailsRP {float:none; width:100%;}

        .lib-top-toolsLP {float:none; width:100%;}
        .lib-top-toolsRP {float:none; width:100%; padding-bottom: 10px;}        

        .liblistviewMobScroll {overflow-y:auto; scrollbar-width: thin;} /*Scroll activate at bottom for Library list view*/

        .pull-right-lib-search {float:none;}

        .lib-top-toolsRPFBib .pull-right-lib-search {float:right;}
    }
    @media screen and (min-width:992px) and (max-width:1050px) {
        .lib-top-detailsLP {float:none; width:98%;}
        .lib-top-detailsRP {float:none; width:98%;}

        .pull-right-pagerange {float:none;}        
    }
    @media screen and (max-width:767px) {
        .lib-listviewCol1 {width:50%;}
        .lib-top-detailsLP {float:none; width:98%;}
        .lib-top-detailsRP {float:none; width:98%;}

        .lib-top-toolsLP {float:none; width:100%;}
        .lib-top-toolsRP {float:none; width:100%;}

        .pull-right-pagerange {float:none;}
        .pull-right-lib-search {float:none;}

        /* for new button of simple and advance mode */
        .header a {
            text-align: left !important;
        }
        /*OLD Admin LTE*/
        /*.btn-onoff-simpleadvance {
            position: absolute !important;
            right: 20px !important;
            top: -48px !important;
        }*/
        .navbar-nav-cust-newadminlte {margin: 0px;}
        .sidebar-menu-custom {margin-top:100px !important;}
        /* END for new button of simple and advance mode */

        .lib-top-toolsRPFBib .pull-right-lib-search {float:none;}
        .lib-top-toolsRPFBib .lib-findBib-BlankLblBr {display:none;}
        .lib-top-toolsRPFBib .lib-lang-holLP {width:100%; margin-top:10px;}
    }
    /* This code from AdminLTE.css */
    @media screen and (max-width: 767px) {
      body > .header {
        position: relative;
      }
      body > .header .logo,
      body > .header .navbar {
        width: 100%;
        float: none;
        position: relative!important;
      }
      body > .header .navbar {
        margin: 0;
      }
      body.fixed > .header {
        position: fixed;
      }
      body.fixed > .wrapper,
      body.fixed .sidebar-offcanvas {
        margin-top: 100px!important;
      }
    }
    .navbar-nav > .notifications-menu > .dropdown-menu {
        border-radius:0px !important;
    }
    /* END This code from AdminLTE.css */
    @media screen and (max-width:550px) {
        
        #divNotificationPopup {left:0px;}

         /* This code from AdminLTE.css */
        .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after {left: 8% !important;}        

        .navbar-nav .user-menu > a {
            width:220px !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        /* END This code from AdminLTE.css */
    }
    @media only screen and (max-width:400px){
        .lib-lang-holRPLblBr {display:none;}
        .lib-lang-holRP .lib-btn1, .lib-lang-holRP .lib-btn2, .lib-lang-holRP .lib-btn3 {margin-top:10px;}        
        .pull-right-lib-search .lib-lview span, .pull-right-lib-search .lib-gview span {display:none;}
        .lib-top-toolsRPFBib .search-records {width: 180px; height:33px;}
    }
    
    /* END top details class using in library, moderate comments also */
/* END Library */
/* Creator */
    #accordion .box-header .box-title {display:inline-block !important; width:100% !important; padding:0px;}
    #accordion .box-header .box-title a {display:inline-block !important; width:100% !important;}
    #accordion .box-header .box-title a,
    #accordion .box-header .box-title a.collapsed {
        padding:10px;
        text-decoration: none;
        outline: 0;
    }
    #accordion .box-header {position:relative;}
    .datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td {
        padding: 5px 5px !important;
    }
    .daterangepicker td.in-range {background-color:#5598d1 !important; color:#ffffff !important;}
    .daterangepicker td, .daterangepicker th {border-radius:0px!important;}
    .btn-publish {position:absolute; top:57px; right: 10px; float: right;}
    .edit_creator-QALP {
        padding-left:0px !important;
    }
    .edit_creator-QARP {
        padding-right:0px !important;
    }

    .mediaAudioFileCol1 {/*width:300px; float:left;*/}
    /*.mediaAudioFileCol2 {width:32px; float:left; line-height:34px; text-align:center; display: none;}
    .mediaAudioFileCol3 {width:180px; float:left; display: none;}*/
    .mediaAudioFileCol1 {width:300px; float:left;}
    .mediaAudioFileCol2 {width:32px; float:left; line-height:34px; text-align:center;}
    .mediaAudioFileCol3 {width:180px; float:left;}

    #tblAudio input, #tblAudio textarea {color:#232323;}
    .mediaAudioVideoInfoTxt {color:#999999;}
    
    .mediaAudioFileCol1 input, .mediaVideo input {float:left; padding:6px;}
    @media screen and (max-width:1500px) {
        .mediaAudioFileCol1 {width:100%; float:none;}
        .mediaAudioFileCol2 {width:50px; text-align:center; font-weight:bold;}
        .mediaAudioFileCol3 {width:100%; float:none;}
    }

    .btn-uploadAudioVideo {
	    color: #232323 !important;
        width: 90px;
        height: 34px;
        border: 1px solid #ececec;        
        display: inline-block;
        font-size: 14px;
        background-color: #dddddd;
        padding: 5px;
        line-height: 24px;
    }
    .btn-uploadAudioVideo .fa {
        display: inline-block;
        position: relative;
        left: 0px;
        top: 0px;
        padding: 5px;
        cursor: pointer;
        float: right;
        font-size: 15px;
    }
    a.btn-uploadAudioVideo .fa {
        display: inline-block;
        position: relative;
        left: 0px;
        top: 0px;
        padding: 5px;
        cursor: pointer;
        float: right;
        font-size: 15px;
    }
    .btn-uploadAudioVideo:hover {
	    background-color:#ededed;
    }
    .profile-setIconsHol {
        max-width: 637px;
        width:100%;
    }
    .profile-setIconsHol .bibColorThemeHol {border:1px solid #cccccc; padding:15px 5px 0px 10px; border-radius: 4px;}
    /*.profile-setIconsHolLP {width:65%; float:left;}
    .profile-setIconsHolRP {width:33%; float:right;}  
    .profile-setIconsHolLP .form-group {border:1px solid #dfdfdf; padding:4px 0px 5px 10px; height:205px;}
    .profile-setIconsHolRP .form-group {border:1px solid #dfdfdf; padding:4px 0px 5px 10px; height:205px;}*/
    .profile-setIconsHolLP {width:63%; float:left;}
    .profile-setIconsHolRP {width:35%; float:right; border-left: 1px solid #cccccc; padding-left: 15px;}    
    .profile-setIconsHolLP .form-group {border:0px solid #dfdfdf; padding:0px; height:178px;}
    .profile-setIconsHolRP .form-group {border:0px solid #dfdfdf; padding:0px; height:165px;}

    /*.profile-setIconsLP {width:50%; float:left; max-width:220px;}
    .profile-setIconsRP {width:50%; float:left; max-width:220px;}*/
    .profile-setIconsLP {width:50%; float:left; max-width:190px;}
    .profile-setIconsRP {width:50%; float:left; max-width:190px;}
    
    .profile-setIconsBR {display:none;}
    @media screen and (max-width:992px) {
        .edit_creator-QALP {
            padding-left:0px !important;
            padding-right:0px !important;
        }
        .edit_creator-QARP {
            padding-left:0px !important;
            padding-right:0px !important;
        }
    
    }
    @media screen and (max-width:767px) {
        .profile-setIconsHolLP {width:100%; float:left;}
        /*.profile-setIconsHolRP {width:100%; float:right;}*/
        .profile-setIconsHolRP {width:100%; float:right; border-left: 0px solid #dfdfdf; padding-left: 0px;}
    }
    
    .creator-pdf-btn {position: relative; top:10px; float:none; min-width:125px;}
    .creator-pdf-cover {
        float:left;
        margin: 0px;
        width: 125px;
        height: 125px;
        line-height: 121px;
        text-align: center;
        border: 1px solid #cccccc;
        position:relative;
    }

    /* File upload overlay */    
    .oflowh {overflow: hidden;}
    .attach-overlay {
	    /*background:rgba(255,255,255,8);
	    border-top: #ddd solid 1px;*/
	    position: absolute;	    
        bottom:-7px;
	    left:126px;
	    cursor: default;	    
        width:30px;
	    height: 30px;
        line-height:normal;
        text-align:center;	    
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    transition: .2s ease-in-out;
    }        
    .attach-overlay-disabled {
        pointer-events: none;
        opacity:0.5;
    }
    .creator-pdf-coverName {width:124px; height:25px; line-height:22px; padding:2px 2px 0px 2px; display:inline-block; color:#232323; font-size:13px; display:none;}
    .creator-pdf-downloadRemove {
        height:30px; padding:2px 2px;        
        background: rgba(255,255,255,1);
    }    
    .ovly-del-btn, .ovly-download-btn {
        font-size: 18px;
        color:#ffffff;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        text-align:center;
        width:25px; height:25px; line-height:25px;
        background-color:#cccccc;
    }
    .creator-pdf-downloadRemove .ovly-del-btn,
    .creator-pdf-downloadRemove .ovly-download-btn {
        background:none;
    }
    .creator-pdf-downloadRemove .ovly-del-btn .fa-trash {
        color:#ff0000;
        font-size: 20px;
    }    
    /* END File upload overlay */
    .profile-logo {
        margin: 0px;
        width: 100px;
        height: 70px;
        line-height: 60px;
        text-align: center;
        border: 4px solid rgba(255, 255, 255, 0.2) !important;
    }
    .shoplink-logo-holder {
        float: left;
        margin: 0px 2px 0px 0px;        
        width: 34px;
        height: 34px;        
        text-align: center;
        border: 1px solid #cccccc;
        display:table;
        border-radius: 4px;
        overflow: hidden;
    }
    .shoplink-logo-holder img {
        width: 32px;
        height: 32px;
        border-radius: 4px;
    }
    .resize_fit_center {
        max-width:100%;
        max-height:100%;
        vertical-align: middle;
    }
.bibInfoDet {float:left; width:70%;}
.bibInfoImg {float:right; width:30%; text-align:center;}
.div-disabled {
    cursor: not-allowed;
    opacity: 0.3;
    pointer-events: none;
    box-shadow:none;
}  
.removePdfEpubIconBr {display:none;}
.removePdfIconBr {margin-left:20px; position: relative; top: 1px;}
.bookCatColumnSeparator {border-left: 1px solid #a6a6a6;}
.bookCatLastElement {margin-bottom:0px;}
.bookCatNextButton {margin-top:15px;}
/*.divShoplinkAmountCurrency_r .inputField {width:15%; float:left; margin-right:1.5%;}
.divShoplinkAmountCurrency_r .inputField:last-child {margin-right:0%;}
.divShoplinkAmountCurrency_r .inputField:nth-child(2) {margin-right:2.7%;}
.divShoplinkAmountCurrency_r .inputField:nth-child(4) {margin-right:2.7%;}*/
/* .divShoplinkISBNHolder {display:inline-block; width: 360px; position: relative; z-index: 1; margin-bottom:0px;} */
.divShoplinkISBNHolder {display:inline-block; width: 100%; position: relative; z-index: 1; margin-bottom:0px;}
.divShoplinkISBNHolderInner {width: 100%; padding-right: 0;}
/* .divShoplinkISBNHolderInner_l,
.divShoplinkAmountCurrency_l {width:360px; float:left;} */
.divShoplinkISBNHolderInner_l,
.divShoplinkAmountCurrency_l {width:100%; float:none;}
/* .divShoplinkAmountCurrency_r {width:570px; float:left;} */
.divShoplinkAmountCurrency_r {width:100%; float:none;}
.divShoplinkAmountCurrency_r .inputField {display: inline-block; width: 48%; float: left;}
.divShoplinkAmountCurrency_r .col-md-4_fix:nth-child(1) {margin-right:15px;}
.divShoplinkAmountCurrency_r .col-md-4_fix:nth-child(2) {margin-right:15px;}
.divShoplinkAmountCurrency_r .col-md-4_fix .inputField:nth-child(1) {margin-right:2%;}
.divShoplinkAmountCurrency_r .col-md-4_fix .inputField:nth-child(2) {margin-left:2%;}
.divShoplinkAmountCurrency_r .row {margin-bottom: 0px !important;}
.divShoplinkAmountCurrency_r .col-md-4_fix {width:170px; float:left;}
/* .divShoplinkAmountCurrency_r_inner {margin-left:15px;} */
.divShoplinkAmountCurrency_r_inner {margin-left:0px;}
/* .divShoplinkDisabled {position: relative; top: -39px;} */

.divShoplinkUnitHolder {margin-top:10px;}
.divShoplinkUnitHolder .divShoplinkUnitHolder_l {width:200px; float:left;}
.divShoplinkUnitHolder .divShoplinkUnitHolder_r {width:450px; float:left; margin-left:30px;}

.listShoplinkWeight,
.listShoplinkDimensions,
.listShoplinkNOfPages,
.listShoplinkNOfIllustrations {
    padding-left: 0px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.listShoplinkWeight li {display:inline-block; float:left;}
.listShoplinkWeight li:last-child {padding-right:0px;}
.listShoplinkWeight li:nth-child(1) label {width: 50px; position:relative; top:8px;}
.listShoplinkWeight li:nth-child(2) input {width: 70px;}
.listShoplinkWeight li:nth-child(3) input {width: 55px;}

.listShoplinkDimensions li {display:inline-block; float:left;}
.listShoplinkDimensions li:last-child {padding-right:0px;}
.listShoplinkDimensions li:nth-child(1) label {width: 80px; position:relative; top:8px;}
.listShoplinkDimensions li:nth-child(2) input {width: 65px;}
.listShoplinkDimensions li:nth-child(3) .fa {position:relative; top:9px; font-size:15px;}
.listShoplinkDimensions li:nth-child(4) input {width: 65px;}
.listShoplinkDimensions li:nth-child(5) .fa {position:relative; top:9px; font-size:15px;}
.listShoplinkDimensions li:nth-child(6) input {width: 85px;}
.listShoplinkDimensions li:nth-child(7) input {width: 52px;}

.listShoplinkNOfPages li {display:inline-block; float:left;}
.listShoplinkNOfPages li:last-child {padding-right:0px;}
.listShoplinkNOfPages li:nth-child(1) label {width: 50px; position:relative; top:8px;}
.listShoplinkNOfPages li:nth-child(2) input {width: 135px;}

.listShoplinkNOfIllustrations li {display:inline-block; float:left;}
.listShoplinkNOfIllustrations li:last-child {padding-right:0px;}
.listShoplinkNOfIllustrations li:nth-child(1) label {width: 80px; position:relative; top:8px;}
.listShoplinkNOfIllustrations li:nth-child(2) input {width: 162px;}

.divShoplinkNoOfPages_holder {margin-top:10px;}
.divShoplinkNoOfPages_holder_l {width:200px; float:left;}
.divShoplinkNoOfPages_holder_r {width:300px; float:left; margin-left:30px;}

/*.divShoplinkAudioContent {margin-top: 10px; display: flex; flex-direction: row; align-items: center; gap: 20px;}
.divShoplinkAudioContent .inner {display: flex; flex-direction: row; align-items: center; gap: 10px; width: auto;}
.divShoplinkAudioContent .inner input[type=text],
.divShoplinkAudioContent .inner select {
    width: auto;
}*/

.divShoplinkAudioContent .inner {display: flex; flex-direction: row; align-items: center;}
.divShoplinkAudioContent .inner .lblAudioNarrator {width: 140px;}
.divShoplinkAudioContent .inner .lblAudioDuration {width: 215px;}
.divShoplinkAudioContent .inner .lblDurationUnit {width: 180px;}
.divShoplinkAudioContent .inner .lblAudioType {width: 140px;}

.divBookCatThema_1 {display: flex;}
.divBookCatThema_1_btn {margin-left:10px; border:0px; /*background:url(../Content/images/icons/icon_search_thema_cat.svg) no-repeat center center; background-size:25px; opacity:0.8;*/}
.divBookCatThema_1_btn:hover,
.divBookCatThema_1_btn img:hover {background-color:transparent; opacity:1;}
.divBookCatThema_1_btn img {width:28px; height:28px; opacity:0.8;}
/* OLD Admin LTE */
/*
.divBookCatThema_2_l {width:36%; float:left; text-align:right;}
.divBookCatThema_2_r {width:64%; float:left;}
.divBookCatThema_2_l label {position:relative; top: 8px; right:10px; font-weight:normal;}
*/
.divBookCatThema_2_l {
    width: 100%;
    float: none;
    text-align: left;
}

.divBookCatThema_2_r {
    width: 100%;
    float: none;
}
.divBookCatThema_2_l label,
.divBookCatThema_2_r input {
    position: relative;
    top: 0px;
    left: 0px;
    font-weight: normal;
}
/*.themaCategoryHolder {
    padding: 8px;
    border-radius: 12px;
    border: 1px solid #fff;
    background: #f2f6f1;
}*/
.divBookCatThema_2 {display: flex; gap: 15px;}
.divBookCatThema_2_btn {margin-left:10px; border:0px; /*background:url(../Content/images/icons/icon_search_thema_cat.svg) no-repeat center center; background-size:25px; opacity:0.8;*/}
.divBookCatThema_2_btn:hover,
.divBookCatThema_2_btn img:hover {background-color:transparent; opacity:1;}
.divBookCatThema_2_btn img {width:28px; height:28px; opacity:0.8;}
.divBookCatThema_2 .btn-fa-addCustom {
    margin-left: 0px;
}
/* END Creator */
/* code of creator shoplink tab */
/*.shoplink-tab-addCustom .tabs-left {margin-top: 3rem;}    
    .shoplink-tab-addCustom .nav-tabs {
        float: left; border-bottom: 0; width: 200px;
        border: 1px solid #00bcd4;
        border-radius: 4px;
        overflow: hidden;
    }
    .shoplink-tab-addCustom .tab-content {display: block; width: calc(100% - 200px);}
    .shoplink-tab-addCustom .nav-tabs li {float: none; margin: 0; width: 100%; display: block;}
    
    .shoplink-tab-addCustom .nav-tabs li a,
    .shoplink-tab-addCustom .nav-tabs > li > a {
        margin-right: 0;
        border-radius: 0px;
        outline: none;
        border-bottom: 1px solid #f1f1f1;
        line-height: 1.42857143;
        position: relative;
        display: block;
        padding: 10px 15px;
    }    
    .shoplink-tab-addCustom .nav-tabs li a:hover,
    .shoplink-tab-addCustom .nav-tabs li.active a,
    .shoplink-tab-addCustom .nav-tabs li.active a:hover,
    .shoplink-tab-addCustom .nav-tabs li.active a:focus,
    .shoplink-tab-addCustom .nav-tabs > li.active > a,
    .shoplink-tab-addCustom .nav-tabs > li.active > a:hover,
    .shoplink-tab-addCustom .nav-tabs > li.active > a:focus {        
        background-color: #e8f3ff !important;
        border-bottom: 1px solid #b7cee5;
    }
    .shoplink-tab-addCustom .nav-tabs li a.active,
    .shoplink-tab-addCustom .nav-tabs > li > a.active {
        cursor: not-allowed;
        background-color: #e8f3ff;
        border-bottom: 1px solid #b7cee5;
    }
    .shoplink-tab-addCustom .nav-tabs .glyphicon {color: #fff;}
    .shoplink-tab-addCustom .nav-tabs .active .glyphicon {color: #333;}        
    
    .shoplink-tab-addCustom .tab-content {margin-left: 0px;}
    .shoplink-tab-addCustom .tab-content .tab-pane {
        padding:0px 1.6rem !important;
        padding-right: 0px !important;
        display: none;
        background-color: #fff;
        padding: 1.6rem;
        overflow-y: auto;
        scrollbar-width: thin;
    }
    .shoplink-tab-addCustom .tab-content .active {display: block;}

    
    .shoplink-pg-tab-addCustom {
        display: flex;
        align-items: flex-start;
    }
    .shoplink-pg-tab-addCustom .tabs-left {margin-top: 3rem;}
    .shoplink-pg-tab-addCustom .nav-tabs {
        float: left; border-bottom: 0; width: 200px;
        border: 1px solid #00bcd4;
        border-radius: 4px;
        overflow: hidden;
    }
    .shoplink-pg-tab-addCustom .tab-content {display: block; width: calc(100% - 200px);}
    .shoplink-pg-tab-addCustom .nav-tabs li {float: none; margin: 0; width: 100%; display: block;}
    .shoplink-pg-tab-addCustom .nav-tabs li a {margin-right: 0; border: 0; border-bottom: 1px solid #f1f1f1;}
    .shoplink-pg-tab-addCustom .nav-tabs li a:hover { background-color: #f4f7fa; border-bottom: 1px solid #f1f1f1;}
    .shoplink-pg-tab-addCustom .nav-tabs li a.active {cursor:not-allowed; background-color: #f4f7fa; border-bottom: 1px solid #f1f1f1;}
    .shoplink-pg-tab-addCustom .nav-tabs .glyphicon {color: #fff;}
    .shoplink-pg-tab-addCustom .nav-tabs .active .glyphicon {color: #333;}
    .shoplink-pg-tab-addCustom .nav-tabs > li.active > a,
    .shoplink-pg-tab-addCustom .nav-tabs > li.active > a:hover,
    .shoplink-pg-tab-addCustom .nav-tabs > li.active > a:focus {border: 0; background-color:#f4f7fa !important; border-bottom: 1px solid #f1f1f1;}

    .shoplink-pg-tab-addCustom .nav-tabs > li > a {border-radius: 0px; display: inline-block; width: 100%; padding: 10px;}
    .shoplink-pg-tab-addCustom .tab-content .tab-pane {padding:0px 1.6rem !important;}

    .shoplink-pg-tab-addCustom .tab-content {margin-left:0px;}
    .shoplink-pg-tab-addCustom .tab-content .tab-pane {background-color: #fff; padding: 1.6rem; overflow-y: auto; scrollbar-width: thin;}*/
/* ==========================================================
   Common Styles
    ========================================================== */
    .shoplink-tab-addCustom,
    .shoplink-pg-tab-addCustom {
        display: flex;
        align-items: flex-start;
    }

    .shoplink-tab-addCustom .tabs-left,
    .shoplink-pg-tab-addCustom .tabs-left {
        margin-top: 3rem;
    }

    .shoplink-tab-addCustom .nav-tabs,
    .shoplink-pg-tab-addCustom .nav-tabs {
        float: left;
        width: 200px;
        border-bottom: 0;
        border: 1px solid #cce2e1;
        background-color: #f2f6f1;
        border-radius: 4px;
        overflow: hidden;
    }

    .shoplink-tab-addCustom .tab-content,
    .shoplink-pg-tab-addCustom .tab-content {
        display: block;
        width: calc(100% - 200px);
        margin-left: 0;
    }

    .shoplink-tab-addCustom .nav-tabs li,
    .shoplink-pg-tab-addCustom .nav-tabs li {
        float: none;
        margin: 0;
        width: 100%;
        display: block;
    }

    .shoplink-tab-addCustom .nav-tabs li a,
    .shoplink-tab-addCustom .nav-tabs > li > a,
    .shoplink-pg-tab-addCustom .nav-tabs li a,
    .shoplink-pg-tab-addCustom .nav-tabs > li > a {
        margin-right: 0;
        border-radius: 0;
        display: block;
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #f1f1f1;
    }

    .shoplink-tab-addCustom .nav-tabs .glyphicon,
    .shoplink-pg-tab-addCustom .nav-tabs .glyphicon {
        color: #fff;
    }

    .shoplink-tab-addCustom .nav-tabs .active .glyphicon,
    .shoplink-pg-tab-addCustom .nav-tabs .active .glyphicon {
        color: #333;
    }

    .shoplink-tab-addCustom .tab-content .tab-pane,
    .shoplink-pg-tab-addCustom .tab-content .tab-pane {
        background: #fff;
        padding: 0 1.6rem !important;
        padding-right: 0 !important;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    /* ==========================================================
       shoplink-tab-addCustom (Original)
    ========================================================== */

    .shoplink-tab-addCustom .nav-tabs li a,
    .shoplink-tab-addCustom .nav-tabs > li > a {
        outline: none;
        line-height: 1.42857143;
        position: relative;
        color: #346a45;
    }

    .shoplink-tab-addCustom .nav-tabs li a:hover,
    .shoplink-tab-addCustom .nav-tabs li.active a,
    .shoplink-tab-addCustom .nav-tabs li.active a:hover,
    .shoplink-tab-addCustom .nav-tabs li.active a:focus,
    .shoplink-tab-addCustom .nav-tabs > li.active > a,
    .shoplink-tab-addCustom .nav-tabs > li.active > a:hover,
    .shoplink-tab-addCustom .nav-tabs > li.active > a:focus {
        background: #fbf5eb !important;
        border-bottom: 1px solid #ddceb8;
    }

    .shoplink-tab-addCustom .nav-tabs li a.active,
    .shoplink-tab-addCustom .nav-tabs > li > a.active {
        cursor: not-allowed;
        background: #e8f3ff;
        border-bottom: 1px solid #cbbeaa;
    }

    .shoplink-tab-addCustom .tab-content .tab-pane {
        display: none;
    }

    .shoplink-tab-addCustom .tab-content .tab-pane.active {
        display: block;
    }
    .shoplink-tab-addCustom .nav-tabs > li > a {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.35s ease;
    transform: translateY(0);
    }

    /* Image smooth animation */
    .shoplink-tab-addCustom .nav-tabs > li > a img {
    transition: transform 0.35s ease;
    }

    /* Hover */
    .shoplink-tab-addCustom .nav-tabs > li > a:hover {
    transform: translateY(-2px);
    }

    /* Slight image movement */
    .shoplink-tab-addCustom .nav-tabs > li > a:hover img {
    transform: scale(1.08);
    }

    /* Active tab */
    .shoplink-tab-addCustom .nav-tabs > li.active > a {
    transition: all 0.35s ease;
    }

    .shoplink-tab-addCustom .nav-tabs > li.active > a img {
    transform: scale(1.08);
    }
    /* ==========================================================
       shoplink-pg-tab-addCustom (Only Differences)
    ========================================================== */
    .shoplink-pg-tab-addCustom .nav-tabs li a,
    .shoplink-pg-tab-addCustom .nav-tabs > li > a {
        outline: none;
        line-height: 1.42857143;
        position: relative;
        color: #346a45;
    }
    .shoplink-pg-tab-addCustom .nav-tabs li a:hover {        
        background: #fbf5eb !important;
        border-bottom: 1px solid #ddceb8;
    }

    .shoplink-pg-tab-addCustom .nav-tabs li a.active {
        cursor: not-allowed;
        background: #fbf5eb !important;
        border-bottom: 1px solid #ddceb8;
    }

    .shoplink-pg-tab-addCustom .nav-tabs > li.active > a,
    .shoplink-pg-tab-addCustom .nav-tabs > li.active > a:hover,
    .shoplink-pg-tab-addCustom .nav-tabs > li.active > a:focus {
        background: #fbf5eb !important;
        border-bottom: 1px solid #ddceb8;
    }

    .shoplink-pg-tab-addCustom .logo {min-width:40px; min-height:40px; max-width:45px; max-height:45px;}
    .shoplink-pg-tab-addCustom .form-control.rank-input {width:50px;}
    .shoplink-pg-tab-addCustom .autofill-checkbox {width:50px;}

    .createShoplinkTable {margin-top:0px;}
    .createShopLinkName {min-width:150px;}
    
    .shoplink-create-formats li {
        float:left; width:190px; margin-right:5px; margin-bottom:0px !important;
    }
    .shoplink-create-lang li {
        float:left; width:70px; margin-right:0%;
    }
    .shoplink-create-autofill {
        min-height:65px;
    }
    .shoplink-create-autofill .col-md-3 {
        padding-left:0px !important;
    }

    /* logo and url box */
    .creatorShoplink-box0 {
        width:15%; margin-right:1%; height:40px; float:left;
    }
    .creatorShoplink-box1 {
        width:85px; margin-right:1%; height:40px; float:left; position:relative;        
    }
    .creatorShoplink-box2 {
        width:63%; margin-right:1%; height:40px; float:left;
    }    
    .creatorShoplink-box3 {
        width:85px; height:40px; float:left;        
    }

    .clear-autofill-btns {
        float:right;
    }
        /*.row-addRemove-shoplink {max-height:500px; overflow-y:auto; scrollbar-width: thin;}*/

    .div_FilterShoplink .modal-body {padding:15px 15px 0px 15px !important;}
    .div_FilterShoplink .div_shoplinkDataHol {margin-bottom:0px !important;}
    
    .fileuploadAudioFileCol1 {width:100%; float:none;}
    /*.fileuploadAudioFileCol2 {width:10%; float:left; line-height:34px; text-align:center;}
    .fileuploadAudioFileCol3 {width:35%; float:left;}*/
    .fileuploadAudioFileCol1 .mediaAudioVideoInfoTxt,
    .fileuploadAudioFileCol2 .mediaAudioVideoInfoTxt {color:#999999;}
    
    .fileuploadAudioFileCol1 input, .mediaVideo input {float:left; padding:6px;}

    @media screen and (max-width:1500px) {
        .fileuploadAudioFileCol1 {width:100%; float:none;}
        .fileuploadAudioFileCol2 {width:100%; text-align:center; font-weight:bold;}
        .fileuploadAudioFileCol3 {width:100%; float:none;}
    }
    @media screen and (max-width:1500px) {
        .creatorShoplink-box0 {width:15%;}
        .creatorShoplink-box2 {width:58%;}                
    }
    @media screen and (max-width:1350px) {
        .creatorShoplink-box0 {width:15%;}
        .creatorShoplink-box2 {width:55%;}                
    }
    @media screen and (max-width:1250px) {
        .creatorShoplink-box0 {width:15%;}
        .creatorShoplink-box2 {width:50%;}
        .createShopLinkName {min-width:100px;}               
    }
    @media screen and (max-width:1150px) {
        .creatorShoplink-box0 {width:15%;}
        .creatorShoplink-box2 {width:45%;}    
        .createShopLinkName {min-width:80px;}
    }
    @media screen and (max-width:1050px) {
        .creatorShoplink-box2 {width:42%;}
    }
    @media screen and (max-width:992px) {
        .shoplink-tab-addCustom .tab-content {
            width: calc(100% - 80px);
        }
        .shoplink-pg-tab-addCustom .nav-tabs {
            width: 50px;
            text-align: center;
        }
        .shoplink-pg-tab-addCustom .tab-content {
            width: calc(100% - 50px);
        }
        .shoplink-label {display: none;}
        .btn-publish {position:absolute; top:108px; right: 10px; float: right;}
        .createShoplinkTable {margin-top:0px;}        

        .creatorShoplink-box0 {width:15%;}
        .creatorShoplink-box2 {width:53%;}  
        /*.community-shopLinkRP .tab-pane {width:90%;}*/
        .shoplink-tab-addCustom .nav-tabs {width: 80px;}
        /*.shoplink-tab-addCustom .tab-content {margin-left: 80px;}*/
        /* [Admin LTE - Admindek VanillaJS] Custom Code Start */
        .table-responsive table {
            width: 1200px;
            max-width: 900px;
        }
        .table-responsive .table-shoplink {
            width: 800px;
            max-width: 900px;
        }
        .table-responsive .table-creatormedia {
            width: 900px;
            max-width: 900px;
        }
        #divReviews .table-responsive table {
            width: 900px;
            max-width: 900px;
        }
        /* [Admin LTE - Admindek VanillaJS] Custom Code end */
    }
    @media screen and (max-width:850px) {
        .creatorShoplink-box0 {width:15%;}
        .creatorShoplink-box2 {width:49%;}                
    }
    @media screen and (max-width:768px) {        
        .createShopLinkName {min-width:250px;}   
        .shoplink-pg-tab-addCustom .tableShopLinks {margin-top:10px;} 
        .lblBrCreateShoplink {display:none;}
        #divReviews .table-responsive table {
            width: 768px;
            max-width: 768px;
        }
    }
    @media screen and (max-width:767px) {        
        .creatorShoplink-box0 {width:100%; float:none; margin-right:0%; margin-top:15px; margin-bottom: 5px;}
        .creatorShoplink-box1 {width:100%; float:none; margin-right:0%; margin-bottom: 5px;}
        .creatorShoplink-box2 {width:100%; float:none; margin-right:0%; margin-bottom: 5px;}
        .creatorShoplink-box3 {width:100%; float:none; margin-bottom:10px;}
        .hide-creatorShoplink-box {display:none;}
        .row-mtop-custom .row .shoplinkRow {
            border: 1px solid #ececec;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(15,23,42,.04), 0 8px 20px rgba(15,23,42,.03);
        }
    }
    @media screen and (max-width:640px) {
        #divReviews .table-responsive table {
            width: 640px;
            max-width: 640px;
        }
    }
    @media screen and (max-width:520px) {        
        .createShopLinkName {min-width:150px;}   
        .removePdfEpubIconBr {display:block;}
        .removePdfIconBr {margin-left:0px;}
    }
    @media screen and (max-width:440px) {        
        .createShopLinkName {min-width:100px;}               
    }
    @media screen and (max-width:380px) {
        .clear-autofill-btns {float:none;}
        .clear-autofill-btns .btn-primary {width:100%;}
        .btn-clear-autofill {margin-top: 5px;}
        .createShopLinkName {min-width:80px;}
    }
    @media screen and (max-width:360px) {        
        .createShopLinkName {min-width:60px;}
    }
    /* END logo and url box */
    /* END for shoplink page */

/* custom bootstrap.css */

/*OLD Admin LTE*/
/*.cust-PDCAKAMSalseRepRetailer {display:table !important;}
.cust-PDCAKAMSalseRepRetailer .fa-angle-double-right {display:table-cell; vertical-align:middle;}*/
.validate-mark {background:url(/Content/images/green.png) no-repeat -22px 0px; width:20px; height:20px; display:inline-block; position:absolute; right:10px; top:10px;}

/*.averageTimeSpent {margin-top:50px;}*/
/* creator shoplink */
.row-mtop-custom .row {margin-top:0px; margin-bottom:10px;}
.row-mtop-custom .row .shoplinkRow {margin-bottom: 10px;}
.creator-input-price {width:48% !important; display:inline-block !important;}
.creator-input-currency {width:48% !important; display:inline-block !important; float:right;}
.shoplink-logo {
    border: 1px solid #e8edf3;
    width: 38px;
    height: 38px;
    position: relative;
    top: 0px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(15,23,42,.04), 0 8px 20px rgba(15,23,42,.03);
    padding: 2px;
}
.shoplink-url {width:100%;}

.socialMediaIcons {margin:4px; padding:2px; border:1px solid #cccccc; display:inline-block; cursor:pointer;}
.socialMediaIcons:hover {opacity:0.8;}

/* for media tabs */
.nav-tabs-addCustom > .tab-content {background: none repeat scroll 0 0 none; padding: 10px 0px;}
.nav-tabs-addCustom > .tab-content .tab-pane {padding: 0px !important;}
.nav-tabs-addCustom > .tab-content .box-body {padding: 10px 0px;}
/* Creator file upload */
.fileUpload {position: relative; overflow: hidden; margin: 0px;}
.fileUpload input.upload {position: absolute; top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
/*.show {
  display: block !important;
}*/
.upload-file-addCustom {display:inline-block; border:1px solid #cccccc; height:34px; padding-left:5px; /*position:relative; top:1px;*/ float:left; margin-right:2px;}
.crFileUploadBlock1 {background-color:#f1f1f1; padding: 15px 0;}
.crFileUploadBlock2 {border:1px solid #dfdfdf; padding:15px 0px;}

.crFileUploadBlock1 .crFUBlockLP {width:45%; float:left;}
.crFileUploadBlock1 .crFUBlockMP {width:10%; float:left;}
.crFileUploadBlock1 .crFUBlockRP {width:45%; float:left;}

.crFileUploadBlock1 .crFUBlockMP .bg {background:url(/Content/images/fileUploadSep.png) no-repeat top center; text-align:center; height:220px;}
.crFileUploadBlock1 .crFUBlockMP .txt {font-size: 22px; position: relative; top: 62px; left: -7px;}

.crFileUploadBlock1 .crFUPdfTxt,
.crFileUploadBlock1 .crFUePubTxt {display:inline-block; position:relative; top: 5px; left: 8px;}
.crFileUploadBlock1 .crFUPdfTxt .txt,
.crFileUploadBlock1 .crFUePubTxt .txt {max-width: 200px; display: inline-block;}

.crFileUploadBlock2 .crFUCoverInfo {display:inline-block; position:relative; top:20px; left:10px; width:70%;}
.crFileUploadBlock2 .crFUBackCoverInfo {display:inline-block; position:relative; top:20px; left:10px; width:70%;}

.crFileUploadBlock1 .crFUPdfTxtClose,
.crFileUploadBlock1 .crFUePubTxtClose {
    cursor:pointer;
    color: #ff0000;    
    display: inline-block;
    font-size: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    position: relative;
    top: 3px;
    left:10px;
}

.crFileUploadBlock2 .crFUBlockLP {width:45%; float:left;}
.crFileUploadBlock2 .crFUBlockMP {width:10%; float:left;}
.crFileUploadBlock2 .crFUBlockRP {width:45%; float:left;}

.crFileUploadBlock2 .crFUBlockMP .bg {background:url(/Content/images/fileUploadSep.png) no-repeat top center; text-align:center; height:250px;}
.crFileUploadBlock2 .crFUBlockMP .txt {font-size: 22px; position: relative; top: 62px; left: -7px;}

.pdfBackCoverHol .btnAddBackCover {/**/}
.disabledCustom {opacity:0.4;}
.modal-dialog {z-index: 1041;}
.modal-dialog table th,
.modal-dialog table td {
    font-size: 13px !important;
}

@media only screen and (max-width:1350px){
    .crFileUploadBlock1 .crFUBlockLP {width:43%;}
    .crFileUploadBlock1 .crFUBlockMP {width:14%;}
    .crFileUploadBlock1 .crFUBlockRP {width:43%;}    

    .crFileUploadBlock2 .crFUBlockLP {width:43%;}
    .crFileUploadBlock2 .crFUBlockMP {width:14%;}
    .crFileUploadBlock2 .crFUBlockRP {width:43%;}

    .crFileUploadBlock2 .crFUCoverInfo {width:65%;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:65%;}
}
@media only screen and (max-width:1250px) {
    .crFileUploadBlock2 .crFUCoverInfo {width:60%; top:0px;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:60%; top:0px;}
}
@media only screen and (max-width:1150px){
    .crFileUploadBlock1 .crFUBlockLP {width:41%;}
    .crFileUploadBlock1 .crFUBlockMP {width:18%;}
    .crFileUploadBlock1 .crFUBlockRP {width:41%;}    

    .crFileUploadBlock2 .crFUBlockLP {width:41%;}
    .crFileUploadBlock2 .crFUBlockMP {width:18%;}
    .crFileUploadBlock2 .crFUBlockRP {width:41%;}

    .crFileUploadBlock2 .crFUCoverInfo {width:55%;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:55%;}
}
@media only screen and (max-width:1050px) {
    .crFileUploadBlock2 .crFUCoverInfo {width:48%; top:0px;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:48%; top:0px;}
}
@media only screen and (max-width:991px){    
    .crFileUploadBlock2 .crFUCoverInfo {width:50%;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:50%;}
    .crFileUploadBlock2 .crFUCoverInfoBR {display:none;}

    .crFileUploadBlock1 .crFUPdfTxt .txt,
    .crFileUploadBlock1 .crFUePubTxt .txt {max-width: 150px;}
}
@media only screen and (max-width:767px){
    .crFileUploadBlock1 .crFUBlockLP {width:100%; float:none;}
    .crFileUploadBlock1 .crFUBlockMP {width:100%; float:none;}
    .crFileUploadBlock1 .crFUBlockRP {width:100%; float:none;}    
    .crFileUploadBlock1 .crFUBlockMP .bg {background:none; text-align:center; height:50px;}
    .crFileUploadBlock1 .crFUBlockMP .txt {top: 10px; left:0px;}

    .crFileUploadBlock2 .crFUBlockLP {width:100%; float:none;}
    .crFileUploadBlock2 .crFUBlockMP {width:100%; float:none;}
    .crFileUploadBlock2 .crFUBlockRP {width:100%; float:none;}    
    .crFileUploadBlock2 .crFUBlockMP .bg {background:none; text-align:center; height:50px;}
    .crFileUploadBlock2 .crFUBlockMP .txt {top: 10px; left:0px;}

    .crFileUploadBlock2 .crFUCoverInfo {width:60%;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:60%;}
}
@media only screen and (max-width:480px){
    .crFileUploadBlock2 .crFUCoverInfo {width:50%;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:50%;}

    .crFileUploadBlock1 .crFUPdfTxt .txt,
    .crFileUploadBlock1 .crFUePubTxt .txt {max-width: 80px;}
}
@media only screen and (max-width:400px){
    .crFileUploadBlock2 .crFUCoverInfo {width:44%;}
    .crFileUploadBlock2 .crFUBackCoverInfo {width:44%;}
}
/* END Creator file upload */
/* Creator Media */
.selectedAudioTr {
    background-color: #f1f1f1;
    color: #232323;
}
.selectedAudioTr tr td label {font-weight:normal;}
.selectedVideoTr {
    background-color: #f1f1f1;
    color: #232323;
}
.selectedVideoTr tr td label {font-weight:normal;}
.selectedReviewTr {
    background-color: #f1f1f1;
    color: #232323;
}
.selectedReviewTr tr td label {font-weight:normal;}
/* END Creator Media */

/* ShopLink Reorder Table */
.selectedShopLinkURLTr {
    background-color: #f1f1f1;
    color: #232323;
}
.selectedShopLinkURLTr tr td label {font-weight:normal;}

/* Custom Codes of Morris CSS*/
#divLine .morris-hover.morris-default-style {background-color:#ffffff !important; border:2px solid #dbe7d8 !important;}
#divBar .morris-hover.morris-default-style {background-color:#ffffff !important; border:2px solid #01874a !important;}

#divLine .morris-hover.morris-default-style .morris-hover-row-label,
#divBar .morris-hover.morris-default-style .morris-hover-row-label {color:#232323 !important;}

#divLine .morris-hover.morris-default-style .morris-hover-point,
#divBar .morris-hover.morris-default-style .morris-hover-point {color:#666666 !important;}

    /* for Amazon Crawler */
    .morris-hover.morris-default-style {font-weight:normal !important; font-size:13px !important;}
    .morris-hover.morris-default-style {background-color:#ffffff !important; border:2px solid #00c0ef !important;}
    .morris-hover.morris-default-style .morris-hover-row-label {color:#000000 !important;}
    /* END for Amazon Crawler */

@media only screen and (min-width:1051px) and (max-width:1170px){
    .box .box-header > .fa,
    .box .box-header > .glyphicon,
    .box .box-header > .ion,
    .box .box-header .box-title {font-size:16px !important;}
    .box .box-header .box-title strong {font-size:14px !important; font-weight:normal !important;}

}
@media only screen and (min-width:992px) and (max-width:1050px){
    .box .box-header > .fa,
    .box .box-header > .glyphicon,
    .box .box-header > .ion,
    .box .box-header .box-title {font-size:15px !important;}
    .box .box-header .box-title strong {font-size:13px !important; font-weight:normal !important;}
}

/* END Custom Codes of Morris CSS*/ 
/* Custom Codes of Bootstrap */
.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header > .ion, .box .box-header .box-title
    .h5,
    output,
    .form-control,
    .btn,
    .dropdown-menu,
    .input-group-addon,
    .popover,
    .popover-title,
    .sidebar .sidebar-menu .treeview-menu > li > a {
      font-size: 14px !important;
    }
    /* .table-bordered thead th {background-color:#ededed !important; vertical-align:top !important; color:#3c8dbc;} */
    .table-bordered thead th {background-color:#ededed; vertical-align:top !important; color:#3c8dbc;}
    .table-bordered thead th a {display:inline-block;}
    .sort-arrow {position:relative; top:3px; color:#c3c3c3; display:block;}
    @media screen and (max-width:600px) {
        .table-bordered tbody tr td {
         /*-ms-word-break: break-word !important;
    -ms-word-break: break-all;
        word-break: break-word !important;
        word-break: break-all;*/
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
        }
    }    
    .label-success {position:relative; top:-1px; padding:0.2em 0.6em 0.1em !important;}

    /*.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {margin:0 0 0 5px !important; font-size:14px !important;}
    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > p {font-size:12px !important; border: 1px solid #f1f1f1; box-shadow: 1px 1px 2px #f1f1f1; margin: 5px !important;
    padding: 5px; white-space: normal; word-wrap: break-word !important; color:#999999; cursor:default;}*/

    /* Notification */
    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
        color: #444444;
        overflow: hidden;
        padding: 10px;
        text-overflow:inherit !important;
        font-size:12px !important; white-space: normal;
   -ms-word-break: break-word !important;
    -ms-word-break: break-all;
       word-break: break-word !important;
        word-break: break-all;
            
            ; color:#999999; cursor:default;
    }
    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa {
        width: 20px;
        background: #00c0ef none repeat scroll 0 0;
        background:none !important;
        color: rgba(255, 255, 255, 0.7);
        font-size: 16px !important;
        margin-right: 5px;
        padding: 0px !important;
        text-align: center;  
        position:relative; top:1px;
    }
    
    .slimScrollDiv, #ulNotification {height:auto !important; max-height:200px !important;}

    .notifiHeader {font-size:12px !important; font-weight:bold; color:#31708f !important;}
    .notifiUnread {color:#232323 !important;}
    .notifiRead {color:#999999 !important;}
    .cust-modal-body {padding:0px 0px 10px 0px !important;}
    .cust-modal-footer {padding:10px 0px 0px 0px !important;}
    #divPacks .bootstrap-dialog-message {
        /*font-size: 14px; overflow-y: scroll; scrollbar-width: thin;*/
    }
    #divPacks .modal-dialog.modal-lg {
        max-width: 1000px;
        width: 100%;
    }
    @media screen and (max-width:480px) {
        .navbar-nav > .notifications-menu > .dropdown-menu {
            right: 0px !important;
        }
        .box .box-body-custom-datatable .box-body {padding: 0px 2px !important;}
        .scroll-480 {overflow-y:scroll; scrollbar-width: thin;}
    }
    @media screen and (max-width:410px) {
        .navbar-nav > .notifications-menu > .dropdown-menu {
            right: -55px !important;
        }
    }
    @media screen and (max-width:360px) {
        .navbar-nav > .notifications-menu > .dropdown-menu {
            right: -85px !important;
        }
        .iconEdit_Lib, .iconDelete_Lib, .iconDisMap_Lib, .iconQRCode_Lib, .iconRestore_Lib, .iconRestore_Lib {width:30px;}
    }
    /* END Notification */
    body > .header .navbar .nav > li > a > .label {width:20px !important;}    
    /*.dl-horizontal dd {margin-left: 220px !important;}
    .dl-horizontal dt {width: 200px !important;}
        */
    .modal-content.box {
        position: relative;
        background: #ffffff;
        border-top: 0px solid #c1c1c1;
        margin-bottom: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        width: 100%;
        box-shadow: none;
    }
    /*LOADER*/
    .box > .overlay,
    .box > .loading-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .box > .overlay {
      z-index: 1010;
      background: rgba(255, 255, 255, 0.7);
    }
    .box > .overlay.dark {
      background: rgba(0, 0, 0, 0.5);
    }
    .box > .loading-img {
      z-index: 1020;
      background: transparent url('../Content/images/ajax-loader1.gif') 50% 50% no-repeat;
      background-size: 50px;
    }
/* END Custom Codes of Bootstrap */
/* [Admin LTE - OLD] Custom Code Start */
    .wrapper {background-color:#ffffff;}
    .box .box-body-custom .box-body {
        padding:0px !important;
    }    
    .box-body .box-comment {
        height:200px; overflow:auto;
    }
    .box-body .box-comment p {
        border-bottom:1px solid #eeeeee;
        margin:0px !important;
        padding:5px 0px;
    }
    .box-body .box-comment p:nth-child(even) {
        background-color:#f3f4f5;
    }
    .right-side .content {background-color:#ffffff;}
    .right-side .content h2 {margin-top:0px !important;}
    .h2-addCustom {margin-top:0px !important;}
    .box.box-no-border-shadow {border:0px !important; box-shadow:none !important;}
    
    .transition-all {
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: 300ms;
    }

/* [Admin LTE - OLD] Custom Code End */
/* [Admin LTE - Admindek VanillaJS] Custom Code Start */
.page-header {
    margin: 0px;
    font-size: inherit;
    border-bottom: 0px solid #eee;
}
.pc-header {
    z-index: 11 !important; /*set z-index 11 for breadcrumb tooltip*/
}

.breadcrumb-item + .breadcrumb-item::before {
    position: relative;
    top: 3px;
}
.alert {
    padding-left: 30px !important;
    position: relative !important;
}
.form-group label,
label {
    font-weight: normal;
    color: #1d2630;
}
#accordion .box-header .box-title {
    margin: 0px;
}
#accordion .panel {
    border-bottom: 1px solid #4680ff;
}
ul.wysihtml5-toolbar {
    border: 0px solid #bec8d0;
    margin-bottom: 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
ul.wysihtml5-toolbar > li {
    margin: 0 5px 0px 0;
}
.form-control, .datatable-input, .custom-select, .dataTable-selector, .dataTable-input {
    color: #333333 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*[data-pc-preset="preset-1"] .btn-primary, .btn-warning, .btn-default {
    color: #ffffff !important;
}
[data-pc-preset="preset-1"] .btn-primary {
    border-color: #ff7308;
    background-color: #ff7308;
}*/
/*.modal-content > .modal-header,
.modal-content > .modal-body,
.modal-content > .modal-footer {padding: 15px !important;}*/
/*OLD Admin LTE*/
.modal-header .close {
    width: 22px;
    height: 22px;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
    background: none;
    color: #000000;
    border: 0px;
}
.modal-content {
    border-radius: 6px !important;
}
.modal-content .bootstrap-dialog-header,
.modal-content .modal-header {
    width: 100%;
    color: #ffffff;
}
.bootstrap-dialog .bootstrap-dialog-title {
    font-size: 16px;
}
.modal-content .modal-header .modal-title {
    color: #ffffff;
    font-size: 16px;
}
.btn.btn-default {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #5b6b79;
    --bs-btn-border-color: #5b6b79;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: rgb(77.35, 90.95, 102.85);
    --bs-btn-hover-border-color: rgb(72.8, 85.6, 96.8);
    --bs-btn-focus-shadow-rgb: 116, 129, 141;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: rgb(72.8, 85.6, 96.8);
    --bs-btn-active-border-color: rgb(68.25, 80.25, 90.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #5b6b79;
    --bs-btn-disabled-border-color: #5b6b79
}

.bootstrap-dialog-message {
    color: #232323;
}
.alert {
    padding-left: 20px !important;
    margin-left: 15px;
    position: relative;
}
.alert.alert-info,
.alert.alert-warning {
    margin-left: 0px;
}
.alert.alert-info .fa.fa-info,
.alert.alert-warning .fa.fa-warning {
    float: left;
    position: relative;
    left: -10px;
    top: 0px;
    border: 1px solid;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert.alert-info p {
    margin: 0px;
}
.alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}
.alert-danger hr {
  border-top-color: #e4b9c0  !important;
}
.alert-danger .alert-link {
  color: #843534 !important;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: 0px;
  color: inherit;
}
.alert-danger .close {
  float: right;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  margin-right: 10px;
}
.alert-danger .close:hover,
.alert-danger .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
.alert-danger button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.pagination-container {
    display: flex;
    justify-content: center;
}
.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
    color: #ffffff !important;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #006e6b;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #006e6b;
  border-color: #006e6b;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-black {
  background-color: #222222 !important;
}
.bg-red {
  background-color: #f56954 !important;
}
.bg-yellow {
  background-color: #f39c12 !important;
}
.bg-aqua {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.bg-green {
  background-color: #00bcd4 !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #932ab6 !important;
}
.bg-maroon {
  background-color: #85144b !important;
}
select.form-control {
    padding-right: 40px;
}
.datatable-table td, .datatable-table th, .table td, .table th {
    white-space: inherit !important;
    vertical-align: top !important;
    padding: .5rem .50rem !important;
    font-size: 14px;
}
.datatable-table thead th, .table thead th, 
.datatable-table thead th a, .table thead th a {
    color: #4c6c56 !important;
}
.form-group {
    margin-bottom: 15px;
}
.form-control,
.form-control-sm,
.form-select,
.form-select-sm {
    font-size: 14px !important;
}
.form-select {
    background-position: right 0.5rem center !important;    
    padding-right: 2rem !important;
}
.form-select-sm {
    border-radius: 4px !important;
}
.form-control-sm {
    border-radius: 4px !important;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .datatable-input,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .custom-select,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .dataTable-selector,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .dataTable-input,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .datatable-selector {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.btn-sm {
    border-radius: 4px !important;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #4680ff;
}
.bootstrap-dialog.type-warning .modal-header {
    background-color: #ff9800;
}
.table-responsive {
    scrollbar-width: thin;
}
.bootstrap-dialog-footer-buttons {
    display: flex;
    gap: 5px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
/* Add fade animation to dropdown menus */
.open:not(.dropup) > .dropdown-menu {
  animation-name: fadeAnimation;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeAnimation;
  -webkit-animation-duration: .7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeAnimation;
  -moz-animation-duration: .7s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
@-webkit-keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
.open > .dropdown-menu {
  display: block;
}
.custCalendarHolder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.custCalendarHolder input[type="text"] {
    color: #333333 !important;
    opacity: 1;
    background: white;
    border-radius: 4px !important;
    padding-right: 40px;
}
.custCalendarHolder .input-group-addon {
    position: absolute;
    z-index: 2;
    right: 5px;
    top: 5px;
    padding: 0px;
    background: none;
    border: 0px;
    width: 30px;
    height: 30px;
}
.custCalendarHolder .iconCalendarSVG {
    display: inline-block;
    background: url("/Content/images/icon_calender.svg") no-repeat center center;
    background-size: 25px;
    width: 30px;
    height: 30px;
}
/* BACKDROP LEVELS */
.backdrop1 { z-index: 1059 !important; }
.backdrop2 { z-index: 1069 !important; }
.backdrop3 { z-index: 1079 !important; }
.backdrop4 { z-index: 1089 !important; }
.backdrop5 { z-index: 1099 !important; }
.backdrop6 { z-index: 1109 !important; }
.backdrop7 { z-index: 1119 !important; }
.backdrop8 { z-index: 1129 !important; }
.backdrop9 { z-index: 1139 !important; }
.backdrop10 { z-index: 1149 !important; }

/* MODAL LEVELS */
.bsdialog1 { z-index: 1060 !important; }
.bsdialog2 { z-index: 1070 !important; }
.bsdialog3 { z-index: 1080 !important; }
.bsdialog4 { z-index: 1090 !important; }
.bsdialog5 { z-index: 1100 !important; }
.bsdialog6 { z-index: 1110 !important; }
.bsdialog7 { z-index: 1120 !important; }
.bsdialog8 { z-index: 1130 !important; }
.bsdialog9 { z-index: 1140 !important; }
.bsdialog10 { z-index: 1150 !important; }

#divPopular .nav-tabs-custom .nav-item.active a.nav-link {
    color: #888888;
    background-color: #f4f7fa;
    border-color: #f1f1f1;
    margin-bottom: calc(-1 * 1px);
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.navbar-curst-newadminlte {--bs-navbar-padding-y: 0 !important; border-width: 0 !important;}
/*.btn-success {
	color: #ffffff;
	background-color: #4caf50 !important;
	border-color: #4caf50 !important;
}
.btn-warning {
	color: #ffffff;
	background-color: #ff9800 !important;
	border-color: #ff9800 !important;
}
.btn-danger {
	color: #ffffff;
	background-color: #f56954 !important;
	border-color: #f4543c !important;
}*/
.modal .modal-body table .btn {white-space: nowrap;}
/* Button hover: subtle scale + shadow glow */
.btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}
.btn:hover {    
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}
.btn.btn-primary {
    position: relative;
    overflow:hidden;
}
.btn.btn-primary::before{
    content:"";
    position:absolute;
    left:-120%;
    top:0;
    width:80%;
    height:100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);
    transition:1s;
}
.btn.btn-primary:hover::before{
    left:130%;
}
/* [Admin LTE - Admindek VanillaJS] Custom Code End */
/* Start Custom Code of Summernote Editor */
.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
    min-height:180px;
    height:100%;
}
/* END Custom Code of Summernote Editor */

/* Creator Edit Section */
	/* Delete Pages */
		.delete-page-block {margin:5px; border:1px solid #cccccc; min-width:150px; padding:10px 0px;}
		.delete-page-block img {min-width:100px; max-width:140px; min-height:150px; max-height:180px;}
		.delete-page-block div {margin-top:10px;}
		.delete-page-block div input[type=checkbox] {margin-right:15px;}
	/* END Delete Pages */
    /* Add link block */
        .hotspotIcon {
            width: 18px; height: 19px; min-width: 18px !important; min-height: 19px !important; float: left; margin: 0px 0px 0px 10px;
        }
        .hotspotBookPGNo {
            float: right; display: inline-block; height: 20px; width: 40px; margin: 0px 10px 0px 0px;
        }
/* END Creator Edit Section */

/* Data Table */
    .box .box-body-custom-datatable .box-body {
	    padding:0px 5px;
    }
    .dataTable-BG-none {background:none !important; cursor:default !important;}
/* END Data Table */

/* Setting Section */
	/* Onix FTP Setting */
    .onix-page-rangeLP {width:45px; margin-right:10px; float:left;}
    .onix-page-rangeMP {width:180px; margin-right:10px; float:left;}
    .onix-page-rangeMP-LP {width:100px; float:left;}
    .onix-page-rangeMP-RP {width:50px; margin-right:5px; float:left;}
    .onix-page-rangeRP {width:200px; float:left;}
    .onix-page-rangeRP-LP {width:65px; float:left;}
    .onix-page-rangeRP-RP {width:120px; margin-right:5px; float:left;}

    .onix-hide-col {visibility:hidden;}
    .onix-showHide-clear {display: none;}

    @media screen and (max-width:1250px) {
        .onix-page-rangeRP {float:none; position:relative; top:10px;}
    }
    @media screen and (max-width:991px) {
        .onix-hide-col {display:none;}
        .onix-showHide-clear {display: block;}
        .onix-page-rangeRP {float:left; position:relative; top:0px;}
    }
    @media screen and (max-width:550px) {
        .onix-page-rangeRP {float:none; position:relative; top:10px;}
    }
    @media screen and (max-width:550px) {
        .onix-page-rangeMP {width:175px; margin-right:0px; float:left;}
    }
	/* END Onix FTP Setting */
/* END Setting Section */
/* Download Section */
	/* Short URL */
	.short-url-LP {width:40%; float:left;}
	.short-url-MP {width:20%; float:left;}
    .short-url-RP {width:40%; float:right;}
	.btn-short-url-makeItShort {margin-top:22px;}
	@media screen and (min-width:991px) and (max-width:1200px) {
		.short-url-LP,
		.short-url-MP,
		.short-url-RP {float:none; width:100%;}
		.btn-short-url-makeItShort {margin-top:5px;}
	}
	@media screen and (max-width:600px) {
		.short-url-LP,
		.short-url-MP,
		.short-url-RP {float:none; width:100%;}
		.btn-short-url-makeItShort {margin-top:5px;}
	}
    /* below line used inside short url and qr code for select list */
    @media screen and (max-width:991px) {
        .short-url-particularComm {
            max-width: 400px;
        }
    }
	/* END Short URL */	
	/* QR Code */
	@media screen and (min-width:992px) and (max-width:1450px) {
		.qr-code-DWQrCode.col-md-2 {width:30% !important;}
	}
	/* END QR Code */
	/* Biblet Images */	
	.biblet-img-preview {min-width:100px; max-width:150px; min-height:120px; max-height:200px; margin-bottom:10px;}
	
	/* END Biblet Images */
/* END Download Section */
/* Report Section */
	/* Generate Report */
	.report-grid-block {border:0px solid #666; padding:10px;}
	.report-grid-block input[type=checkbox] {position:relative; top:2px;}    
    .report-filter-list {padding-left: 20px;}
	.report-filter-list li {
        display: inline-block;
        margin:0px;
        padding:2px 10px;
        min-height:30px;
        line-height:30px;
        border:1px solid #dddddd;
        cursor:pointer;
        border-radius: 4px;
        margin: 2px;
        float: left;
	}
    .report-filter-list li:hover {
        color: #222222;
        background-color:#c0cbbd;
    }
	.report-toggle-class {
        color: #ffffff;
        background-color:#9fb899;
        border:1px solid #dddddd !important;
        cursor:pointer;
	}
    .report-toggle-class td {
        color: #ffffff !important;
        border: 1px solid #748470 !important;
        display: flex;
    }
    .report-toggle-class:hover,
    .report-toggle-class td:hover {
        color: #ffffff;
        background-color:#9fb899 !important;
    }
    .report-gen-list li {
        float:left; width:48%; min-height:40px;
    }
    .hiddenRGInput {display:none;}
    .rg-dtr-lp {
        width:250px; float:left; margin-right:20px;
    }
    .rg-dtr-rp {
        width:250px; float:left;
    }
    @media screen and (min-width:992px) and (max-width:1150px) {
        .rg-dtr-lp {
            width:100%; float:none; margin-right:0px;
        }
        .rg-dtr-rp {
            width:100%; float:none; margin-top:10px;
        }
    }
    @media screen and (max-width:640px) {
        .rg-dtr-lp {
            width:100%; float:none; margin-right:0px;

        }
        .rg-dtr-rp {
            width:100%; float:none; margin-top:10px;
        }
        .listShoplinkDimensions {
            width: 450px;
        }        
        .dashboard-content-holder .table-responsive table {
            width: 640px;
            max-width: 640px;
        }
    }
    @media screen and (max-width:991px) {
        .report-gen-block .col-md-8 .col-md-6, .report-gen-block .col-md-12 .col-md-12 {
            padding:0px !important;
        }
        .report-gen-list li {
            float:none; width:98%;
        }
    }
    @media screen and (max-width:480px) {
        .dashboard-content-holder .table-responsive table {
            width: 480px;
            max-width: 480px;
        }
    }
	/* END Generate Report */
/* END Report Section */
/* Dashboard */    
    .dashboard-even-odd table {border-collapse: collapse;}
    .dashboard-even-odd table, .dashboard-even-odd table td, .dashboard-even-odd table th {border: 1px solid #dddddd;}
    .dashboard-even-odd tr th {background-color:#dddddd;}
    .dashboard-even-odd tr {height:25px;}
    .dashboard-even-odd tr td, .dashboard-even-odd tr th {
              padding:0px 4px;
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
    }
    .dashboard-even-odd p {max-height:40px;}
    .dashboard-even-odd p:nth-child(odd), .dashboard-even-odd tr:nth-child(even) {
        background-color:#f1f1f1;    
    }
    .divSearchBibDashboard {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .custom-height-col3 {
        /*height:440px !important;*/
    }
    .dashHeight01 {height:301px;}
    .dashHeight02 {height:319px;}
    .dashHeight03 {height:350px;}
    .dashHeight03 .table-responsive {
        overflow: auto;
        max-height: 340px;
        scrollbar-width: thin;
    }
    .ui-widget-header {font-weight:normal !important;}

    .dashBStartDt, .dashBToDt {position:relative; float:left;}
    .startDateDropDown, .toDateDropDown {display:none; background-color: #f1f1f1; border: 1px solid #dddddd; left:0px; position: absolute; z-index: 2; margin-top:1px; padding: 5px;}
    
    .dashBStartDt .startDateDropDown > select, .dashBToDt .toDateDropDown > select {width:60px; height:25px; position:relative; top:2px;}
    .dashBStartDt .startDateDropDown > input, .dashBToDt .toDateDropDown > input {height:25px; line-height:13px;}
    
    .dashBDateInput {width:155px !important; background:url(/Content/images/nav_admin_downarrow.png) no-repeat center right 6px}
    .dashBBtnGroup {width:50px; float:left;}

    .calMonth {width:120px !important;}
    .calYear {width:80px !important;}
    
    .dashBSearhBib i {color:#ffffff;}
    .dashBGo {
        padding: 5.5px 10px !important;
    }

    .dashboard-search-filter-holder {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: space-between;
    }
    .dashboard-search-filter-holder .btn-group-filter-exexcel {
        margin: 0px;
    }
    @media screen and (max-width:640px) {        
        .dashboard-search-filter-holder {
            display: block;
        }
        .dashboard-search-filter-holder .custom-datepicker {
            margin-bottom: 10px;
        }
    }
    @media screen and (max-width:480px) {        
        .dashboard-search-filter-holder {
            display: block;
        }
        .dashboard-search-filter-holder .custom-datepicker {
            margin-bottom: 10px;
        }
        .dashBDateInput {
            width: 135px !important;
            min-width: 120px !important;
            padding: 10px !important;
        }
        /*.dashBStartDt, .dashBToDt {width:125px !important;}*/
        
    }
    .clear_filter {
        border-color: rgb(221, 221, 221);
        border-style: solid;
        border-width: 1px 0;
        display: none;
        float: left;
        height: 32px;
        position: relative;
        text-align: center;
        top: 0;
        width: 30px !important;
    }
    .clear_filter_fa_close {
        color: #666666 !important;
        display: inline-block;
        font-size: 14px;
        line-height: 30px;
    }
    #line-chart > .morris-default-style {z-index:2;}
    .custom-datepicker {display:block; /*position:absolute; top:-60px; left:150px; float:right;*/}
    .db-tab-hol {margin-top:-8px;}
    .db-tab-hol .nav-tabs li a {font-size:15px; padding:10px 10px;}
    .ui-datepicker-calendar {display: none;}
    #ui-datepicker-div {z-index:1020;}
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {display:none;}
    .date-picker {width:110px; padding:0px 3px; border:1px solid #dddddd;}

    .btn-group-filter-exexcel {
        /*position:absolute; right:0px; top:-60px;*/ float:right; cursor:pointer;

    }
    .btn-group-filter-exexcel .tooltip {width:80px !important;}
    body > .header {z-index:11 !important;}
    .tooltip {z-index:11 !important;}
    .morris-hover {z-index:9 !important;}
    .btn-group-filter-exexcel .export {
        background:url("images/icons/export.svg") no-repeat right center; display:inline-block; height:25px; width:30px;
        position:relative; top:-3px;
    }

    .btn-group-filter-exexcel .filteredValue {
        padding-left:5px;
        height:32px;
        float:left;

        display:none;        
        white-space: nowrap;
        overflow:hidden !important;
        text-overflow: ellipsis;
    }
    .btn-group-filter-exexcel .dashBSearhBib {        
        display:inline-block;
        height:32px;
        width:26px;
        /*color, url, no-repeat, left, top, width, height*/
        /*background:url("images/icons/filter.svg") no-repeat scroll 2px 3px / 25px 25px;*/
        background:url("images/icons/filter.svg") no-repeat center center;
        /*border:1px solid #ffffff !important;*/
        color:#232323 !important;
        font-size:13px;       
    }

    .filterInput {width:92%; float:left;}
    .filterSearch {float:right; height:34px;}

    .filtered-Col-1h3 {font-size:20px !important; white-space:normal !important;}
    .filtered-Col-1p {width:80%; overflow:hidden; height:40px;}
    
    /*for avoide admin LTE CSS Code*/
    .infoPageView, .infoPageView .box {        
        border:0px !important; box-shadow:none !important;
        /*padding:0px !important;*/
        border-radius:0px !important; border-top:0px !important;
    }
    /*.infoPageView .box {margin-bottom:15px !important;}*/
    #divLine-Average .morris-hover.morris-default-style {
        background-color: #ffffff !important;
        border: 2px solid #00c0ef !important;
    }
    #divLine-Average .morris-hover.morris-default-style .morris-hover-row-label, #divLine-Average .morris-hover.morris-default-style .morris-hover-row-label {
        color: #232323 !important;
    }
    /*END for avoide admin LTE CSS Code*/
    #divLine-Average #chklist {margin-top:10px;}
    #Frm_Month_Avg {position:absolute; left:55px; bottom:56px; color:#999999; font-size:12px;}
    #to_Month_Avg {position:absolute; right:30px; bottom:56px; color:#999999; font-size:12px;}
    .bibViewAvgChart {height:430px;}
    .bibViewAvgChartCheckbox {display:inline-block; margin:0px 10px; border:0px solid #dfdfdf;}    
    #TblRecentBiblet td a {display: inline-block; white-space: normal;
                           -ms-word-break: break-word !important;
                            -ms-word-break: break-all;
                               word-break: break-word !important;
                                word-break: break-all;
    }
    #divViewDetailInfo .h3_smFont {font-size:38px; font-weight:bold; white-space:nowrap;}
    
    .heightDsbTitle {height:63px;}
    
    .donutChartTextFirst1,
    .donutChartTextFirst2,
    .donutChartTextFirst3,
    .donutChartTextFirst4 {       
        width:95%;
        white-space: nowrap;
        overflow:hidden !important;
        text-overflow: ellipsis;
    }

    .amezonCTitle1 {display:inline-block; float:left;}
    .amezonCTitle2 {display:inline-block; /*position: absolute; right: 10px; top:15px;*/ font-size:12px;}

    .amezonCBlock {height: 500px;}
    .amezonCCheckboxHol {height:80px; overflow-y:auto; scrollbar-width: thin; margin:0px 15px 0px 10px;}
    .amezonCCheckboxHol .amezonCCheckbox {display:inline !important; margin:0px 10px; border:0px solid #dfdfdf; line-height:26px;}
    .amezonCCheckboxHol #chklistReview {width:96%;}
    .amezonCCheckboxHol #chklistReview label {display:inline !important;}
    .amezonCCheckboxHol #chklistReview .amezonCCheckbox:first-child{margin-left:0px;}

    .amezonRCTable table td {padding:4px;}

    @media only screen and (max-width:992px){
        .infoPageView .box {margin-bottom:20px !important;}
    }
    @media only screen and (max-width:991px){
        .heightDsbTitle {height:35px;} 
        .small-box p {font-size:15px;}
    }
    @media screen and (max-width:767px) {
        #MainAverage_View #chklist {position:relative; top:20px;}
        #Frm_Month_Avg {bottom:116px;}
        #to_Month_Avg {bottom:116px;}
        .bibViewAvgChart {height: 500px;}
        .bibViewAvgChartCheckbox {margin: 0px 10px; width: 100%;}

        .amezonRCTable {max-width:767px; width:100%; overflow:auto !important;}
        .amezonRCTable table {width:767px !important;}        
    }
    @media screen and (max-width:680px) {
        .dashboard-blocks .small-box > .inner {height:125px !important;}
        .dashboard-date {font-size:13px; position:relative; top:0px; left:0px;}
        .amezonCTitle2 {display:inline-block; position: absolute; right: 10px; top:35px; left:13px; font-size:12px;}
        .amezonCBlock {height: 545px;}
        .amezonCCheckboxHol {height:128px;}
        .amezonCCheckboxHol .amezonCCheckbox {width:100%; display:inline-block !important;}
        .amezonCCheckboxHol #chklistReview .amezonCCheckbox:first-child{margin-left:10px;}
    }
    
    @media screen and (max-width:550px) {        
        .dashboard-blocks h3, #divViewDetailInfo h3, #divViewDetailInfo .h3_smFont {font-size: 25px !important;}
        .filtered-Col-1h3 {font-size:20px !important; white-space:normal !important;}
        .filterInput {width:86%;} 
        .heightDsbTitle {height:63px;}               
    }
    @media screen and (max-width:480px) {
        .filtered-Col-1p {width:100%; overflow:hidden; height:36px;}
        .btn-group-filter-exexcel {float: right; width: 100%; text-align: right; margin-top: 10px;}
        .db-tab-hol .nav-tabs li {float:none;}
        .db-tab-hol .nav-tabs li.active a {background-color:#f1f1f1 !important;}
    }
    @media screen and (max-width:479px) {        
        .dashboard-blocks .small-box {min-height:160px;}        
        .dashboard-blocks .small-box .small-box-footer {min-height:50px;} 
        .amezonRCTable {margin-top:15px;}
    }
    @media screen and (max-width:400px) {
        #line-chart-Average #Frm_Month_Avg,
        #line-chart-Average #to_Month_Avg {bottom:66px !important;}
    }
    
    @media screen and (max-width:380px) {
        .dashboard-blocks .small-box > .inner {height:150px !important;}  
        .toDateDropDown {left:-75px;}
        .filterInput {width:83%;}
    }
    .dashboard-dtr-posRel {position:relative;display:none;}
    .dashboard-dtr_holder {width:100%; position:absolute; top:-20px;}
    @media screen and (max-width:680px) {
        .dashboard-dtr_holder {position:absolute;}        
    }
/* END Dashboard */
/* Onix Shoplink */
.onix-shoplink-tableHolder {
    max-height: 200px;
    overflow-y: scroll;
    scrollbar-width: thin;
    border-collapse: collapse;
}
.onix-shoplink-tableHolder th, .onix-shoplink-tableHolder td {border: 1px solid #f1f1f1; vertical-align:top; padding:5px;}
.onix-shoplink-tableHolder .logo-holder {
    width:80px;
}
.onix-shoplink-tableHolder .logo-holder img {
    height:33px; width:33px; border:1px solid #f1f1f1;
}
.onix-shoplink-tableHolder .link-logo {
    color:#3c8dbc;
}
.onix-shoplink-tableHolder .link-logo, .onix-shoplink-tableHolder .name-logo {
 -ms-word-break: break-word !important;
  -ms-word-break: break-all;
     word-break: break-word !important;
      word-break: break-all;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
/* END Onix Shoplink */

/* Login */
    .auth-main .auth-wrapper .auth-form .card-body-cust-login {
        background-color: #f1f0e4;
    }
    .login-box .animate-item,
    .card-body-cust-login .animate-item {
        opacity: 0;
        transform: translateY(25px);
        transition: opacity .6s ease, transform .6s ease;
    }
    .login-box .animate-item h4,
    .card-body-cust-login .animate-item h4 {
        font-size: 2rem;
        color: #006e6b;
        font-weight: 500;
    }
    .login-box .link-primary, 
    .card-body-cust-login .link-primary {
        color: #006e6b !important;
    }    
    .login-box.show .animate-item,
    .card-body-cust-login.show .animate-item {
        opacity: 1;
        transform: translateY(0);
    }
    .login-box{
        border-radius: 15px !important;
        overflow: hidden;
        box-shadow:0px 0px 4px 0px rgba(0,0,0,.05);        
    }
    .login-box:hover{
        box-shadow:0px 0px 20px 0px rgba(0,0,0,.15);
    }
    .login-box .link-primary {
        color: #08766d !important;
    }
    .login-box {        
        background: none !important;
    }
    .login-box-inner {                
        border-radius: 15px !important;
        overflow: hidden;
        box-shadow: rgba(26, 24, 21, 0.07) 0px 8px 32px !important;
        border: 1px solid #e5dfd0 !important;
        background: none !important;
    }
    .login-logo {
        background-color:#ffffff; padding:5px 0px;
    }
    .login-custom {height:auto;}
    .login-custom .form-box {
        margin: 0 auto !important;
        padding-top: 5px !important;
        width: 320px !important;    
    }
    .login-borderB2L {background:url(/Content/images/b2l_border.png) repeat-x; height:4px; position:absolute; top:0px; z-index: 1; width: 100%;}
    /* Delay for each element */
    .card-body-cust-login.show .animate-item:nth-child(1) {
        transition-delay: .1s;
    }

    .card-body-cust-login.show .animate-item:nth-child(2) {
        transition-delay: .3s;
    }

    .card-body-cust-login.show .animate-item:nth-child(3) {
        transition-delay: .5s;
    }

    .card-body-cust-login.show .animate-item:nth-child(4) {
        transition-delay: .7s;
    }

    .card-body-cust-login.show .animate-item:nth-child(5) {
        transition-delay: .9s;
    }

    .card-body-cust-login.show .animate-item:nth-child(6) {
        transition-delay: 1.1s;
    }
    .auth-main .auth-wrapper .auth-form {
        background: none !important;
    }    
    .bg-brand-color-1 {
        /*background: linear-gradient(-135deg, #6ca9a8, #6ca9a8) !important;*/
        background:
            radial-gradient(circle at 15% 35%, rgba(255,255,255,.12) 0 90px, transparent 91px),
            radial-gradient(circle at 85% 15%, rgba(255,255,255,.10) 0 80px, transparent 81px),
            radial-gradient(circle at 80% 90%, rgba(255,255,255,.12) 0 100px, transparent 101px),
            linear-gradient(
                180deg,
                #B2D8C3 0%,
                #84C5B3 15%,
                #4FA99B 45%,
                #1B8B81 70%,
                #06736B 100%
            ) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .login-box #btnSubmit{
        position:relative;
        overflow:hidden;
        width: 100%;
        font-size: 22px !important;
    }    
    .login-box-holder {width:700px; margin:0px auto;}
    .login-box-lp {float:left; width:320px; margin-top:-50px;}
    .login-box-rp {float:right; width:320px; margin-top:-50px;}
        
    .login-autoComp-urlBox {
        height:37px;
    }
    .login-autoComp-urlBox input {
        border:0px; width:100%; border:0px solid #dddddd;
    }
    .login-autoCompBox {                
        height:279px; overflow:auto;
        background-color:#ffffff;
    }

    .login-autoCompBox li {
        float:none !important;
        background-color:#f1f1f1;
        margin-bottom:2px;        
    }
    .login-autoCompBox li > a {
        padding: 5px 10px !important;
        border-radius:0px !important;
    }
    .ui-autocomplete {
        max-width: 280px !important;
        min-height:200px;
        overflow-y:auto;
        scrollbar-width: thin;
        z-index: 1090 !important;
        background: none repeat scroll 0 0 #f1f1f1;        
        /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -webkit-border-radius: 3px; 
        /* Firefox 1-3.6 */
        -moz-border-radius: 3px;   
        /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
        border-radius: 3px; 
        border-top: 0px solid #c1c1c1 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);    
        position: relative;    
    }
    .ui-autocomplete li {
        background-color: #ffffff !important;        
        cursor: pointer;
        left:0px;
        margin: 3px 6px;
        position: relative;
        top: 27px;
        width: 250px !important;
    }
    .ui-autocomplete li:last-child {margin-bottom:20px !important;}
    .ui-autocomplete li a {display:inline-block; padding:2px 10px; width:100%; height:30px; line-height:25px;}

    /*NEW ADMIN LTE*/
    .div2FALogin .link-primary {
        font-size: 13px;
    }
    .cust-new-adminLTE-loginlogo {
        display: flex;
        gap: 5px;
        justify-content: center;
    }
    .cust-new-adminLTE-loginlogo .logo1 {
        height: 30px;
    }
    .cust-new-adminLTE-loginlogo .logo2 {
        height: 28px;
    }

    @media screen and (max-width:991px) {
        .login-box-lp {float:none; width:100%;}
        .login-box-rp {float:none; width:100%;}
    }
    @media screen and (max-width:767px) {
        .login-box-holder {width:100%;}
        .ui-autocomplete {width: 75% !important;}
        .ui-autocomplete li {            
            width: 85% !important;
        }
        /* Creator */
        .bibInfoDet {float:none; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #dfdfdf;}
        .bibInfoImg {float:none; width:100%; text-align:left;} 
        .bibInfoDet .dl-horizontal dd {margin-bottom: 15px;}
        #btnTransfer_1, #btnTransfer_2, #btnTransfer_3 {white-space:normal !important;}
        /* END Creator */
    }
/* END Login */
/* Moderate Comments */
    .mod-comment-lnbox {
        width:80px;
    }
    .mod-comment-datebox {
        width:150px;
    }
    .mod-comment-search {
        width:150px;
    }
    .mod-addbreak-mobile {
        display:none;
    }
    .mod-col1 {
        width:auto;
    }
    .mod-col2 {
        width:auto;
    }
    @media screen and (max-width:767px) {
        /*.mod-comm-resize-col {
            width:150px !important;
            -ms-word-break: break-word !important;
        -ms-word-break: break-all;
        word-break: break-word !important;
        word-break: break-all;;  
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;            
        }*/
               .wordbreak {
    /*-ms-word-break: break-word !important;
    -ms-word-break: break-all;
        word-break: break-word !important;
        word-break: break-all;*/
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
}
    }    
/* END Moderate Comments */

/* Responsive Table on Mobile */
/* Re Assigned Biblet to Author */    
    .transaction-history-table {border-top:1px solid #dfdfdf; margin-top:10px;}
    /* .showhide-select-list - this class used in library, publisher list view, publisher comments */
    @media screen and (min-width:769px) and (max-width:1024px) {
        .hideOnTablet {display:none;}
    }    
    .showhide-select-list, .mod-comm-sel-col, .author-select-list {display:none;}
    
    @media screen and (max-width:768px) {
        .showhide-select-list, .mod-comm-sel-col, .author-select-list {display:block;}
        .transaction-table {overflow-x: scroll; scrollbar-width: thin;}
    }

    .toggle-class {
        /*background-color: #1abc9c;*/        
        background-color: #9fb899;
        border: 1px solid #dddddd !important;        
    }  
    .toggle-class td {color: #232323 !important;}
    .table-bordered-no .table-bordered {border: 0px solid #ddd !important;}
    .table-bordered-no > .table-bordered > thead > tr > th:first-child,
    .table-bordered-no > .table-bordered > tbody > tr > th:first-child,
    .table-bordered-no > .table-bordered > tfoot > tr > th:first-child,
    .table-bordered-no > .table-bordered > thead > tr > td:first-child,
    .table-bordered-no > .table-bordered > tbody > tr > td:first-child,
    .table-bordered-no > .table-bordered > tfoot > tr > td:first-child
    {
        border-left: 1px solid #ddd !important;
    }
    .table-bordered-no > .table-bordered > tbody > tr:last-child > th,
    .table-bordered-no > .table-bordered > tfoot > tr:last-child > th,
    .table-bordered-no > .table-bordered > tbody > tr:last-child > td,
    .table-bordered-no > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 1px solid #ddd !important;
    }
    .table-bordered-no > .table > caption + thead > tr:first-child > th,
    .table-bordered-no > .table > colgroup + thead > tr:first-child > th,
    .table-bordered-no > .table > thead:first-child > tr:first-child > th,
    .table-bordered-no > .table > caption + thead > tr:first-child > td,
    .table-bordered-no > .table > colgroup + thead > tr:first-child > td,
    .table-bordered-no > .table > thead:first-child > tr:first-child > td {
        border-top: 1px solid #ddd !important;
    }
    /* below code used on author and blacklisted, whitelist url also */
        
    .pdfNumberCreator_addPages {
        display:none;
    }
    .clear-author-btnCreateNew {
        display:none;
    }
    .pull-right-author-btnCreateNew {
        float:right; padding-top:4px;
    }
    .blackWhiteListURLSearch {
        width:160px;
    }

    

    @media screen and (max-width:460px) {                        
        .blackWhiteListBlock {overflow-y:scroll; scrollbar-width: thin;}
        .clear-author-btnCreateNew {
            display:block;
            height:0px;
        }
        .pull-right-author-btnCreateNew {
            float:none; padding-top:0px; padding-left:4px;
            text-align:left;            
        }
        .blackWhiteListURLSearchLabel {
            display:none;
        }        
        .blackWhiteListURLSearch {
            width:140px;
        }
        .blackWhiteListURLLanguage {
            padding-left:4px;
        }
        .divAuthorsTable_overflow_x_480 {
            overflow-x:auto;
            scrollbar-width: thin;
        }
    }
    @media screen and (max-width:400px) {                
        .pdfNumberCreator_addPages {
            display:block;
        }        
    }

    /* this code for Responsive AuthorTable, PublishterTable and CommunityTable */
    /*OLD for Pup, Comm and Aut - @media screen and (min-width:993px) and (max-width:1380px) {*/
    /*New for Pup, Comm, Aut and Trial Pub*/
    @media screen and (min-width:993px) and (max-width:1660px) {
        
        .divPublisherTable, .divCommunityTable, .divAuthorsTable {           
            overflow: auto;
            position: relative;
            /*top: 295px;*/
            bottom: 0;
            /*left: 235px;*/
            width: 78%;            
        }
    }
    @media screen and (min-width:769px) and (max-width:992px) {        
        
        .divPublisherTable, .divCommunityTable, .divAuthorsTable {
            bottom: 0;
            overflow-y: auto;
            scrollbar-width: thin;
            position: relative;
            width:96%;
        }
        .sidebar-offcanvas {z-index:2;}
    }
    /* END this code for Responsive AuthorTable, PublishterTable and CommunityTable */
/* community */
    .community-box1 {
        width:75px; margin-right:1%; height:40px; float:left; position:relative;
    }
    .community-box2 {
        width:41%; margin-right:1%; height:40px; float:left;
    }
    .community-box3 {
        width:41%; margin-right:1%; height:40px; float:left;
    }
    .community-box4 {
        width:36px; height:40px; float:left;
    }
    
    @media screen and (min-width:992px) and (max-width:1250px) {
        .community-box2 {width:37%;}
        .community-box3 {width:37%;}
    }
    @media screen and (max-width:991px) {
        .community-box2 {width:37%;}
        .community-box3 {width:37%;}
    }
    @media screen and (max-width:768px) {
        .community-box2 {width:36%;}
        .community-box3 {width:35%;}
    }
    @media screen and (max-width:599px) {
        .community-box1 {width:99%; float:none;}
        .community-box2 {width:99%; float:none;}
        .community-box3 {width:99%; float:none;}
        .community-box4 {width:99%; float:none; margin-bottom:25px;}
        .hide-community-box {display:none;}
    }
/* END community*/
/* Assignment */

.assignment-searchRecord-LP {width:68%; float:left;}
.assignment-searchRecord-RP {width:28%; float:right;}
.assignment-records-block {float:right;}

.publisher-pull-right {float:right;}

@media screen and (max-width:580px) {    
    .assignment-lang-block {width:100%;}
    .assignment-records-block {float:none; margin-top:20px;}
    .assignment-searchRecord-LP {
        width:100%; float:none;
    }
    .assignment-searchRecord-RP {
        width:100%; float:none;
    }

    .publisher-pull-right {float:left; width:100%; margin-top:20px;}    
    
}
/* END Assignment */
/* Spiegel */
@media screen and (max-width:550px) {
    #myTab li {width:100% !important;}
    #myTab li.active a {background-color:#f1f1f1 !important;}
}
.btn-addISBN-forWeekBR {display:none;}
@media screen and (max-width:450px) {
    .btn-addISBN-forWeek {
        margin-top: 5px;
    }
    .btn-addISBN-forWeekBR {display:block;}
}
/* END Spiegel */
@media screen and (max-width:767px) {
	/* for dataTable pagination */
	.dataTables_wrapper .row .col-xs-6 {width:100% !important;}
	.dataTables_wrapper .row .col-xs-6 div.dataTables_paginate {float:none !important; margin-top:10px;}
	/* END for dataTable pagination */
}

.bannerOrLogo {border:1px solid #bec8d0; max-width:480px; min-height:147px; padding:5px; border-radius:4px;}
.bannerOrLogo img {max-width:470px; max-height:140px;}

/* Layout for Languate Dropdown */
.dd {    
	text-align: left;	
	padding: 0 4px 0 8px;
	float: right; 
    width:160px !important; margin-top:13px;
}
.dd .ddTitle {
    background: #f2f2f2;
	color: Black;
	border: 1px solid #c3c3c3;
	padding: 3px;
	text-indent: 0;
	cursor: default;
	overflow: hidden;
    height:24px !important;
}
.dd .ddChild
{
	position: absolute;
	border: 1px solid #c3c3c3;
	border-top: none;
	display: none;
	margin: 0;
	width: auto;
	overflow: auto;
	overflow-x: hidden !important;
	background-color: #ffffff;
    width:149px !important; height:250px !important; margin-top:26px !important;
}
.dd .ddTitle span.arrow
{
	background: url(/Content/images/dd_arrow.gif) no-repeat 0 0;
	float: right;
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dd .ddTitle span.ddTitleText
{
	text-indent: 1px;
	overflow: hidden;
	line-height: 16px;
}
.dd .ddTitle span.ddTitleText span {
    position:relative; top:-3px;
}
.dd .ddTitle span.ddTitleText img
{
	text-align: left;
	padding: 0 2px 0 0;
    position:relative; top:-4px;
}
.dd .ddTitle img.selected
{
	padding: 0 3px 0 0;
	vertical-align: top;
}
.dd .ddChild
{
	position: absolute;
	border: 1px solid #c3c3c3;
	border-top: none;
	display: none;
	margin: 0;
	width: auto;
	overflow: auto;
	overflow-x: hidden !important;
	background-color: #ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited
{
	padding-left: 10px;
}
.dd .ddChild a
{
	display: block;
	padding: 2px 0 2px 3px;
	text-decoration: none;
	color: #232323 !important;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}
.dd .ddChild a:hover
{
	background-color: #66CCFF;
}
.dd .ddChild a img
{
	border: 0;
	padding: 0 2px 0 0;
	vertical-align: middle;
    position:relative; top:-2px;
}
.dd .ddChild a.selected
{
	text-decoration: none;
	color: #000;
}

.dd .borderTop
{
	border-top: 1px solid #c3c3c3 !important;
}
.dd .noBorderTop
{
	border-top: none 0 !important;
}
/* END Layout for Languate Dropdown */

/* Start breadcrumb and mCSB Scroll */
.cust-breadcrumb {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    overflow: auto;
    margin:0px 0px 0px 15px;
}
.cust-breadcrumb .cust-breadcrumb-inner {
    display:table-cell;
    vertical-align:middle;
    height:50px;
}
.cust-breadcrumb .cust-breadcrumb-inner .breadcrumb {
    display:table-cell;
    width: auto; background:none; margin-bottom:0px;
    padding: 0px !important;
}
.cust-breadcrumb .cust-breadcrumb-inner .breadcrumb > span + span::before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}
/*.mCSB_horizontal > .mCSB_container {
    margin-bottom: 5px !important;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 2px !important;
    margin: 7px auto !important;
    background-color:#77b2d5;
}
.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin:0px !important;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    background-color:#186592;
}*/

/* PDCA Profile */
.pdca-profile-details-block {margin-bottom:20px;}
.pdca-profile-details-col1 {
    width: 100%;
    /*float: left;*/
    padding-right: 0px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
    max-width: 800px;
}
.pdca-profile-details-col1 .pdca-checkbox {position:relative; top:2px; margin-right:5px;}
.pdca-profile-details-col1 label {font-weight:normal;}
.pdca-profile-details-lp {float:left; width:90%; line-height:35px;}
.pdca-profile-details-rp {float:right; width:10%; position:relative; text-align:right;}
.btn-pdca-profile-delrecord,
.btn-retailer-profile-delrecord {
    position:relative;
    right:0px;
    top:0px;
    display:inline-block;
    border:1px solid #cccccc;
    width:35px;
    height:35px;
    line-height:33px;
    text-align:center;
    cursor:pointer;
    border-radius: 4px;
    transition: all .15s ease-in 0s;
}
.btn-pdca-profile-delrecord:hover,
.btn-retailer-profile-delrecord:hover {
    background-color:#f1f1f1;
}
.btn-pdca-profile-delrecord i.removePortfolioBox,
.btn-pdca-profile-delrecord i.removePartnerBox,
.btn-retailer-profile-delrecord i.removePartnerBox,
.btn-retailer-profile-delrecord i.removeWholesalerBox {
    display:inline-block;
    width:33px;
    height:33px;
}
.pdca-partner-block {border:1px solid #cccccc; padding:5px;}
.pdca-partner-block .PartnerBox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #cccccc;}
.pdca-partner-block .PartnerBox:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #cccccc;}
.pdca-partner-btndel {margin-bottom:5px;}
.pdca-partner-block .col-md-4 {margin-bottom:5px;}

.retailer-partner-block {border:1px solid #cccccc; padding:5px;}
.retailer-partner-block .PartnerBox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #cccccc;}
.retailer-partner-block .PartnerBox:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #cccccc;}
.retailer-partner-btndel {margin-bottom:5px;}
.retailer-partner-block .col-md-4 {margin-bottom:5px;}

.retailer-wholesaler-block {border:1px solid #cccccc; padding:5px;}
.retailer-wholesaler-block .WholesalerBox {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #cccccc;}
.retailer-wholesaler-block .WholesalerBox:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px solid #cccccc;}
.retailer-wholesaler-btndel {margin-bottom:5px;}
.retailer-wholesaler-block .col-md-4 {margin-bottom:5px;}
.retailer-disable-overlay-container {
    width: 100%;
    min-height: 345px;
    position: relative;    
}
.retailer-disable-overlay-bg {
    /*position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    background-color: #000;    
    height: 100%;
    opacity: 0.5;*/
    width: calc(100% - 22px);
    min-height: 345px;
    background-color: #000;
    position: absolute;
    z-index: 200;
    opacity: 0.5;
}
.retailer-disable-overlay-content {
    /*position: relative;
    z-index: 3;*/
    top: 38%;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    z-index: 300;
    text-align: center;
    display: block;
    width: 100%;
}
.retailer-disable-overlay-content h1 {
    margin:0px;
    font-size:30px;
    line-height:40px;
}
.retailer-disable-overlay-content p {
    margin:0px;
    font-size:20px;
    line-height:25px;
    margin-top:10px;
}
.tbl-action-icons-retailer {text-align: center;}
.tbl-action-icons-retailer td a {
    display:inline-block;
    margin-right:5px;
    cursor:pointer;
}
.tbl-action-icons-retailer td:last-child a {margin-right:0px;}
.tbl-action-icons-retailer td a img {width:30px; height:auto;}
.tbl-action-icons-retailer a i.fa {
    font-size: 25px;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.orSysFLP {width:28%; float:left;}
.orSysFRP {width:72%; float:left;}
.pdca-biblet-block-rp .inner {padding-left:20px;}

.pdcaBiblet_logoDiv {
  max-height: 450px !important;
  max-width: 300px !important;
  overflow: hidden;
  outline:1px solid #cccccc;
}
.pdcaBiblet_logoDiv .pdcaBiblet_logo {	  
  border-radius: 0px;
  display: table-cell;
  font-size: 14px;
  height: 450px !important;
  max-height: 450px !important;
  max-width: 300px !important;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 300px !important;
}
.pdcaBiblet_logoDiv .pdcaBiblet_logo img {
  border: medium none;
  height: auto;
  max-height: 450px !important;
  max-width: 300px !important;
}

.pdcaSimilar_BooksList li {display:inline-block; float:left; margin:0px 10px 10px 0px;}
.pdcaSimilar_BooksDiv {
  max-height: 250px !important;
  max-width: 200px !important;
  overflow: hidden;
  outline:1px solid #cccccc;
  padding: 10px 0px;
}
.pdcaSimilar_BooksDiv .pdcaSimilar_Books {	  
  border-radius: 0px;
  display: table-cell;
  font-size: 14px;
  height: 230px !important;
  max-height: 230px !important;
  max-width: 200px !important;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 200px !important;    
}
.pdcaSimilar_BooksDiv .pdcaSimilar_Books img {
  border: medium none;
  height: auto;
  max-height: 230px !important;
  max-width: 200px !important;
}

.orSysFRow {border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:15px;}
.orSysFRow .col_1 {width:38.33%; float:left;}
.orSysFRow .col_2 {width:38.33%; float:left;}
.orSysFRow .col_3 {width:23.33%; float:left;}
.orSysFRow .col-holder {border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:10px;}
.orSysFRow .col-holder:last-child {border-bottom:0px solid #cccccc; padding-bottom:0px; margin-bottom:0px;}
.orSysFRow .col_1 .colinner,
.orSysFRow .col_2 .colinner,
.orSysFRow .col_3 .colinner {margin:0px;}
.orSysFRow .col_1 .colinner select,
.orSysFRow .col_2 .colinner select,
.orSysFRow .col_3 .colinner select {border:0px; width:100%;}
.orSysFRow .col_1 .colinner img {margin-right:5px;}
.orSysContent h1 {font-size:16px; line-height:22px;}
.orSysContent p {font-size:14px; line-height:20px;}
/* END PDCA Profile */

@media only screen and (max-width:1450px) {
    .orSysFLP {width: 32%;}
    .orSysFRP {width: 68%;}
}
@media only screen and (max-width:1400px) {
    /* .divShoplinkDisabled {top: 5px;} */
    .divShoplinkAmountCurrency_l {display:none;}
    .divShoplinkAmountCurrency_r_inner {margin-left: 0px;}
}
@media only screen and (max-width:1280px) {
    .orSysFLP {width: 36%;}
    .orSysFRP {width: 64%;}
}
@media only screen and (max-width:1250px) {.cust-breadcrumb {max-width: 500px;}}
@media only screen and (max-width:1200px) {
    .divShoplinkUnitHolder .divShoplinkUnitHolder_r {width: 100%; margin-left: 0px; margin-top: 10px;}
}
@media only screen and (max-width:1150px) {
    .cust-breadcrumb {max-width: 400px;}
    body > .header .navbar {height: 60px;}
    .cust-breadcrumb .cust-breadcrumb-inner {height: 60px;}
    .orSysFLP {width: 40%;}
    .orSysFRP {width: 60%;}
    .divShoplinkUnitHolder .divShoplinkUnitHolder_l {width:100%;}    
    .divShoplinkNoOfPages_holder_l {width:100%;}
    .divShoplinkNoOfPages_holder_r {width: 100%; margin-left: 0px; margin-top: 10px;}    
}
@media only screen and (max-width:1100px) {    
    .orSysFLP {width: 45%;}
    .orSysFRP {width: 55%;}
}
@media only screen and (max-width:1050px) {
    .cust-breadcrumb {max-width: 300px;}
}
@media only screen and (max-width:991px){
	.orSysFTopContainer .orSysFLP {width:100%; float:none;}
	.orSysFTopContainer .orSysFRP {width:100%; float:none; margin-top:50px;}
	.orSysFTopContainer .orSysFRP .inner {padding-left:0px;}
	.orSysFRow {margin-left:0px; margin-right:0px;}
    .bookCatLastElement {margin-bottom: 15px;}
    .bookCatColumnSeparator {
        border-top: 1px solid #a6a6a6;
        border-left: 0px;
        margin-top: 10px;
    }
    /* .divShoplinkDisabled {position: relative; top: 0px;} */

    .divShoplinkISBNHolder {width: 100%; padding: 0px; margin: 0px; margin-bottom: 10px;}
    .divShoplinkISBNHolderInner {width: 100%; padding: 0px;}
    .divShoplinkAmountCurrency_r .col-md-4_fix {margin-bottom:10px;}
    .divShoplinkAmountCurrency_r .divLastElement {margin-bottom:0px;}    
    .divShoplinkUnitHolder .col-md-2 {margin-bottom: 10px; width:25%; float:left;}

    .divShoplinkAudioContent .inner .lblAudioNarrator {width: 150px;}
    .divShoplinkAudioContent .inner .lblAudioDuration {width: 150px;}
    .divShoplinkAudioContent .inner .lblDurationUnit {width: 150px;}
    .divShoplinkAudioContent .inner .lblAudioType {width: 150px;}
}
@media only screen and (max-width:950px) {.cust-breadcrumb {max-width: 250px;}}
@media only screen and (max-width:900px) {.cust-breadcrumb {max-width: 200px;}}
@media only screen and (max-width:850px) {
    .cust-breadcrumb {max-width: 150px;}
    body > .header .navbar {height: 75px;}
    .cust-breadcrumb .cust-breadcrumb-inner {height: 75px;}
}
@media only screen and (max-width:800px) {
    .cust-breadcrumb {max-width: 130px;}
    body > .header .navbar {height: 85px;}
    .cust-breadcrumb .cust-breadcrumb-inner {height: 85px;}
}
@media only screen and (max-width:767px) {

     body > .header .navbar {height:50px;}
      
    .cust-breadcrumb {
        max-width: 400px;
        margin-top: 0px !important;        
    }

    .cust-breadcrumb .cust-breadcrumb-inner {height: 50px;}
    /* [Admin LTE - Admindek VanillaJS] Custom Code Start */
    .card .card-header .input-group {
        margin-bottom: 15px;
    }
    /* [Admin LTE - Admindek VanillaJS] Custom Code End */
}
@media only screen and (max-width:700px) {.cust-breadcrumb {max-width: 350px;}}
@media only screen and (max-width:650px) {.cust-breadcrumb {max-width: 300px;}}
/* [Admin LTE - Admindek VanillaJS] Custom Code Start */
@media (max-width: 575.98px) {
  /*.pc-header .dropdown-notification {
    min-width: 450px !important;
    max-width: 100% !important;
  }
  .pc-header .pc-h-dropdown.dropdown-menu-end {
      right: 0 !important;
      left: auto !important;
  }*/
}
/* [Admin LTE - Admindek VanillaJS] Custom Code End */
@media only screen and (max-width:600px) {
    .cust-breadcrumb {max-width: 240px;}
    body > .header .navbar {height: 60px;}
    .cust-breadcrumb .cust-breadcrumb-inner {height: 60px;}
    .right-side {margin-top:6px;}
    /* [Admin LTE - Admindek VanillaJS] Custom Code Start */
    .pagination {display: inline-block !important;}
    /* [Admin LTE - Admindek VanillaJS] Custom Code end */
}
@media only screen and (max-width:550px) {
    body > .header .navbar {height: 100px;}
    .right-side {margin-top:45px;}
    .cust-breadcrumb {
        max-width: 100%;
        position: absolute;
        margin-left: 0px;
        top: 45px;
        left: 0px;
        padding: 0px 10px;
    }
    .cust-breadcrumb .cust-breadcrumb-inner {
        height:55px;
    }
    .divShoplinkUnitHolder .col-md-2 {width:50%;}
    .divShoplinkAmountCurrency .inputField {width: 46%;}
    .divShoplinkAmountCurrency .col-md-4 .inputField:nth-child(2) {float: right;}
}

/* End breadcrumb and mCSB Scroll */

/* Date Range Picker JQuery UI*/
.ui-corner-all {border-radius:0px !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:none !important; background-color:#ebebeb !important;}
.ui-widget {font-size:13px !important;}
.comiseo-daterangepicker {z-index:10 !important;}
.ui-corner-left {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.ui-corner-right {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.ui-widget-header {
    background:none !important; background-color:#efefef !important;
}
.ui-state-default .ui-icon {
    float: right !important;
    position:absolute !important;
    right: 5px !important;
    top: 9px !important;
}
.comiseo-daterangepicker-triggerbutton.ui-button {
    padding: 5px !important;
    height:30px !important;
}

.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
    background-color:#4680ff !important;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    background-color:#4680ff !important;
    font-weight:normal !important;
    color:#ffffff !important;    
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 3px !important; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 3px !important;   
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 3px !important; 
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset !important;
    font-weight: 500 !important;
}
@media screen and (max-width:480px) {
    .comiseo-daterangepicker-presets {
        display: none !important;
    }
    .pull-right-activeBib {float:none; margin-top:15px; width:100%;}
}
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #663355 !important;
}*/
/* END Date Range Picker JQuery UI*/

.label-olive {
    background-color:#006e6b !important;
}

/*switch/toggle button start*/
.onoffswitch {
    position: relative; width: 110px; margin: 0px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #ffffff;
    padding:0px !important;
    margin: 0px;
    
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;

    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 13px; color: #ffffff; /*font-family: Trebuchet, Arial, sans-serif;*/ font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Simple";
    padding-left: 10px;
    background-color: #9fb899;
    color: #FFFFFF;

    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitch-inner:after {
    content: "Advanced";
    padding-right: 10px;
    background-color: #9fb899;
    color: #FFFFFF;
    text-align: right;

    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitch-switch {
    display: block; margin: 6.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;    
    right: 78px;    
    width: 16px;
    border: 1px solid #ffffff;
    transition: all 0.3s ease-in 0s;

    -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 8px; /* Firefox 1-3.6 */
    border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */    
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/*OLD Admin LTE*/
/*@media only screen and (max-width:767px) {
    .onoffswitch {margin-right:0px;}
    .onoffswitch-label {        
        border: 2px solid #c0c0c0;
    }
}*/
/*switch button end*/
/* Review Toggle Start */
.review-toggle-check-input {width: 1px; height: 1px; position: absolute; margin:4px 0 0 20px !important;}
.review-toggle-check-text {
    display: inline-block;
    position: relative;
    text-transform:capitalize;
    background: #CCC;
    /*padding: 0.25em 0.5em 0.25em 2em;*/
    padding:2px 10px 2px 26px;
    border-radius: 1em;
    /*min-width: 2em;*/
    min-width:90px;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.15s;
    border:1px solid #adadad;
}
.review-toggle-check-text:after {
    content: ' ';
    display: block;
    background: #FFF;
    width: 1.1em;
    height: 1.1em;
    border-radius: 1em;
    position: absolute;
    left: 0.3em;
    top: 0.25em;
    transition: left 0.15s, margin-left 0.15s;
}
.review-toggle-check-text:before {content: 'Inactive';}
.review-toggle-check-input:checked ~ .review-toggle-check-text {
    background: #3c8dbc;
    border: 1px solid #367fa9;
    /*padding-left: 0.5em;*/
    padding-left:15px;
    padding-right: 2em;
}
.review-toggle-check-input:checked ~ .review-toggle-check-text:before {content: 'Active';}
.review-toggle-check-input:checked ~ .review-toggle-check-text:after {left: 100%; margin-left: -1.4em;}
/* Review Toggle End */

/*bookwall*/
.bookWallShareEmbed {height: 70px !important; overflow: hidden; cursor:pointer !important;}
@media only screen and (max-width:640px) {
    .bookWallShareEmbed {height: 90px !important;}
}
@media only screen and (max-width:480px) {
    .bookWallShareEmbed {height: 110px !important;}
}
@media only screen and (max-width:400px) {
    .bookWallShareEmbed {height: 110px !important;}
}
/*End bookwall*/

/* EMail registration of Trial and Extended */
.publisher-created-info {
    background-color: #f1f0e4 !important;
    transform: translateY(25px);
    transition: opacity .6s ease, transform .6s ease;
}
.publisher-created-info {
    border-radius: 15px !important;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.05);
}
.publisher-created-info:hover{
    box-shadow:0px 0px 20px 0px rgba(0,0,0,.15);
}
.user-email-blue-popup-custom {padding:40px 50px; text-align:center;}
.user-email-blue-popup-custom h3 {
    font-size: 1.8rem;
    color: #006e6b;
    font-weight: 500;
}
.user-email-blue-popup-custom p {
    margin-top: 40px;
    font-size: 16px;
    line-height: 20px;
    color: #232323;
}
.user-email-blue-popup-custom a {color:#ff7c00; text-decoration:none; font-size:16px; line-height:20px;}
.user-email-blue-popup-custom a:hover {text-decoration:underline;}
.user-email-blue-popup-custom .fa-info, .user-email-blue-popup-custom .fa-warning {width:40px; height:40px; line-height:40px; border-radius:20px; background-color:#ffffff; color:#9eb194;}
/* END EMail registration of Trial and Extended */
#divPacksHolder.box {border: none; box-shadow: none !important;}
#divPacksHolder .box-body {padding:0px !important;}
.txtPackageId {color:#3c8dbc; cursor:pointer;}

/* Treasure Hunt Answers Questions */
.answers-details-block {margin-bottom:0px;}
.answers-details-col1 {
    width: 100%;
    /*float: left;*/
    padding-right: 0px;    
    border-bottom: 1px solid #ccc;
    max-width: 800px;
}
.answers-details-col1 .pdca-checkbox {position:relative; top:2px; margin-right:5px;}
.answers-details-col1 label {font-weight:normal;}
.answers-details-lp {float:left; width:90%; line-height:35px;}
.answers-details-rp {float:right; width:10%; position:relative; text-align:right;}
.btn-answers-delrecord,
.btn-retailer-profile-delrecord {
    position:relative;
    right:0px;
    top:0px;
    display:inline-block;
    border:1px solid #cccccc;
    border-radius: 4px;
    width:35px;
    height:35px;
    line-height:33px;
    text-align:center;
    cursor:pointer;
    transition: all .15s ease-in 0s;
}
.btn-answers-delrecord:hover,
.btn-retailer-profile-delrecord:hover {
    background-color:#f1f1f1;
}
.btn-answers-delrecord i.removeAnswersBox,
.btn-answers-delrecord i.removecorrectAnswerBox,
.btn-answers-delrecord i.removeWrongAnswerBox,
.btn-answers-delrecord i.removeCompleteAnswerBox {
    display:inline-block;
    width:33px;
    height:33px;
}
.note-editable {min-height: 120px !important;}

.treasurehunt-ans-editor-col1 {width: 100%; padding-right: 0px;}
.treasurehunt-wrongAns-editor-col1,
.treasurehunt-completeAns-editor-col1,
.treasurehunt-expirybox-editor-col1 {padding-bottom: 0px; border-bottom: 0px solid #ccc;}
.tresrhunt-respns-mesg-editor-col1 .borderBTM {border-bottom: 1px solid #ccc; margin-bottom:20px;}
.hide-expiry-box {display: none;}
.custCookieText {padding-top: 8px; margin-right: 10px;}
.bl2THupload-files .uploadBTN {margin-top: -8px; margin-left:5px;}
.bl2THupload-files .custMandatoryStar {margin-left:5px;}
.bl2THupload-files .uploadInput-file{width:40%; margin-left:120px; top:-8px;}
.tagsCA .tagBtn {
    float:left; display:inline-block; margin:0px 5px 4px 0px; padding: 3px 4px;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.divTreasureHuntMain .note-toolbar,
.divCreateKioskEditor .note-toolbar,
.PortfolioDescription .note-toolbar {
    border-bottom: 1px solid #ccc;
}
#divTHLoader.box > .loading-img {background-position: 50% 85% !important;}
.note-editor .tooltip {display: none !important;}
.divTreasureHuntMain .note-editor .note-font,
.divTreasureHuntMain .note-editor .note-table,
.divTreasureHuntMain .note-editor .note-height,
.divTreasureHuntMain .note-editor .note-view .btn-fullscreen,
.divTreasureHuntMain .note-editor .note-fontname .dropdown-toggle::after,
.divTreasureHuntMain .note-editor .note-fontsize .dropdown-toggle::after,
.divTreasureHuntMain .note-editor .note-fontsize .btn-group:last-child,
.divTreasureHuntMain .note-editor .note-para .btn-group .dropdown-toggle::after,
.divTreasureHuntMain .note-editor .note-color .dropdown-toggle::after {display: none;}

.divCreateKioskEditor .note-editor .note-font,
.divCreateKioskEditor .note-editor .note-table,
.divCreateKioskEditor .note-editor .note-height,
.divCreateKioskEditor .note-editor .note-view .btn-fullscreen,
.divCreateKioskEditor .note-editor .note-fontname .dropdown-toggle::after,
.divCreateKioskEditor .note-editor .note-fontsize .dropdown-toggle::after,
.divCreateKioskEditor .note-editor .note-fontsize .btn-group:last-child,
.divCreateKioskEditor .note-editor .note-para .btn-group .dropdown-toggle::after,
.divCreateKioskEditor .note-editor .note-color .dropdown-toggle::after {display: none;}

.PortfolioDescription .note-editor .note-font,
.PortfolioDescription .note-editor .note-table,
.PortfolioDescription .note-editor .note-height,
.PortfolioDescription .note-editor .note-view .btn-fullscreen,
.PortfolioDescription .note-editor .note-fontname .dropdown-toggle::after,
.PortfolioDescription .note-editor .note-fontsize .dropdown-toggle::after,
.PortfolioDescription .note-editor .note-fontsize .btn-group:last-child,
.PortfolioDescription .note-editor .note-para .btn-group .dropdown-toggle::after,
.PortfolioDescription .note-editor .note-color .dropdown-toggle::after {display: none;}

/* Start Expired Biblets */
.expiryBibSearchBar .btn-holder {float:left; width:27%; display: block;}
.expiryBibSearchBar .expRGroup {float:right; width:73%; text-align:right;}
.expiryBibSearchBar .expRGroup .selPub {display:inline-block; text-align:left;}
.expiryBibSearchBar .expRGroup .selRec {display:inline-block; text-align:left;}
.expiryBibSearchBar .expRGroup .selPub .extendExpiry {display:inline-block; padding-right:10px;}
.expiryBibSearchBar .expRGroup .selPub .selPubDropdown {display:inline-block; padding-right:10px;}
.expiryBibSearchBar .expRGroup .selPub .selPubDropdown .short-url-particularComm {display: inline-block; width: 100%; max-width: 350px;}

/* Expiry Biblet AutoComplete */
.selPub-accordion-injs.ui-autocomplete.aboutToExpAutocomplete {max-width: 350px !important;}
.selPub-accordion-injs.ui-autocomplete {
    background-color: #ffffff;
    max-width: 270px !important;
    width:100%;    
    overflow-y: auto;
    scrollbar-width: thin;
    max-height: 300px;
    min-height: 145px;
    height: auto;
    margin-top: 2px;
    border: 1px solid #00c0ef !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);    
    position: absolute;
    padding: 5px 2px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}
.selPub-accordion-injs.ui-autocomplete li {    
    cursor: pointer;
    left:0px;
    margin: 3px 6px;
    position: relative;
    top: 0px;
    width: auto !important;
    word-break: break-all;
}
.selPub-accordion-injs.ui-autocomplete li:last-child {margin-bottom:0px !important;}
.selPub-accordion-injs.ui-autocomplete li a {
    color: #000;
    background-color: #f7f7f7;
    display:inline-block;
    padding:2px 10px;
    width:100%;
    height:auto;
    line-height:25px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.selPub-accordion-injs.ui-autocomplete li a:hover {background-color: #e8e8e8;}
/* End Expiry Biblet AutoComplete */

.expAdvSDialog_LP {width:45%; float:left;}
.expAdvSDialog_MP {width:10%; float:left;}
.expAdvSDialog_RP {width:45%; float:left;}

.expAdvSDialog_MP .bg {background:url(/Content/images/fileUploadSep.png) no-repeat top center; text-align:center; height:180px;}
.expAdvSDialog_MP .txt {font-size: 22px; position: relative; top: 62px; left: 0px;}

@media only screen and (max-width:1080px) {
    .expiryBibSearchBar .btn-holder {width:30%;}
    .expiryBibSearchBar .expRGroup {width:70%;}
    .expiryBibSearchBar .expRGroup .selPub .selPubDropdown .short-url-particularComm {max-width: 260px;}
}
@media only screen and (max-width:780px) {
    .expiryBibSearchBar .btn-holder {width: 100%; float: none; display: inline-block;}
    .expiryBibSearchBar .expRGroup {width: 100%; float: none;}
}
@media only screen and (max-width:550px) {
    .expiryBibSearchBar .expRGroup {text-align: left;}
    .expiryBibSearchBar .expRGroup .selPub .extendExpiry {width: 100%; padding-right: 0px; margin-bottom: 10px;}
    .expiryBibSearchBar .expRGroup .selPub .extendExpiry label,
    .expiryBibSearchBar .expRGroup .selPub .extendExpiry br {display: none;}
    .expiryBibSearchBar .expRGroup .selPub .selPubDropdown {width: 100%; padding-right: 0px; margin-bottom: 10px;}
    .expiryBibSearchBar .expRGroup .selPub .selPubDropdown .short-url-particularComm {max-width: 100%;}
}
/* End Expired Biblets */

/* Start Pub Creator Switch Active Deactive */
#tblPubCreatorBibIcons .imgIconHolder {
    background-color: rgba(255,255,255,0.7);
    border: 2px solid #dfdfdf;    
    border-radius: 30px;
    cursor: pointer;
    display: block !important;
    height: 45px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 45px;
    box-sizing: content-box;
    pointer-events: auto;
    transform: scale(0.9);
}
#tblPubCreatorBibIcons .imgIconHolder .imgIcon {    
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(0.95);
    position: absolute;
    width: 45px;
    height: 45px;
    background-size: 45 45;
    display: block !important;
}
#tblPubCreatorBibIcons tbody td {padding: 2px 5px; text-transform: capitalize;}
.onoffswitchPubCreator {
    position: relative;
    width: 100px;
    margin: auto;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitchPubCreator-checkbox {
    display: none;
}
.onoffswitchPubCreator-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #dfdfdf;
    /* background-color: #3c8dbc; */
    padding:0px !important;
    margin: 10px 0px 0px 0px;
    
    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitchPubCreator-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;

    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitchPubCreator-inner:before, .onoffswitchPubCreator-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 13px; color: #ffffff; /*font-family: Trebuchet, Arial, sans-serif;*/ font-weight: bold;
    box-sizing: border-box;
}
.onoffswitchPubCreator-inner:before {
    content: "Active";
    padding-left: 10px;
    background-color: #9fb899; color: #FFFFFF;

    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitchPubCreator-inner:after {
    content: "Inactive";
    padding-right: 10px;
    background-color: #d5d5d5; color: #333333;
    text-align: right;

    -webkit-border-radius: 20px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 20px; /* Firefox 1-3.6 */    
    border-radius: 20px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.onoffswitchPubCreator-switch {
    display: block; margin: 6.5px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;    
    right: 70px;    
    width: 16px;
    border: 1px solid #ffffff;
    transition: all 0.3s ease-in 0s;

    -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 8px; /* Firefox 1-3.6 */
    border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */    
}
.onoffswitchPubCreator-checkbox:checked + .onoffswitchPubCreator-label .onoffswitchPubCreator-inner {
    margin-left: 0;
}
.onoffswitchPubCreator-checkbox:checked + .onoffswitchPubCreator-label .onoffswitchPubCreator-switch {
    right: 0px;
}
@media only screen and (max-width:767px) {
    .onoffswitchPubCreator {margin-right:0px;}
    .onoffswitchPubCreator-label {        
        border: 2px solid #ededed;
    }
}
/* End Pub Creator Switch Active Deactive */
/* 2FA Info */
#dialog2FA .modal-lg {
    max-width: 1280px;
    width: 100%;
}
#dialog2FA .bootstrap-dialog.type-primary .modal-header {background-color: #6A89C7;}
#dialog2FA .modal-header .close {
    color: #fff;
    opacity: 1;
}
#dialog2FA .modal-header .bootstrap-dialog-header .bootstrap-dialog-close-button {
    float: right;
}
.dialog2FAHolder .lp2FA {float: left; width: 54%;}
.dialog2FAHolder .lp2FA p {color: #666666;}
.dialog2FAHolder .rp2FA {float: right; width: 44%;}
.dialog2FAHolder .title2FA {margin: 0px; font-size: 25px; line-height: 32px;}
.dialog2FAHolder .box2FA1 {
    border: 1px solid #dfdfdf; 
    border-radius: 10px;                
}
.dialog2FAHolder .box2FA2 {
    background-color: #f7ecf3;
    color: #ffffff;
    padding: 20px 20px 40px 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.dialog2FAHolder .box2FA2 .box2FA2Title {
    color: #a27d96;
    margin: 0px;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 10px;
}
.dialog2FAHolder .box2FA3 {
    background-color: #ffffff;
    color: #000000;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    width: 90%;
    margin: auto;
    position: relative;
    top: -30px;
}
.dialog2FAHolder .lp_box2FAQR {
    width: 58%;
    float: left;
}
.dialog2FAHolder .rp_box2FAQR {
    width: 38%;
    float: right;
    text-align: right;
}
.dialog2FAHolder .box2FAQRHolder {
    border: 1px solid #FBD6B5;
    border-radius: 10px;
    padding: 10px;
    width: auto;
    display: inline-block;
}
.dialog2FAHolder .box2FAQRHolder img {
    width: 120px;
    height: 120px;
}
.dialog2FAHolder .rp2FA img {
    max-width: 600px;
    width: 100%;
    height: auto;
}
.dialog2FAAppDownloadHolder {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}
.dialog2FAAppDownloadHolder p {
    font-weight: bold;
    text-align: center;
}
.dialog2FAAppDownloadHolder .dialog2FAIconHolder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
.dialog2FAAppDownloadHolder .dialog2FAIconHolder img {
    width: 120px;
    height: auto;
}

@media only screen and (max-width:767px) {
    .dialog2FAHolder .lp2FA {
        float: none;
        width: 100%;
    }

    .dialog2FAHolder .rp2FA {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .btnSkipHolder .col-md-8,
    .btnSkipHolder .col-md-4 {
        text-align: center;
    }
    .btnSkipHolder .col-md-8 .btn.pull-left,
    .btnSkipHolder .col-md-4 .btn.pull-right {
        float: none !important;
    }
    .btnSkipHolder .col-md-4 {
        margin-top: 20px;
    }
}
/* End 2FA Info */