@charset "utf-8";
/* CSS Document */
body {margin:0px !important; padding:0px; font-size:13px;}
body, a, h1, h2, h3, h4, h5, span, label { font-family: 'Trebuchet MS', Tahoma, Helvetica, sans-serif; }
label {/*text-transform:capitalize;*/ color:#666666;}
a, input, select {border-radius:0px !important;}
.clear {clear:both;}
h1, h2, h3, h4, h5, p, label, a, span, section, option, li {text-transform:none;}
.inputTypeFile {
    background: white none repeat scroll 0 0;
    display: block;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.inputFile {background-color:#ffffff; max-width:400px; width:100%; border:1px solid #dfdfdf;}

.tranz {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul li {list-style:none;}
.mtop05 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop25 {margin-top:25px;}
.mtop30 {margin-top:30px;}
.mtop40 {margin-top:40px;}
.mtop50 {margin-top:50px;}
.m-cust10 {margin:10px;}
.m-cust15 {margin:15px;}
.m-cust20 {margin:20px;}
.p05 {padding:5px;}
.p10 {padding:10px;}
.pTB10-LR05 {/*padding:10px 5px;*/ padding:0px 0px;}
button {border-radius:0px !important;}
.ellipsis-cust {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.radio-style {
    position:relative; top:1px;
}
.checkbox-style {
    position:relative; top:1px;
}
.block-cust-lib {
    background-color: #FFF;
	border-radius: 0px;
    /*border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);       
    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);*/
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
}
.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;
       -webkit-hyphens: auto;
          -moz-hyphens: auto;
           -ms-hyphens: auto;
               hyphens: auto;
    
    -ms-word-wrap:break-word;
        word-wrap:break-word;
}

/* Reader Container Settings */
.rWrapper {width: 100%;}
.rHeader {
    position: fixed;
    top: 0px;
    z-index: 112;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    border-top: 4px solid #00aeae;
    border-bottom: 1px solid #dfdfdf;
    
    box-shadow:2px 2px 8px rgba(0, 0, 0, 0.1);
}
.rMarginLR20 {
    width: auto;
    margin: 0px 20px;
}
.rContainer { /**/ }
.rBodyContainer {
    margin-top: 62px;
}
.rBodyCenter {
    width: 100%;
    /*max-width: 1280px;*/
    max-width: 1440px;
    margin: auto;
    background-color: #ffffff;
}
.rBodyCenterHome {
    width: 100%;
    /*max-width: 1280px;*/
    max-width: 1440px;
    margin: auto;
    background:none;
}
#gotoTop {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #00aeae; }
/* END Reader Container Settings */
.noRecords {background:#f1f1f1; padding:2px 10px;}
.darkSpanTxt {color:#232323; font-weight:bold;}
.checkbox-cust {position:relative; top:2px; margin-right:5px !important;}
.page-title-custom {padding:15px 0px !important;}
.copyrights-custom {padding:15px 0px !important;}
.side-panel-trigger-custom {float: left; margin-top: 46px;}
.side-panel-trigger-custom a {
	color: #333;
    display: block;
    font-size: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    position: relative;
    text-align: center;
    transition: color 0.3s ease-in-out 0s;
    width: 22px !important;
}
.content-wrap-body-custom {margin-top:0px !important;}
.container-pg-title {/**/}
.logo-reader-custom {text-align:center;}
.standard-logo-reader-custom {display:inline-block !important; text-align:center;}
.inputTypeFile {
        background: white none repeat scroll 0 0;
        display: block;
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
}
/*Login and Registration*/
.rLoginBodyContainer {margin-top: 30px;}
.login-reg-holder-main {max-width: 420px; margin:20px auto;}
.login-bg {position:fixed; z-index:-1; max-width:3000px; width:100%; height:auto;}
.login-titleHol {max-width:800px; width:100%; margin:auto; text-align:center;}
.login-titleTxt {font-size:40px; line-height:50px; color:#ffffff;}
.log-reg-bg {background:none;}
.login-reg-holder {
    background-color:#ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.login-reg-tabs li {margin:0px 10px 0px 0px;}
.login-reg-tabs li, .login-reg-tabs li a {color:#666666; text-decoration:none; font-size:18px; line-height:26px; font-weight:normal; display:inline-block;}
.login-reg-tabs li.ui-state-active a {text-decoration:none !important; color:#00aeae;}

.login-Regdefault-custom {border:none !important;}
.login-panel-custom {    
    /*-webkit-border-bottom-right-radius: 8px !important;
    -webkit-border-bottom-left-radius: 8px !important;
    -moz-border-radius-bottomright: 8px !important;
    -moz-border-radius-bottomleft: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;*/
}

.input_holder_regFNLN {height:60px;}
.log-reg-remMeBlock .log-reg-remMeBlockLP label,
.log-reg-remMeBlock .log-reg-remMeBlockRP a {color:#232323; font-size:13px; line-height:16px; font-weight:normal; display:inline-block; /*text-transform:capitalize;*/}
.log-reg-remMeBlockLP {width:49.5%; float:left;}
.log-reg-remMeBlockRP {width:49.5%; float:right; text-align:right; margin-top:10px;}
.log-reg-fnLP {width:48%; float:left;}
.log-reg-fnRP {width:48%; float:right;}
.log-reg-fnLPRP-sep {display:none;}
.link-cust {color:#00aeae; font-size:13px; line-height:16px; font-weight:normal; display:inline-block; border:0px; background-color:transparent;}
.link-cust:hover {text-decoration:underline !important;}
.profilePicHol {height:100px; padding-top:30px;}
#divLoginMsg .form-control,
#frmRegister .form-control,
.resetPass .form-control {
    border:0px; font-size:16px !important; box-shadow:none !important; background:none; border:1px solid #dfdfdf;
    padding:12px 15px !important;
    line-height:20px !important;
    height:52px;
}
.lect-lang ul {padding:0px; margin-top:10px;}
.lect-lang ul li {width:80px; float:left;}
.lect-lang ul li a {
    border: 1px solid #00aeae; background-color:#00aeae; color: #ffffff; font-size:13px !important;  text-decoration:none; cursor:pointer;
    line-height:18px;
    padding:2px 6px !important;

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.login-bot-linkHol {padding:10px;}
.login-bot-linkHol .inner {width:100%; max-width:400px; margin:auto; text-align:center;}
.login-bot-linkHol .login-reg-tabs {padding:0px !important; margin-bottom:0px;}
.login-btn-top {
    background:none;
    border: 1px solid #ffffff;
    border-radius: 6px !important;
    color: #ffffff;
    float: right;
    font-size: 15px;
    margin-top: 20px;
    padding: 6px 15px;
}
.form-control {
    font-size:13px !important;    
}
/* Start cust-breadcrumb */
.cust-breadcrumb-mob {display:none;}
.cust-breadcrumb-desk {display:inline-block;}
.cust-breadcrumb, .cust-breadcrumb-mob {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    /*overflow: auto;*/
    margin:0px 0px 0px 15px;
}
.cust-breadcrumb .cust-breadcrumb-inner,
.cust-breadcrumb-mob .cust-breadcrumb-inner {
    display:table-cell;
    vertical-align:middle;
    height: 56px;
}
.cust-breadcrumb .cust-breadcrumb-inner .breadcrumb,
.cust-breadcrumb-mob .cust-breadcrumb-inner .breadcrumb {
    max-width: 600px;
    width: 100%;
    display:table-cell;
    width: auto; background:none; margin-bottom:0px;
    padding: 0px !important;
}
.cust-breadcrumb .cust-breadcrumb-inner .breadcrumb > span + span::before,
.cust-breadcrumb-mob .cust-breadcrumb-inner .breadcrumb > span + span::before {
    padding: 0 5px;
    color: #888888;
    content: ">";
}
.divAddCategoryAndTags .form-group span#AddBtnDiv {margin-left:10px;}
.divAddCategoryAndTags .form-group span#AddBtnDiv .btn.btn-primary {height: 33px; line-height: 25px;}

@media only screen and (max-width:1580px) {
    .rHeader {height: 60px;}
    .cust-breadcrumb {max-width: 500px;}
}
@media only screen and (max-width:1350px) {
    .rHeader {height: 60px;}
    .cust-breadcrumb,
    .cust-breadcrumb .cust-breadcrumb-inner .breadcrumb {max-width: 450px;}
}
@media only screen and (max-width:1250px) {
    /*.rHeader {height: 80px;}
    .rBodyContainer {margin-top: 85px;}*/
    .cust-breadcrumb,
    .cust-breadcrumb .cust-breadcrumb-inner .breadcrumb {max-width: 250px;}
}
@media only screen and (max-width:995px) {
    .cust-breadcrumb-mob {display:inline-block;}
    .cust-breadcrumb-desk {display:none;}
    .rHeader {height: 60px;}
    .rBodyContainer {margin-top: 65px;}
    .cust-breadcrumb-mob {
        display: inline-block;
        max-width: 100%;
        width: 100%;
        margin:0px;
        padding:4px 0px 4px 0px;
    }
    .cust-breadcrumb-mob .cust-breadcrumb-inner,
    .cust-breadcrumb-mob .cust-breadcrumb-inner .breadcrumb {
        max-width: 100%;
        width: 100%;
        display:inline-block;
    }
    .cust-breadcrumb-mob .cust-breadcrumb-inner {
        height: auto;
    }
}
/* End cust-breadcrumb */

@media only screen and (max-width:1550px) {
    .login-bg {position:fixed; z-index:-1; max-width:none; width:1550px; height:auto;}
}
@media only screen and (max-width:767px) {
    .rLoginBodyContainer {margin-top: 0px;}
    .login-titleHol {max-width:630px;}
    .login-titleTxt {font-size:30px; line-height:40px; color:#ffffff;}
    .loginTSpase {display:none;}
}

@media only screen and (max-width:480px) {
    .input_holder_regFNLN {height:140px;}
    .log-reg-fnLP, .log-reg-fnRP {width:100%; float:none;}
    .log-reg-fnRP {margin-top:20px;}

    .login-titleHol {max-width:630px;}
    .login-titleTxt {font-size:25px; line-height:35px; color:#ffffff;}

    .profilePicHol {height:75px; padding-top:0px;}
}
/*END Login and Registration*/
/*Top Settings*/
#primary-menu ul li > a {padding:35px 15px;}

.top-settings {float: right; margin: 10px 0px 0px 0px !important; padding-left:0px;}
/*#top-e-readerSettings {float: right; margin: 14px 0px 0px 0px !important; padding-left:0px;}*/
#top-e-readerSettings li {display:inline-block; float:left; margin-left:15px;}
#top-e-readerSettings li a i.fa {font-size:23px;}

#top-e-readerSettings .link,
#top-e-readerSettings .link i.fa {
    display: inline-block;    
    width: 30px !important;
    height: 30px !important;
    border-radius:15px;
    text-align: center;
    color: #ffffff;
    font-size:13px;
    line-height:30px;  
    cursor:pointer;  
}
#top-e-readerSettings .notif-bell {
    display: inline-block !important;    
    width: 30px !important;
    height: 30px !important;
    border-radius:15px !important;
    text-align: center;
    color: #00aeae;
    background-color:#f1f1f1;
    font-size:15px;
    line-height:29px;  
    cursor:pointer;
    border:0px solid #dfdfdf;     
}
#top-e-readerSettings .notif-count {
    background-color: #00aeae;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -4px;
    text-align: center;
    width: 18px;
    top: -10px;
}

#top-userProfile .top-userProfile-content {
    position: absolute !important;
    right: -16px !important;
    top: 57px !important;
}
#top-userProfile .top-userProfile-content .linkHol {
    padding-bottom:5px; border-bottom:1px solid #f1f1f1; line-height:20px; text-align:center;
}
#top-userProfile .top-userProfile-content .linkHol .link {width:100% !important; font-size:13px; display:inline-block; text-align:center; color:#808080;}
#top-userProfile .top-userProfile-content .linkHol .link:hover {text-decoration:underline !important;}
#top-userProfile .top-userProfile-content {
	opacity: 1;
	z-index: -2;
	position: absolute;
	width: 280px;
	background-color: #FFF;
	box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #ff7a00;
	top: 100px;
	right: -15px;
	left: auto;
	margin: -10000px 0 0;
	-webkit-transition: opacity .5s ease, top .4s ease;
	-o-transition: opacity .5s ease, top .4s ease;
	transition: opacity .5s ease, top .4s ease;    
}

#top-userProfile.top-userProfile-open .top-userProfile-content {
	opacity: 1;
	z-index: 11;
	margin-top: 0;
}

#top-userProfile .top-userProfile-content {font-size:13px; line-height:16px; color:#808080; font-weight:normal;}

#top-userProfile .top-userProfile-content .userLinksHol {
    text-align:center;
    background-color:#f8f8f8;
}
#top-userProfile .top-userProfile-content .userLinksHol .ulink {    
    border-bottom: 1px solid #f1f1f1;
    color: #808080;
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    width: 100%;
}
#top-userProfile .top-userProfile-content .userLinksHol .ulink:hover {background-color:#00aeae; color:#ffffff; text-decoration:none;}

/* AU Notifications */
#top-auNotifi .top-auNotifi-content {
    position: absolute !important;
    right: -16px !important;
    top: 57px !important;
}
#top-auNotifi .top-auNotifi-content .linkHol {
    padding-bottom:5px; border-bottom:1px solid #f1f1f1; line-height:20px; text-align:center;
}
#top-auNotifi .top-auNotifi-content .linkHol .link {width:100% !important; font-size:13px; display:inline-block; text-align:center; color:#808080;}
#top-auNotifi .top-auNotifi-content .linkHol .link:hover {text-decoration:underline !important;}
#top-auNotifi .top-auNotifi-content {
	opacity: 1;
	z-index: -2;
	position: absolute;
	max-width: 580px;
    width:100%;
	background-color: #FFF;
	box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #ff7a00;
	top: 100px;
	right: -15px;
	left: auto;
	margin: -10000px 0 0;
	-webkit-transition: opacity .5s ease, top .4s ease;
	-o-transition: opacity .5s ease, top .4s ease;
	transition: opacity .5s ease, top .4s ease;    
}

#top-auNotifi.top-auNotifi-open .top-auNotifi-content {
	opacity: 1;
	z-index: 11;
	margin-top: 0;
}

#top-auNotifi .top-auNotifi-content {font-size:13px; line-height:16px; color:#808080; font-weight:normal;}
/* END AU Notifications */
/* Group Notifications */
#top-userGroupNotifi .top-userGroupNotifi-content {
    position: absolute !important;
    right: -16px !important;
    top: 57px !important;
}
#top-userGroupNotifi .top-userGroupNotifi-content .linkHol {
    padding-bottom:5px; border-bottom:1px solid #f1f1f1; line-height:20px; text-align:center;
}
#top-userGroupNotifi .top-userGroupNotifi-content .linkHol .link {width:100% !important; font-size:13px; display:inline-block; text-align:center; color:#808080;}
#top-userGroupNotifi .top-userGroupNotifi-content .linkHol .link:hover {text-decoration:underline !important;}
#top-userGroupNotifi .top-userGroupNotifi-content {
	opacity: 1;
	z-index: -2;
	position: absolute;
	max-width: 580px;
    width:100%;
	background-color: #FFF;
	box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #ff7a00;
	top: 100px;
	right: -15px;
	left: auto;
	margin: -10000px 0 0;
	-webkit-transition: opacity .5s ease, top .4s ease;
	-o-transition: opacity .5s ease, top .4s ease;
	transition: opacity .5s ease, top .4s ease;    
}

#top-userGroupNotifi.top-userGroupNotifi-open .top-userGroupNotifi-content {
	opacity: 1;
	z-index: 11;
	margin-top: 0;
}

#top-userGroupNotifi .top-userGroupNotifi-content {font-size:13px; line-height:16px; color:#808080; font-weight:normal;}
.groupNotifi, .genNotifi {
    display: inline-block !important;    
    width: 30px !important;
    height: 30px !important;
    border-radius:15px !important;
    text-align: center;
    color: #00aeae;
    background-color:#f1f1f1 !important;
    font-size:15px;
    line-height:29px;  
    cursor:pointer;
    border:0px solid #dfdfdf; 
        
    box-shadow: 1px 1px 0 #ddd;
    -webkit-box-shadow: 1px 1px 0 #ddd;
    -moz-box-shadow: 1px 1px 0 #ddd;
    -o-box-shadow: 1px 1px 0 #ddd;
}
.groupNotifi .icon_sm_group,
.genNotifi .icon_sm_bell {position:relative; top:4px;}
/* END Group Notifications */

.anno-block-greyC {    
        display:inline-block;
        background-color: #555555;
        border-radius: 12px !important;
        position: relative;
        width: 24px !important;
        height: 24px !important;
        text-align: center;
        color: #ffffff;
        font-size:12px;
        line-height:22px;
        -webkit-transition: color .3s ease-in-out;
        -o-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
}
.scrollMaskL {
    width:6px;
    background-color:#cfcfcf;
    height: 372px;
    position: absolute;
    right: 15px;
    top: 12px;
}
.scrollMaskR {
    width:6px;
    background-color:#cfcfcf;
    height: 372px;
    position: absolute;
    right: 0px;
    top: 12px;    
}
#top-annotationsAll .top-annotationsAll-content .annotationText {
    padding:5px;
}
#top-annotationsAll .top-annotationsAll-content .annotationText .annotationHighHol {max-height:120px;}
#top-annotationsAll .top-annotationsAll-content .annotationText .annotationPubPriHol {max-height:180px; overflow-y: scroll;}
#top-annotationsAll .top-annotationsAll-content .annotationText .highlight {
    background-color: #d0ffff;
    color: #232323;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    max-height: 220px;
    /*overflow-y: scroll;*/
}

#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block {padding:10px 2px; border-top:1px solid #dfdfdf;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block .col1 {float:left; width:59%;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block .col2 {float:left; width:29%;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block .col2 strong {display: inline-block; line-height: 24px;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block .col3 {width:8%; float:right;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block input[type=text] {border-top:0px solid #dfdfdf; border-right:0px solid #dfdfdf; border-bottom:2px solid #dfdfdf; border-left:0px solid #dfdfdf; width:100%;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block input[type=radio] {position:relative; top:2px; margin-right:5px;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block label {font-size:12px; margin-right:10px;}
#top-annotationsAll .top-annotationsAll-content .annotationText .add-edit-annotation-block .col3 i.fa {
    border: 0 solid #afafaf;
    cursor: pointer;
    font-size: 14px;
    height: 20px !important;
    line-height: 24px;
    padding: 0;
    text-align: center;
    width: 18px !important;}

.margin-left10 {margin-left:10px;}
/* Buttons Group */
.btn-sq-border {padding:5px 10px; font-size:14px !important; line-height:14px !important; border:1px solid #00aeae; color:#00aeae; text-align:center; border-radius:0px !important; cursor:pointer;}
.btn-sq-border:hover {background-color: #f1f1f1;}

.btn-sq-border-cust {padding:5px 10px; font-size:14px !important; line-height:14px !important; border:1px solid #00aeae; color:#00aeae; text-align:center; border-radius:0px !important;}
.btn-sq-border-cust:hover {background-color: #f1f1f1;}

.btn-sm-sq {
    border: 1px solid #f1f1f1 !important;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    width: 24px;
    background-color: #f9f9f9;
}
.btn-sm-sq i.fa {font-size:16px; color:#808080;}
.btn-sm-sq i.fa:hover {color:#00aeae;}
.btn-sm-sq:hover {border:1px solid #00aeae;}

.btn-like,
.btn-rep-arrow,
.nHeadRP .nClickEdit,
.nHeadRP .nClickEditSel,
.nHeadRP .nDelete
 {    
    max-width: 35px;
    width:100%;
    position:relative;
    /*border:0px; background:none;*/
}
.btn-like .like-counter {
    /*OLD font-size: 11px; position: relative; top: -7px; right:0px;*/
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -6px;
    top: -4px;
    width: 20px;
}
.btn-like i.fa,
.like-counter i.fa {color:#00aeae;}

.btn-rep-arrow .rep-counter {font-size: 11px; position: relative; top: -7px; right:-1px;}

.btn-primary, .btn-default, .home-btn-green {
    line-height:18px;
    padding:4px 8px !important;

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.btn-default {border: 1px solid #acacac;}
.fa-btn-custom,
.btn-cust-trans,
.btn-cust-trans-white {
    font-size: 15px;
    line-height:16px;
    padding: 6px 10px;    
    /*text-transform:capitalize !important;*/
    cursor:pointer;
}

.fa-btn-custom, .btn-primary-custom {
    border: 1px solid #00aeae; background-color:#00aeae; color: #ffffff; font-size:13px !important;  text-decoration:none; cursor:pointer;
    line-height:18px;
    padding:4px 8px !important;

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;    
}

.btn-default-custom {
    border: 1px solid #acacac; background:none; color: #505050; font-size:13px !important; text-decoration:none; cursor:pointer;
    line-height:18px;
    padding:4px 8px !important;

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;    
}

.fa-btn-custom i {color:#ffffff;}
.fa-btn-custom i:hover {color:#cccccc !important;}
.btn-primary-custom:hover {background-color:#20bebe !important; color:#ffffff; text-decoration:none;}
.btn-default-custom:hover {background-color:#eaeaea !important; color:#232323; text-decoration:none;}

.btn-cust-trans {border: 1px solid #00aeae; color: #00aeae; background:none;}
.btn-cust-trans:hover {background-color:#f1f1f1;}
.btn-cust-trans-white {border: 1px solid #ffffff !important; color: #ffffff; background:none;}
.btn-cust-trans-white:hover {background-color:#f1f1f1; color:#808080;}

.btn-cust-gray {
    border: 1px solid #00aeae; background-color:#00aeae; color: #ffffff; font-size:13px !important;
    padding: 2px 6px;    
    /*text-transform:capitalize !important;*/
    cursor:pointer;
    line-height:18px;

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.btn-cust-gray:hover {border: 1px solid #20bebe; background-color:#20bebe;}
.btn-cust-default {
    border: 1px solid #acacac; background-color:#ffffff; color: #505050; font-size:13px !important;
    padding: 2px 4px;    
    /*text-transform:capitalize !important;*/
    cursor:pointer; 
    line-height:18px;

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;       
}
.btn-cust-default:hover {background-color:#eaeaea !important;}
.btn-addNote {
    display:block;
    border:0px; margin-top:-5px; padding:3px 6px; color:#232323; background-color:#ffffff; box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);
    cursor:pointer;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.btn-addNote:hover {background-color:#eaeaea;}
.btn-addNoteSel {
    display:block;
    border:0px; margin-top:-6px; padding:3px 6px; color:#ffffff; background-color:#00aeae; box-shadow:0 2px 4px rgba(0, 0, 0, 0.3); 
    cursor:default;
}
.btn-addNoteSel:hover {background-color:#00aeae;}
.btn-hideShowNote {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 17px;
    font-weight: bold;
    height: 30px;
    line-height: 1;
    opacity: 0.4;
    padding: 0;
    position: relative;
    right: -7px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    top: -6px;
    width: 30px;
    position: relative;
    line-height: 29px;
}
.btn-no-bg {
    font-size: 13px;
    line-height:18px;
    padding: 2px 4px;    
    /*text-transform:capitalize !important;*/
    cursor:pointer;
    border:0px; color: #808080; background:none;
}
.btn-no-bg .close-cercle {
    border: 1px solid #808080;
    border-radius: 50%;
    color: #808080;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    line-height: 15px;
    margin-right: 2px;
    text-align: center;
    width: 16px;
    position:relative; top:-1px;
}
.btn-no-bg:hover .close-cercle {background-color:#f1f1f1;} 
.btn-close-x {color:#808080; font-size: 18px !important; height: 30px; line-height: 30px !important; margin:0px !important; text-align: center; width: 30px; cursor: pointer; background:transparent !important;}
.btn-close-x:hover {background-color:#f1f1f1 !important;}
/*.btn-section {font-size:14px; color:#00aeae; background-color:#f0f0f0; padding:2px 6px; border:1px solid #cccccc; display:inline-block; position:relative; top:2px; cursor:pointer;}*/
.btn-section {
    border: 1px solid #cccccc;
    color: #00aeae;
    display: inline-block;
    font-size: 12px;
    padding: 0 6px;
    position: relative;
    max-width:70px;
}
/*.btn-section:hover {background-color:#ffffff;}*/
.btn-loginReg {
background-color: #00aeae;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 25px;
    padding: 12px;
    width: 100%; 
}
.btn-loginReg:hover {
    background-color:#20bebe;
}

/* END Buttons Group */
/* Custom Popup */
.rPopHeader {
	background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    height: 35px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.rPopTitle {
	float: left;
    width: 76%;
    margin-left:0px;
}
.rPopTitle strong {
    color: #232323;
    font-size: 16px;
    line-height: 35px;
    display: inline-block;
    font-weight:normal;
}
.rPop_contentHol {
	margin-top:15px;
}
/* END Custom Popup */
.block-cust {
    -webkit-box-shadow: 1px 1px 4px 1px rgba(204,204,204,1) !important;
    -moz-box-shadow: 1px 1px 4px 1px rgba(204,204,204,1) !important;
    box-shadow: 1px 1px 4px 1px rgba(204,204,204,1) !important;
}
.top-set-block .content,
.top-auNotifi-block .content,
.top-userGroupNotifi-block .content {margin:10px;}
.top-set-block,
.top-auNotifi-block,
.top-userGroupNotifi-block {
    margin-right:20px !important;
    border:0px !important;    
}
.top-set-block::before {
    border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 20px;
    top: -11px;
}
.top-set-block::after {border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: auto;
    position: absolute;
    right: 20px;
    top: -10px;}
.top-auNotifi-block::before {
    border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 66px;
    top: -11px;
}
.top-auNotifi-block::after {border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: auto;
    position: absolute;
    right: 66px;
    top: -10px;}
.top-userGroupNotifi-block::before {
    border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: 110px;
    top: -11px;
}
.top-userGroupNotifi-block::after {border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: auto;
    position: absolute;
    right: 110px;
    top: -10px;
}


@media only screen and (max-width:640px) {
    .top-set-pg-set-block::before {right: 180px;}
    .top-set-pg-set-block::after {right: 180px;}

    .top-set-gp-set-block::before {right: 54px;}
    .top-set-gp-set-block::after {right: 54px;}    
}


/*from style.css*/
body:not(.top-search-open) #top-e-readerSettings {
	opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

#header.sticky-header:not(.static-sticky) #top-e-readerSettings {
	margin-top: 13px !important;
	margin-bottom: 13px !important;
}
.reader-logo-big, .home-logo-white {
    opacity: 1;
	-webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	-o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
	transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}
#header.sticky-header:not(.static-sticky) .reader-logo-big {
	margin-top: -17px !important;	
}
#header.sticky-header:not(.static-sticky) .home-logo-white {
	margin-top: 0px !important;	
}
#header.sticky-header:not(.static-sticky) .home-top-nav li a
 {
	color:#232323 !important;
}
/*END from style.css*/
/*FOR ALL*/
.header-all-custom {height:60px !important;}
.header-wrap-all-custom {border-top: 4px solid #00aeae;}
#header, #header-wrap, #logo img {
    height:60px !important;
}
/*.header-all-custom, .header-wrap-all-custom, .logo-all-custom img {height:70px !important;}*/
/*END FOR ALL*/
/*HOME*/
.all-logo-black {
    /*width:170px !important; height:60px !important; margin-top:15px;*/
    width:70px !important; height:53px !important; margin-top:18px;
}
.home-logo-white {display:block !important; margin-top:15px;} 
.home-logo-black {display:none !important;} 
.home-wrapper {background:none !important;}
.reader-logo-big {display:block !important; margin-top:-17px;} 
.reader-logo-sm {display:none !important;}
.reader-logo-sm img {width:56px !important; height:60px !important; margin-top:-4px;} 
.reader-logo {float: left; width: 70px; position: relative; left: 0px; top: -1px;}

.reader-regLogo {
    float: left; max-width: 240px; position: relative; left: 5px; top: 0px;
}
.reader-logoSep {
    background: rgba(0, 0, 0, 0) url("/Content/images/icons/sprit_img.png") no-repeat scroll -249px -29px;
    display: inline-block;
    height: 20px;
    margin-top: 5px;
    opacity: 0.5;
    width: 10px;
}
.tblHeaderInfo {margin-top:7px;}
.tblHeaderInfo tr td {padding:0px 5px;}
.reader-header-title {margin:auto; max-width:800px; width:100%;}

@media only screen and (max-width:767px) {
    .reader-logo-sm img {width:56px !important; height:60px !important; margin-top:6px !important;} 
    .reader-logo {top: -11px;}   
}
/* for regional admin logo and title */
.tblHeaderRegLogoInfo {margin-top:4px;}
.tblHeaderRegLogoInfo tr td {padding:0px 6px;}
.regLogoWrapper {position: relative;}
.regLogoWrapper .readerLogoDiv {float: left; margin-right:0px; max-height: 43px; max-width: 140px; overflow: hidden;}
.regLogoWrapper .readerLogoDiv .readerLogo {
	border: 0px solid #ffffff;
    border-radius: 2px;
    display: table-cell;
    font-size: 6px;
    height: 43px;
    max-height: 43px;
    max-width: 132px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;    
}
.regLogoWrapper .readerLogo img {
    border: medium none; height: auto; max-height: 42px; max-width: 131px; width: auto;
    /*-webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;*/
}
.regLogoWrapper .readerName {max-width:80px; width:100%; height: 43px; max-height: 43px; overflow: hidden; table-layout: fixed;}
.regLogoWrapper .readerNameInner {display: table; height: 43px; max-height: 43px; overflow: hidden; table-layout: fixed; float:right;}
.regLogoWrapper .reader-header-txt { 
    max-width:80px;
    width:100%;    
	-moz-hyphens: auto;
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    height: 43px;
    line-height: 20px;
    max-height: 43px;    
    vertical-align: middle;
    word-break: keep-all;
    word-wrap: normal;
}
.regLogoWrapper .generalComments {display:inline-block; padding:5px 10px; background-color:#808080; color:#ffffff; font-size:14px; border-radius: 7px; box-shadow: 1px 1px 4px #bfbfbf; cursor:pointer;}
@media only screen and (max-width:520px) {
    .rHeader .regSLogo_1 {display:none;}
}
@media only screen and (max-width:379px) {        
    .rHeader .regSLogo_2 {display:none;}
}
/* END for regional admin logo and title */

.home-full-header, /*.home-full-header #header-wrap,*/ .login-full-header {background:none !important; border-bottom:none !important;}
.home-top-nav li a {color:#ffffff !important;}
.home-content {text-align:center;}
.home-content h1 {font-size:36px; line-height:44px; color:#ffffff; text-transform:none; margin-top:100px;}
.home-content p.txt {font-size:20px; line-height:24px; color:#ffffff;}
.home-btn-green {font-size:16px; line-height:20px; color:#ffffff; text-align:center; display:inline-block; padding:8px 20px; cursor:pointer; text-decoration:none; background-color:#00aeae; border:0px;}
.home-btn-green:hover {background-color:#019696;}

.search-window-cust {float: left; width: 320px; padding-top: 10px;}
.search-inputhol-cust {float:left; width:265px;}
.search-btnhol-cust {float:left; width:35px;}
.search-input-cust {
    max-width:265px !important;
    width:100% !important;
    border-color: #ccc !important;
    border-radius: 0px !important;
    border-style: solid !important;
    border-width: 1px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset !important;
    color: #555 !important;
    float: none !important;
    padding: 6px 12px !important;
}
.search-btn-cust {
    display:inline-block !important;    
    border:1px solid #cccccc !important;
    padding:0px !important;
    width:33px; height:34px;
}
.search-btn-cust i.fa {color:#808080;}
.search-inputhol-cust .easy-autocomplete {width:265px !important;}
/*.search-inputhol-cust .easy-autocomplete-container {
    max-height: 300px;
    overflow-y: auto;
}*/
.search-inputhol-cust .easy-autocomplete-container ul {margin-bottom:0px !important;}
.search-records {height:30px;}
@media only screen and (max-width:991px){

    .content-wrap-body-custom {margin-top:60px !important;}
    .container-pg-title {padding:0px !important; text-align: center;}

    .home-body-and-section {background-color:#221410;}
    .home-primary-menu-trigger-custom {margin-top:-18px !important;}
    .home-primary-menu-trigger-custom i {font-size:24px;}
    .home-logo, .login-logo {text-align:center; height:60px !important;}
    .home-logo-white {display:none !important;} 
    .home-logo-black {display:block !important;} 

    .reader-regLogo {left:5px;}
    .reader-logo {width: 60px;}
    
    .reader-logo-big {display:none !important;} 
    .reader-logo-sm {display:block !important;}

    .home-logo-black img {width:170px !important; height:60px !important; margin:auto;}
    .content-wrap-custom {margin-top:100px !important;}    
    .home-wrapper, .login-wrapper {background:none;}
    .home-full-header, /*.home-full-header #header-wrap,*/ .login-full-header {background:#ffffff !important; border-bottom:1px solid #dfdfdf !important;}
    .home-top-nav li a {color:#232323 !important;}
    .home-container {max-width:100% !important;}
    .home-content h1 {font-size:28px; line-height:34px; margin-top:0px;}

    .search-window-cust {padding-left: 20px;}
}
@media only screen and (max-width:767px){
    .rBodyContainer {margin-top: 60px;}
    .content-wrap-body-custom {margin-top:110px !important;}
    .container-pg-title {        
        padding: 0px !important;
        text-align: center;
    }

    #top-e-readerSettings li:nth-child(2) {margin-left:8px !important;}
    #top-e-readerSettings li {margin-left: 8px !important;}

    .search-window-cust {background-color: #ffffff;
    border-bottom: 1px solid #dfdfdf;
    float: left;
    left: 0px;
    padding: 8px 0px 8px 0px;
    position: absolute;
    top: 55px;
    width: 100%;}
        
    .search-window-mob {width:302px; margin:auto;}

    .top-auNotifi-block::before {right: 58px;}
    .top-auNotifi-block::after {right: 58px;}
    .top-userGroupNotifi-block::before {right: 96px;}
    .top-userGroupNotifi-block::after {right: 96px;}
}
/*END HOME*/

/* BOX ARROW POINTERS */
.arrow_box_left {position: relative; background: #ffffff; border: 2px solid #cccccc;}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_left:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box_left:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #cccccc;
	border-width: 13px;
	margin-top: -13px;
}

.arrow_box_top {position: relative; background: #ffffff; border: 1px solid #cccccc;}
.arrow_box_top:after, .arrow_box_top:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_top:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_top:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #cccccc;
	border-width: 13px;
	margin-left: -13px;
}

.arrow_box_right {position: relative; background: #ffffff; border: 2px solid #cccccc;}
.arrow_box_right:after, .arrow_box_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_right:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box_right:before {
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #cccccc;
	border-width: 13px;
	margin-top: -13px;
}

.arrow_box_bottom {position: relative; background: #ffffff; border: 2px solid #cccccc;}
.arrow_box_bottom:after, .arrow_box_bottom:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_bottom:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_bottom:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #cccccc;
	border-width: 13px;
	margin-left: -13px;
}
/* END BOX ARROW POINTERS */
.arrow-l-green {
    background: rgba(0, 0, 0, 0) url("../images/icons/sprit_img.png") no-repeat scroll -217px -63px;
    display: inline-block;
    height: 11px;
    width: 20px;
}

/* Bootstrap css override*/    
    .bootstrap-dialog.type-primary .modal-header,
    .bootstrap-dialog.type-danger .modal-header,
    .bootstrap-dialog.type-default .modal-header,
    .bootstrap-dialog.type-success .modal-header,
    .bootstrap-dialog.type-info .modal-header,
    .bootstrap-dialog.type-warning .modal-header {        
        /*background-color:#f1f1f1 !important;*/      
        -webkit-border-top-left-radius: 6px !important;
        -webkit-border-top-right-radius: 6px !important;
        -moz-border-radius-topleft: 6px !important;
        -moz-border-radius-topright: 6px !important;
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
        /*border-bottom:0px;
        padding:5px 10px !important;*/
        color:#ffffff;
    }    
    /*.bootstrap-dialog.type-primary .modal-footer,
    .bootstrap-dialog.type-danger .modal-footer,
    .bootstrap-dialog.type-default .modal-footer,
    .bootstrap-dialog.type-success .modal-footer,
    .bootstrap-dialog.type-info .modal-footer,
    .bootstrap-dialog.type-warning .modal-footer {
        border-top:0px;
        padding:5px 10px !important;
    }*/

    .modal-content {
        -webkit-border-top-left-radius: 6px !important;
        -webkit-border-top-right-radius: 6px !important;
        -moz-border-radius-topleft: 6px !important;
        -moz-border-radius-topright: 6px !important;
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
    }
    .bootstrap-dialog .modal-content {
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        border-radius: 8px !important;
    }
    
    .bootstrap-dialog .modal-body {
        /*padding:10px !important;*/
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        border-radius: 6px !important;
        padding:0px 10px 10px 10px !important;
        /*background-color:#f1f1f1 !important;*/
       /*-webkit-border-bottom-right-radius: 6px !important;
        -webkit-border-bottom-left-radius: 6px !important;
        -moz-border-radius-bottomright: 6px !important;
        -moz-border-radius-bottomleft: 6px !important;
        border-bottom-right-radius: 6px !important;
        border-bottom-left-radius: 6px !important;*/
    }
    .bootstrap-dialog .custom-header .modal-body { /*Used custom class*/
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        border-radius: 6px !important;
    }
    .bootstrap-dialog .modal-body .bootstrap-dialog-body {background-color:#ffffff;}
    .bootstrap-dialog .modal-footer {     
        /*background-color:#f1f1f1 !important;*/
        padding:10px !important;
        /*margin-top:-4px;*/
        -webkit-border-bottom-right-radius: 6px !important;
        -webkit-border-bottom-left-radius: 6px !important;
        -moz-border-radius-bottomright: 6px !important;
        -moz-border-radius-bottomleft: 6px !important;
        border-bottom-right-radius: 6px !important;
        border-bottom-left-radius: 6px !important;
    }    
    .bootstrap-dialog .bootstrap-dialog-title {
        /*color: #232323 !important;*/
        font-size: 16px;        
        display: inline-block;
        font-weight:normal;
    }
    .bootstrap-dialog-close-button .close {opacity:0.5 !important; font-size:25px !important;}
    button.close {opacity:0.5 !important; font-size:25px !important; color:#000000 !important;}
    
    .userNameInput {
        font-family: "Lato-Regular", Arial, Helvetica, sans-serif;
        font-size: 16px !important;
    }
    .rBodyCenter .userNameInput,
    .modal-dialog .userNameInput {
        font-family: "Lato-Regular", Arial, Helvetica, sans-serif;
        font-size: 13px !important;
    }
    #frmContact .form-control {font-size: 16px !important;}

    .navbar-default {background:none !important; border:0px !important; border-bottom:1px solid #d9d9d9 !important;}
    .navbar {
        border-radius:0px !important;
        margin-bottom: 10px !important;
        min-height: 40px !important;
    }
    .navbar-nav > li > a {
        cursor: pointer;
        font-size: 15px;
        padding: 8px 8px !important;
        /*text-transform: capitalize !important;*/
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background: none !important;
        color: #00aeae !important;
        text-transform:none;
    }
    .navbar-default .navbar-nav > li > a {
        color: #4d4d4d !important; text-transform:none;
    }
    .modal-dialog {margin:30px auto 0px auto !important;}
    .modal-content {border-radius:0px !important;}
    .modal-lg-1 {max-width: 900px !important; width: 100% !important;}
    /*.modal-lg-1 {max-width: 1280px !important; width: 100% !important;}
    .bootstrap-dialog.type-primary .modal-header {background-color:#00aeae !important;}*/
    .btn-primary {background-color:#00aeae !important; border-color:#00aeae !important;}
    .btn-primary:hover {background-color:#20bebe !important; color:#ffffff;}    

    .modal-dialog .modal-header #h3_InsertLink {
        float: left !important;
        margin: 0px !important;
        font-size: 16px !important;
        color: rgb(35, 35, 35) !important;
        font-weight: normal !important;
        width: 80% !important;
    }
    .pagination > .active > a {background-color: #00aeae !important; border-color: #00aeae !important; color: #ffffff !important;}
    .pagination > li > a, .pagination > li > span {color:#00aeae !important;}
    .table-bordered td {padding:5px !important;}
    table th {color:#337ab7;}

    .bootstrap-dialog .modal-body .bootstrap-dialog-message {background-color:#ffffff !important; padding:10px 5px 0px 5px;}
    #selectGroup .modal-body .bootstrap-dialog-message {padding:0px 0px;}
    .bootstrap-dialog .bootstrap-dialog-message,
    .btn {font-size:13px !important;}
    .alert {
        border-radius: 3px !important;
        margin: 0px !important;
        padding: 5px 25px 5px 5px !important;        
    }
    #InsertLink .alert {
        border-radius: 3px !important;
        margin-bottom: 10px !important;
        padding: 5px !important;
    }
    .alert .close {position: relative; top: -3px;}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
         border: 1px solid #f1f1f1;
         color:#666666;
    }
    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 4px;
        border-bottom-color:#f1f1f1;
    }
    table th a {
        color:#666666;
    }
    
    .CreateVoucherDisable {cursor: default; opacity: 0.5;}
    .bootstrap-dialog {
        padding-right: 0px !important;
    }
    /*Power BI Top Navigation Start*/
    .powerBITopNav {overflow: hidden; /*background-color: #333;*/}

    .powerBITopNav a {
      float: left;
      display: block;
      color: #4d4d4d;
      text-align: center;
      padding: 8px 10px;
      text-decoration: none;
      font-size: 15px;
      cursor:pointer;
    }

    .powerBITopNav a:hover {color: #00aeae;}

    .powerBITopNav a.active {color: #00aeae;}

    .powerBITopNav .icon {display: none;}

    @media screen and (max-width: 767px) {
      .powerBITopNav a:not(:first-child) {display: none;}
      .powerBITopNav a.icon {float: right; display: block;}
    }

    @media screen and (max-width: 767px) {
      .powerBITopNav.responsive {position: relative;}
      .powerBITopNav.responsive .icon {position: absolute; right: 0; top: 0;}
      .powerBITopNav.responsive a {float: none; display: block; text-align: left;}
    }
    /*Power BI Top Navigation End*/
    @media only screen and (max-width:767px) {
        .navbar-nav {margin: 2px -15px !important;}
        .navbar-nav > li > a {
            cursor:pointer;
            padding:5px 10px !important;
        }

        .navbar-toggle {
            margin:2px 2px 2px 0px !important;
            padding: 5px !important;
        }
        .navbar-default {
            background-color: #f8f8f8 !important;
            border-color: #f1f1f1 !important;
        }
        .modal-lg-1, .modal-lg {
            width:90% !important;
        }
    }
/* END Bootstrap */
/* Editor */
    #InsertImage {z-index:2000 !important;}
    #InsertImage #imageList img {
        max-width:120px;
        width:100%;
        max-height:80px;
    }
    #InsertImage #imageList .col-xs-12 {
        width:auto !important;
    }
    #InsertImage #imageList .col-xs-12,
    #InsertImage #imageList .col-sm-6,
    #InsertImage #imageList .col-md-3,
    #InsertImage #imageList .col-lg-3 {padding-left:0px !important;}

    .Editor-container {margin-top:0px !important;}
    #menuBarDiv {padding:0px !important; border-radius:0px !important; line-height:0px !important; min-height:0px !important; margin-bottom:1px !important;}
    #menuBarDiv, #statusbar {background-image:none !important; background:transparent !important;}
    .Editor-container #statusbar {display:none !important;}
    
    /*.gCReplyHTMLEditor .row-fluid,
    .nReplyHTMLEditor .row-fluid,
    .Editor-container .row-fluid {border-top:1px !important; border-bottom:1px !important;}*/
    .nEditorAllNote {
        border-top: 1px solid #dfdfdf;
        padding-top: 5px !important;
        margin-top: -1px;
    }
    /*.nEditorAllNote .Editor-container .row-fluid {border-top:0px !important;}*/

    .aHReplyHTMLEditor .btn-default,
    .nReplyHTMLEditor .btn-default,
    .nEditHTMLEditor .btn-default,
    .gCHTMLEditor .btn-default,
    .gCReplyHTMLEditor .btn-default,
    .gCEditHTMLEditor .btn-default,
    .Editor-container .btn-default {
        border-color: #ffffff !important;
        padding: 0 7px !important;
        font-size: 13px !important;
        color:#808080;
        margin-bottom:0px !important;        
        background-color:#ffffff;
    }
    /*.Editor-container .row-fluid {border-top:0px !important; border-bottom:0px !important;}*/

    .aHFixedHTMLEditor {position:absolute; bottom:0px; width:100%; border-top:1px solid #f0f0f0; padding-bottom:0px;}
    .aHFixedHTMLEditor .aHReplyHTMLEditor {background-color:#f2f2f2; margin-bottom:60px;}
    .aHFixedHTMLEditor .aHReplyHTMLEditor .Editor-editor {overflow-x:auto; overflow-y:auto; min-height:38px !important; max-height:130px; line-height:20px; border:1px solid #80ffff !important;}

    /*Code for Insert Image in Editor*/
    #InsertImage .row {margin:0px !important;}
    #InsertImage .tabbable .nav {display:none !important;}
    #InsertImage .tabbable .nav {width:auto !important; height :auto !important; position:absolute !important; top:0px; border-right:0px;}
    #InsertImage .tabbable .nav li {display:inline-block; width:130px; float:left;}    
    #InsertImage .tabbable .nav li a {border:1px solid #ddd !important; color: #00aeae; text-align: center; padding:10px 5px !important;}
    #InsertImage .tabbable .nav li.active a {color:#00aeae !important; background-color:#f1f1f1 !important;}
    #InsertImage .tabbable .tab-content {/*margin-top:40px;*/ margin-top:0px; height:40px;}
    #InsertImage #imgErrMsg {/*margin-top:40px;*/margin-top:0px;}
    #InsertImage .tabbable .input-group .form-control {width:236px !important;}
    #InsertImage .tabbable .input-group .form-control-button-right {width: 50px !important;}
    #InsertImage .modal-header h3 {margin:0px !important;}
    /*END Code for Insert Image in Editor*/
/* END Editor */
/* Style.css */
    #header.full-header #logo, #header.full-header #primary-menu > ul {border-right: 0px solid #eee !important;}
/* END Style.css*/
/* Loader */
.box > .overlay,
.box > .loading-img,
.box > .loading-img-small {
  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('../images/ajax-loader1.gif') 50% 50% no-repeat;
}
.box > .loading-img-small {
  z-index: 1020;
  background: transparent url('../images/preloader.gif') 50% 50% no-repeat;
}
/* END Loader */
/* Notification */
.nFBlockHead {border-bottom: 1px solid #dfdfdf; color: #232323; font-size: 20px; padding: 5px 0px 12px 0px; text-align: center;}
.nFBlockHead .btnReadAll {background: none; border-color: #808080; float: right; font-size: 12px; position: absolute; right: 10px; top: 11px; border-color:#cccccc;}
.nFBlockFooter {text-align: center; margin-top:8px;}
.nFBlockFooter .btnSeeAll {color: #232323; padding: 5px 0px; background:none; border:0px; width:100%;}
.nFBlockFooter .btnSeeAll:hover {background-color:#f8f8f8;}
.nFBlock {border-bottom:1px solid #dfdfdf; padding:10px 5px;}
.nFBlockNotRead {background-color:#f8f8f8;}
.nFBlock .nFLP {width:40px; float:left;}
.nFBlock .nFRP {width:88%; float:left;}

#dvUserNotifi .mCSB_container {margin-right: 20px !important;}
@media only screen and (max-height:640px){
    .nFBlockScroll, .nFGrBlockScroll {overflow-y:auto;}
}
@media only screen and (max-width:400px){
    .nFBlockHead {text-align:left;}
    .nFBlock .nFRP {width:85%;}
}
@media only screen and (max-width:360px){
    .nFBlock .nFRP {width:82%;}
}
/* END Notification*/
/* Group Notification */
.nFGrBlockHead {border-bottom: 1px solid #dfdfdf; color: #232323; font-size: 20px; padding: 5px 0px 12px 0px; text-align: center;}
.nFGrBlockHead .btnReadAll {background: none; border-color: #808080; float: right; font-size: 12px; position: absolute; right: 10px; top: 11px; border-color:#cccccc;}
.nFGrBlockFooter {text-align: center; margin-top:8px;}
.nFGrBlockFooter .btnSeeAll {color: #232323; padding: 5px 0px; background:none; border:0px; width:100%;}
.nFGrBlockFooter .btnSeeAll:hover {background-color:#f8f8f8;}
.nFGrBlock {border-bottom:1px solid #dfdfdf; padding:10px 5px;}
.nFGrBlockNotRead {background-color:#f8f8f8;}
.nFGrBlock .nFGrLP {width:40px; float:left;}
.nFGrBlock .nFGrRP {width:88%; float:left;}
.nFGrBlock table {margin-bottom:0px;}
.nFGrBlock table td {padding:5px !important;}
/* END Group Notification*/
.col-black {color:#232323;}
.col-orange {color:#f7941e;}
.col-red {color:#ff0000;}
.col-blue {color:#337ab7;}
.col-green {color:#008000;}
.col-default {color:#00aeae;}
.col-red {color:#ff0000;}
.col-gray {color:#909090;}
.col-gray-dark {color:#666666;}
/* All Color Cercles and Profile Images */

/* HTML Editor Issues */
.clsHrefImg {position:relative !important;}
.clsHrefImg a, .clsHrefImg img {position:relative !important; top:0px !important; right:0px !important; bottom:0px !important; left:0px !important;}
.nEditHTMLEditor .Editor-editor a,
.nEditHTMLEditor .Editor-editor img,
.gCEditHTMLEditor .Editor-editor a,
.gCEditHTMLEditor .Editor-editor img,
.nTitleCommReplyBlock .nNoteText a,
.nTitleCommReplyBlock .nNoteText img,
.nShowHideReplyClickBlock .nNoteTextReply a,
.nShowHideReplyClickBlock .nNoteTextReply img,
.nShowHideReplyClickBlock .dvnEditReply a,
.nShowHideReplyClickBlock .dvnEditReply img,
.gCTitleCommReplyBlock .gCText a, 
.gCTitleCommReplyBlock .gCText img,
.gCShowHideReplyClickBlock .gCTextReply a,
.gCShowHideReplyClickBlock .gCTextReply img,
.gCShowHideReplyClickBlock .dvEditReply a,
.gCShowHideReplyClickBlock .dvEditReply img {position:relative !important; top:0px !important; right:0px !important; bottom:0px !important; left:0px !important;}
/* END HTML Editor Issues */
.unCer_smEx {
    display:inline-block;
    width:25px;
    height:25px;    
    border-radius:15px !important;
    text-align:center;
    line-height:25px;
    color:#ffffff !important;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
    text-decoration:none;
    background-color:#00aeae;
}
.unCer_sm {
    display:inline-block;
    width:30px;
    height:30px;    
    border-radius:15px !important;
    text-align:center;
    line-height:29px;
    color:#ffffff !important;
    font-size:13px;
    text-transform:uppercase;
    text-decoration:none;
    background-color:#00aeae;
}
.unCer_big {
    display:inline-block;
    width:40px;
    height:40px;    
    border-radius:40px !important;
    text-align:center;
    line-height:38px;
    color:#ffffff !important;
    font-size:16px;
    text-transform:uppercase;
    text-decoration:none;
    background-color:#00aeae;
}
.unCer_bigEx {
    display:inline-block !important;
    width:60px;
    height:60px;    
    border-radius:30px !important;
    text-align:center;
    line-height:59px;
    color:#ffffff !important;
    font-size:22px !important;
    text-transform:uppercase;
    text-decoration:none;
    background-color:#00aeae;
}

.unCer_smEx:hover,
.unCer_sm:hover,
.unCer_big:hover,
.unCer_bigEx:hover {text-decoration:none !important;}
 
.unImg_smEx {
    display:inline-block;
    width:25px;
    height:25px;    
    border-radius:15px !important;
}
.unImg_sm {
    display:inline-block;
    width:30px;
    height:30px;    
    border-radius:15px !important;
}
.unImg_big {
    display:inline-block;
    width:40px;
    height:40px;    
    border-radius:40px !important;    
}
.unImg_bigEx {
    display:inline-block;
    width:60px;
    height:60px;    
    border-radius:30px !important;    
}

.unCer_smEx.a, .unCer_sm.a, .unCer_big.a, .unCer_bigEx.a, .readingGroups-userName.a {background-color:#f881bc!important;} /*A*/
.unCer_smEx.b, .unCer_sm.b, .unCer_big.b, .unCer_bigEx.b, .readingGroups-userName.b {background-color:#ce791d!important;} /*B*/
.unCer_smEx.c, .unCer_sm.c, .unCer_big.c, .unCer_bigEx.c, .readingGroups-userName.c {background-color:#ea6759!important;} /*C*/
.unCer_smEx.d, .unCer_sm.d, .unCer_big.d, .unCer_bigEx.d, .readingGroups-userName.d {background-color:#edbd35!important;} /*D*/
.unCer_smEx.e, .unCer_sm.e, .unCer_big.e, .unCer_bigEx.e, .readingGroups-userName.e {background-color:#48b56a!important;} /*E*/
.unCer_smEx.f, .unCer_sm.f, .unCer_big.f, .unCer_bigEx.f, .readingGroups-userName.f {background-color:#35aa96!important;} /*F*/
.unCer_smEx.g, .unCer_sm.g, .unCer_big.g, .unCer_bigEx.g, .readingGroups-userName.g {background-color:#fc7e8d!important;} /*G*/
.unCer_smEx.h, .unCer_sm.h, .unCer_big.h, .unCer_bigEx.h, .readingGroups-userName.h {background-color:#5bd5ab!important;} /*H*/
.unCer_smEx.i, .unCer_sm.i, .unCer_big.i, .unCer_bigEx.i, .readingGroups-userName.i {background-color:#2998aa!important;} /*I*/
.unCer_smEx.j, .unCer_sm.j, .unCer_big.j, .unCer_bigEx.j, .readingGroups-userName.j {background-color:#b97bba!important;} /*J*/
.unCer_smEx.k, .unCer_sm.k, .unCer_big.k, .unCer_bigEx.k, .readingGroups-userName.k {background-color:#f4589f!important;} /*K*/
.unCer_smEx.l, .unCer_sm.l, .unCer_big.l, .unCer_bigEx.l, .readingGroups-userName.l {background-color:#8585f9!important;} /*L*/
.unCer_smEx.m, .unCer_sm.m, .unCer_big.m, .unCer_bigEx.m, .readingGroups-userName.m {background-color:#659387!important;} /*M*/
.unCer_smEx.n, .unCer_sm.n, .unCer_big.n, .unCer_bigEx.n, .readingGroups-userName.n {background-color:#6482a0!important;} /*N*/
.unCer_smEx.o, .unCer_sm.o, .unCer_big.o, .unCer_bigEx.o, .readingGroups-userName.o {background-color:#587a42!important;} /*O*/
.unCer_smEx.p, .unCer_sm.p, .unCer_big.p, .unCer_bigEx.p, .readingGroups-userName.p {background-color:#e54e4e!important;} /*P*/
.unCer_smEx.q, .unCer_sm.q, .unCer_big.q, .unCer_bigEx.q, .readingGroups-userName.q {background-color:#508be2!important;} /*Q*/
.unCer_smEx.r, .unCer_sm.r, .unCer_big.r, .unCer_bigEx.r, .readingGroups-userName.r {background-color:#0071bb!important;} /*R*/
.unCer_smEx.s, .unCer_sm.s, .unCer_big.s, .unCer_bigEx.s, .readingGroups-userName.s {background-color:#7676e2!important;} /*S*/
.unCer_smEx.t, .unCer_sm.t, .unCer_big.t, .unCer_bigEx.t, .readingGroups-userName.t {background-color:#53bc91!important;} /*T*/
.unCer_smEx.u, .unCer_sm.u, .unCer_big.u, .unCer_bigEx.u, .readingGroups-userName.u {background-color:#5099b5!important;} /*U*/
.unCer_smEx.v, .unCer_sm.v, .unCer_big.v, .unCer_bigEx.v, .readingGroups-userName.v {background-color:#f881bc!important;} /*V*/
.unCer_smEx.w, .unCer_sm.w, .unCer_big.w, .unCer_bigEx.w, .readingGroups-userName.w {background-color:#3a8760!important;} /*W*/
.unCer_smEx.x, .unCer_sm.x, .unCer_big.x, .unCer_bigEx.x, .readingGroups-userName.x {background-color:#c45884!important;} /*X*/
.unCer_smEx.y, .unCer_sm.y, .unCer_big.y, .unCer_bigEx.y, .readingGroups-userName.y {background-color:#c18359!important;} /*Y*/
.unCer_smEx.z, .unCer_sm.z, .unCer_big.z, .unCer_bigEx.z, .readingGroups-userName.z {background-color:#7171d8!important;} /*Z*/

.unCer_smEx,
.unCer_sm,
.unCer_big,
.unCer_bigEx,
.unImg_smEx,
.unImg_sm,
.unImg_big,
.unImg_bigEx {
    box-shadow: 1px 1px 0 #ddd;
    -webkit-box-shadow: 1px 1px 0 #ddd;
    -moz-box-shadow: 1px 1px 0 #ddd;
    -o-box-shadow: 1px 1px 0 #ddd;
}
/* END All Color Cercles and Profile Images */

/* Sprite Small icons 18px - Default and Selected */
.icon_sm_annotation,
.icon_sm_underline,
.icon_sm_comment,
.icon_sm_key,
.icon_sm_group,
.icon_sm_eye,
.icon_sm_edit,
.icon_sm_lock,
.icon_sm_delete,
.icon_sm_tag,
.icon_sm_book,
.icon_sm_bell,
.icon_sm_copy,
.icon_sm_save,
.icon_sm_reply,
.icon_sm_like {
    display: inline-block; height: 22px !important; width: 22px !important; border:0px;
    background-image:url(../images/icons/icons_b.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
}

.icon_sm_annotationSel,
.icon_sm_underlineSel,
.icon_sm_commentSel,
.icon_sm_keySel,
.icon_sm_groupSel,
.icon_sm_eyeSel,
.icon_sm_editSel,
.icon_sm_lockSel,
.icon_sm_deleteSel,
.icon_sm_tagSel,
.icon_sm_bookSel,
.icon_sm_bellSel,
.icon_sm_copySel,
.icon_sm_saveSel,
.icon_sm_replySel,
.icon_sm_likeSel {
    display: inline-block; height: 22px !important; width: 22px !important; border:0px;
    background-image:url(../images/icons/icons_w.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
}

.icon_sm_annotation,
.icon_sm_annotationSel {background-position:1px 0px;}
.icon_sm_underline,
.icon_sm_underlineSel {background-position:1px -436px;}
.icon_sm_comment, 
.icon_sm_commentSel {background-position:0px -110px; height: 20px !important;}
.icon_sm_key,
.icon_sm_keySel {background-position:1px -194px;}
.icon_sm_group,
.icon_sm_groupSel {background-position:1px -128px;}
.icon_sm_eye,
.icon_sm_eyeSel {background-position:0px -456px;}
.icon_sm_edit,
.icon_sm_editSel {background-position:1px -257px;}
.icon_sm_lock,
.icon_sm_lockSel {background-position:1px -234px;}
.icon_sm_delete,
.icon_sm_deleteSel {background-position:1px -67px;}
.icon_sm_tag,
.icon_sm_tagSel {background-position:1px -391px;}
.icon_sm_book,
.icon_sm_bookSel {background-position:1px -22px;}
.icon_sm_bell,
.icon_sm_bellSel {background-position:1px -279px;}
.icon_sm_copy,
.icon_sm_copySel {background-position:1px -150px;}
.icon_sm_save,
.icon_sm_saveSel {background-position:1px -44px;}
.icon_sm_reply,
.icon_sm_replySel {background-position:0px -300px;}
.icon_sm_like,
.icon_sm_likeSel {background-position:0px -213px;}

/*.icon_sm_annotation {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px 0px / 100%;}
.icon_sm_annotationSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px 0px / 100%;}

.icon_sm_underline {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -396px / 100%;}
.icon_sm_underlineSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -396px / 100%;}

.icon_sm_comment {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -110px / 100%;}
.icon_sm_commentSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -110px / 100%;}

.icon_sm_key {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -198px / 100%;}
.icon_sm_keySel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -198px / 100%;}

.icon_sm_group {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -132px / 100%;}
.icon_sm_groupSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -132px / 100%;}

.icon_sm_eye {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -418px / 100%;}
.icon_sm_eyeSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -418px / 100%;}

.icon_sm_edit {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -242px / 100%;}
.icon_sm_editSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -242px / 100%;}

.icon_sm_lock {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -220px / 100%;}
.icon_sm_lockSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -220px / 100%;}

.icon_sm_delete {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -66px / 100%;}
.icon_sm_deleteSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -66px / 100%;}

.icon_sm_tag {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -352px / 100%;}
.icon_sm_tagSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -352px / 100%;}

.icon_sm_book {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -22px / 100%;}
.icon_sm_bookSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -22px / 100%;}

.icon_sm_bell {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -264px / 100%;}
.icon_sm_bellSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -264px / 100%;}

.icon_sm_copy {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -155px / 100%;}
.icon_sm_copySel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -155px / 100%;}

.icon_sm_save {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -44px / 100%;}
.icon_sm_saveSel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -44px / 100%;}*/
/* END Sprite Small icons 18px - Default and Selected */

/* Book Details */
    .icon_bdN,
    .icon_bdU,
    .icon_bdGC,
    .icon_bdR,
    .icon_bdL {
        display: inline-block; height: 30px; width: 30px; border:0px;
        background-image:url(../images/icons/icons_b.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
    }
    .icon_bdNSel,
    .icon_bdUSel,
    .icon_bdGCSel,
    .icon_bdRSel,
    .icon_bdLSel {
        display: inline-block; height: 30px; width: 30px; border:0px;
        background-image:url(../images/icons/icons_w.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
    }

    .icon_bdN,
    .icon_bdNSel {background-position:0px 0px;}

    .icon_bdU,
    .icon_bdUSel {background-position:0px -595px;}

    .icon_bdGC,
    .icon_bdGCSel {background-position:0px -148px; height:28px !important;}

    .icon_bdR,
    .icon_bdRSel {background-position:0px -410px;}

    .icon_bdL,
    .icon_bdLSel {background-position:0px -291px;}
/* END Book Details */
/* Sprite icons for Reader 26px - Default and Selected */

.icon_toc,
.icon_annotations,
.icon_rAList,
.icon_bs,
.icon_ms,
.icon_gc,
.icon_group,
.icon_readmode,
.icon_export,
.icon_info {
    display: inline-block; height: 30px; width: 30px; border:0px;
    background-image:url(../images/icons/icons_rb.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
}

.icon_tocsel,
.icon_annotationssel,
.icon_rAListsel,
.icon_bssel,
.icon_mssel,
.icon_gcsel,
.icon_groupsel,
.icon_readmodesel,
.icon_exportsel,
.icon_infosel {
    display: inline-block; height: 30px; width: 30px; border:0px;
    background-image:url(../images/icons/icons_rw.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
}

.icon_toc {background-position:0px -240px;}
.icon_tocsel {background-position:0px -240px !important;}

.icon_rAList {background-position:0px 0px;}
.icon_rAListsel {background-position:0px 0px !important;}

.icon_bs {background-position:0px -209px;}
.icon_bssel {background-position:0px -209px !important;}

.icon_ms {background-position:0px -30px;}
.icon_mssel {background-position:0px -30px !important;}

.icon_gc {background-position:0px -90px;}
.icon_gcsel {background-position:0px -90px !important;}

.icon_group {background-position:0px -119px;}
.icon_groupsel {background-position:0px -119px !important;}

.icon_readmode {background-position:0px -180px;}
.icon_readmodesel {background-position:0px -180px !important;}

.icon_export {background-position:0px -60px;}
.icon_exportsel {background-position:0px -60px !important;}

.icon_info {background-position:0px -150px;}
.icon_infosel {background-position:0px -150px !important;}

.icon_underline,
.icon_shop,
.icon_edit,
.icon_fullscreen,
.icon_book {
    display: inline-block; height: 30px; width: 30px; border:0px;
    background-image:url(../images/icons/icons_b.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
}

.icon_underlinesel,
.icon_shopsel,
.icon_editsel,
.icon_fullscreensel,
.icon_booksel {
    display: inline-block; height: 30px; width: 30px; border:0px;
    background-image:url(../images/icons/icons_w.svg); background-color:rgba(0, 0, 0, 0); background-repeat:no-repeat; background-size:100%;
}

.icon_underline {background-position:0px -540px;}
.icon_underlinesel {background-position:0px -540px !important;}

.icon_shop {background-position:0px -503px;}
.icon_shopsel {background-position:0px -476px !important;}

.icon_edit {background-position:0px -117px;}
.icon_editsel {background-position:0px -117px !important;}

.icon_fullscreen {background-position:0px -120px;}
.icon_fullscreensel {background-position:0px -390px !important;}

.icon_book {background-position:0px -104px;}
.icon_booksel {background-position:0px -104px !important;}


/*.icon_toc {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -240px / 100%;}
.icon_tocsel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -240px / 100% !important;}

.icon_rAList {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px 0px / 100%;}
.icon_rAListsel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px 0px / 100% !important;}

.icon_bs {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -209px / 100%;}
.icon_bssel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -209px / 100% !important;}

.icon_ms {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -30px / 100%;}
.icon_mssel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -30px / 100% !important;}

.icon_gc {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -90px / 100%;}
.icon_gcsel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -90px / 100% !important;}

.icon_group {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -119px / 100%;}
.icon_groupsel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -119px / 100% !important;}

.icon_readmode {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -180px / 100%;}
.icon_readmodesel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -180px / 100% !important;}

.icon_export {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -60px / 100%;}
.icon_exportsel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -60px / 100% !important;}

.icon_info {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rb.svg") no-repeat scroll 0px -150px / 100%;}
.icon_infosel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_rw.svg") no-repeat scroll 0px -150px / 100% !important;}


.icon_underline {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -540px / 100%;}
.icon_underlinesel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -540px / 100% !important;}

.icon_shop {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -450px / 100%;}
.icon_shopsel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -450px / 100% !important;}

.icon_edit {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -117px / 100%;}
.icon_editsel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -117px / 100% !important;}

.icon_fullscreen {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -120px / 100%;}
.icon_fullscreensel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -390px / 100% !important;}

.icon_book {background: rgba(0, 0, 0, 0) url("../images/icons/icons_b.svg") no-repeat scroll 0px -104px / 100%;}
.icon_booksel {background: rgba(0, 0, 0, 0) url("../images/icons/icons_w.svg") no-repeat scroll 0px -104px / 100% !important;}*/

/* END Sprite icons for Reader 26px - Default and Selected */

.counterBlock i.fa-reply {font-size:16px;}
.counterBlock i.fa-heart-o {font-size:15px;}

    .cookieConsent {
margin: 0 auto;
border: 1px solid #eee;
background: rgba(255, 255, 255, 1) !important;
color: #000 !important;
border-radius: 0;
padding: 10px;
box-shadow:-1px -1px 2px rgba(68, 68, 68, 0.3);
text-align:justify;
}

.cookieWindow { 
    position: fixed;
overflow: hidden;
box-sizing: border-box;
font-size: 16px;
line-height: 12px;
display: none;
flex-direction:column;
z-index: 9999;
width: 285px;
height:auto;
bottom:0px;
right:0px;
border-radius:4px 0 0 0;
}
.cookieMsg {
    flex: 0.9;
    font-size: 13px;
line-height: 18px;
margin:0;
padding:0;
color: #000 !important;
    text-align: justify;
}
.cookieLink {
    opacity: 1;
    display: inline-block;
    padding: 0;
    color: rgb(0, 0, 0);
    text-decoration:underline;
}

.cookieCompliance {
    display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between;
}

.cookieBtn {
    display: block;
    padding: 5px 20px;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px !important;
    color: rgb(255, 255, 255);
border-color: transparent;
background-color: #838383;
cursor:pointer;
width:auto;
margin:10px auto 0 auto;
}

@media only screen and (max-width: 640px) {
    .cookieWindow { 
    bottom:0px;
    right:0px;
    width:100%;
    }   
}

@media only screen and (max-width: 300px) {
    .cookieWindow { 
        bottom:0px;
        right:0px;
        width:100%;
        border-radius:0;
    }   
    .cookieMsg {
        flex: 0.9;
        font-size: 14px;
        line-height: 18px;
    }
    .cookieBtn {
        margin:5px auto 0 auto;
    }
}

/* Browser Checker Start */
#browserCompBlock {
    position: fixed;width: 100%;display: none;height: 100%;left: 0;top: 0;z-index: 1151;background-color: rgba(237, 237, 237, 0.8);
}

#browserCompBlockContent {
    max-width:540px; width:100%; display: block;background-color: #fff;height: auto;position: absolute;left: 0;right: 0;top: 50px;color: #232323;padding: 20px;margin: auto;font-size: 14px;text-align: center;border-radius: 3px;box-shadow: 2px 3px 8px 7px rgba(0,0,0,0.3);
}

#browserCompMsg {padding-bottom: 10px; font-size:15px;}

#browserCompMsg .fa-exclamation-triangle {
    font-size: 50px; color: red; position: relative; top: 2px; right: 5px;
}
#browserCompMsg b {font-size:21px;}
#browserCompOk {
    position: relative;width: auto;text-align: center;display: block;font-size: 15px !important;padding: 5px 15px !important;max-width: 90px;margin: auto;
}
/* Browser Checker End */
/* Start Date Picker */
.ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0px;
    text-transform: uppercase;
    color: #777;
    font-size: 13px;
    font-weight: 600;
}
.ui-widget.ui-widget-content {
    border: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34);
    border-radius: 0px;
    position: relative;
    margin: 15px 0px 0px 0px;
    z-index: 9999 !important;
    max-width: 250px;
}
.ui-menu .ui-menu-item-wrapper {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ui-datepicker th {
    color: #555;
    font-weight: normal !important;
}
.ui-datepicker td {text-align: center;padding: 0px;}
.ui-datepicker td span {
    border: none !important;
    padding: 5px !important;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background: rgba(221, 221, 221, 0.72);
    color: #333;
    padding: 5px 0px;
	text-align:center !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    /*background: #8191b9 !important;*/
	background:#82CCCC !important;
    color: #ffffff !important;
    padding: 5px 0px;
	border:0px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	/*background: #e6e6e6;*/
	background:#E0F4F4 !important;
	color: #555555 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    /*background: #5067a2;
	color: #ffffff;*/
	background: #82CCCC !important;
    color: #555555 !important;
    border: none;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 0px;
    border: none;
    top: 0px;
	background:none !important;
	border:0px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
	width:30px !important;
	height:30px !important;
    right: 0px;
    top: 0px !important;
    background: none;
    border: none;
}
.ui-widget-header .ui-icon{}
.ui-icon, .ui-widget-content .ui-icon{}
.ui-datepicker .ui-datepicker-next span {
    background: url('../images/icons/arrow-right.png') no-repeat !important;
    background-size: 6px !important;
}
.ui-datepicker .ui-datepicker-prev span {
    background: url('../images/icons/arrow-left.png') no-repeat !important;
    background-size: 6px !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {    
	margin-left: -5px !important;	
	margin-top: -5px !important;
}
/* End Date Picker */
.mandatoryFEditProStar {color:#ff0000; font-size:14px;}
.mandatoryFEditProTxt {color:#999999; font-size:12px;}
.mandatoryStar {color:#ff0000; font-size:20px;}