@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,300italic,400italic,700,700italic,800,800italic,900,900italic);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400');
@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900);

.clearme {clear:both;width:100%;}
.space5 {width:100%;height:5px;}
.space10 {width:100%;height:10px;}
.space15 {width:100%;height:15px;clear:both;}
.space20 {width:100%;height:20px;clear:both;}
.space25 {width:100%;height:25px;margin:0px 0 0 0;}
.space30 {width:100%;height:30px;margin:0px 0 0 0;}
.space35 {width:100%;height:35px;margin:0px 0 0 0;}
.space40 {width:100%;height:40px;margin:0px 0 0 0;}
.space45 {width:100%;height:45px;margin:0px 0 0 0;}
.space50 {width:100%;height:50px;margin:0px 0 0 0;}
.space55 {width:100%;height:55px;margin:0px 0 0 0;}
.space60 {width:100%;height:60px;margin:0px 0 0 0;}
.space75 {width:100%;height:75px;margin:0px 0 0 0;}
.space90 {width:100%;height:90px;margin:0px 0 0 0;}
.space120 {width:100%;height:120px;margin:0px 0 0 0;}
.space135 {width:100%;height:135px;margin:0px 0 0 0;}
.space150 {width:100%;height:150px;margin:0px 0 0 0;}
.contentWrap1360 {width: 90%;max-width: 1350px;margin: 0 auto;height: auto;position: relative;}

h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif;}
h1 {font-size: 38px; font-weight:400; margin:10px 0 10px 0; letter-spacing: -1px; color:#444444;}
h2 {font-size: 22px !important; font-weight:300; color:#4c5880; margin:5px 0 5px 0;}
h3 {font-size: 18px !important; font-weight:300; color:#4c5880; margin:5px 0 10px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 14px;}

h3.login {
    font-size: 18px !important;
    font-weight: 300;
    color: lightgoldenrodyellow;
    margin: 5px 0 10px;
    letter-spacing: -1px;
}
@media screen and (max-width:850px) and (min-width:200px)
{
      h1 {font-size: 28px; }
}

/*==============================================
BOOSTRAP OVERRIDES 
==============================================*/
body{background:#FFF !important; line-height:12px !important;}

#wrapper {width:100% !important; min-width:350px !important;background:#f4f4f4}
#page-wrapper {background:url(../images/bgimg--pagebodyLR.jpg)  #FFF ; background-size:cover; min-height:1200px ;padding: 0 15px; margin:0 0 0 250px;}
#page-wrapper label {color:#FFF; text-transform:uppercase;margin:10px 0 0 0 !important; font-weight:400;}
#page-wrapper100 {background:url(../images/bgimg--pagebodyLR.jpg)  #FFF ; background-size:cover; min-height:600px ;padding: 0 15px; margin:0;}
#page-wrapper100 label {color:#FFF; text-transform:uppercase;margin:10px 0 0 0; font-weight:400;}
.page-header {margin:10px 0 10px 0 !important; padding-bottom: 0px; margin: 40px 0 40px; border-bottom: 3px solid #444444;}
.navbar-default {position:relative;}
.navbar-default {background:#FFF !important; border:none !important;}
.logo {width:350px; height:100px; position:absolute; margin:10px 0 0 10px;}
.logo img {width:95%;height:auto;}
.hdrWrapper {width:100%; height:120px; position:fixed; top:0; z-index:999; box-shadow:0px 2px 1px #b5b5b5 !important;  }
.sideNavWrapper {position:relative; width:250px; height:auto; margin:135px 0 0 0; padding:0 0 0 0; position:absolute; z-index:998; font-family:'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif; }
.sideNavWrapper ul  {margin:0 0 0 -40px;line-height:25px;}
.sideNavWrapper li  {border-bottom:1px solid #FFF; list-style-type:none !important; }
.sideNavWrapper li a {color:#5b6999 !important; font-size:13px !important; display:block; padding:10px 0 10px 20px; text-decoration:none;}
.sideNavWrapper li > a.active {background:; }
.sideNavWrapper li > a:focus {background:#4c5880 !important; color:#FFF !important;}
.sideNavWrapper li > a:hover {background:#4c5880 !important; color:#FFF !important;}


@media (max-width: 850px) {

    .sideNavWrapper {
        width: 100%;
        position: relative;
        margin: 120px 0 0 0;
        display: none;
    }

    .mobilenavborder {
        width: 90%;
        height: 1px;
        line-height: 1px;
        font-size: 0px;
        margin: 0 auto;
        background: #4068a9;
    }

    .noshowmobile {
        display: none !important;
    }

    .logo {
        width: 250px;
        height: 50px;
        position: absolute;
        margin: 10px 0 0 10px;
    }

    .mobile-nav-wrapper {
        background: #e0c697 !important;
    }

    .hdrWrapper {
        height: 120px;
    }

    #page-wrapper {
        position: inherit;
        margin: 0 0 0 0;
        padding: 0 30px;
        border-left: none;
    }

    #page-wrapper100 {
        position: inherit;
        margin: 0 0 0 0;
        padding: 0 30px;
        border-left: none;
    }
}



@media (max-width: 850px) and (min-width:651px) {

    .navbar-right {
        float: right;
        bottom: 0;
        margin: 0 0px 0 10px;
        min-width: 250px;
    }
}



@media (max-width: 650px) {

    .navbar-right {
        min-width: 250px;
        margin: 0 auto;
    }
}

.navbar-top-links { margin-right: 0 !important; margin-top:7px !important;}
.navbar-top-links li {display: inline-block;}
.navbar-top-links li:last-child { margin-right: 15px;}
.navbar-top-links li a {padding:5px !important; background:transparent !important; margin:0 0 0 0; }
.navbar-top-links li a:hover {background:transparent !important;}

.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0;}
.navbar-top-links .dropdown-menu li a {padding: 3px 20px; min-height: 0;}
.navbar-top-links .dropdown-menu li a div { white-space: normal;}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {width: 310px; min-width: 0;}
.navbar-top-links .dropdown-messages {margin-left: 5px;}
.navbar-top-links .dropdown-tasks { margin-left: -59px;}
.navbar-top-links .dropdown-alerts {margin-left: -123px;}
.navbar-top-links .dropdown-user {right: 0;left: auto;}

@media (max-width: 650px) {

    .notificationPOS {
        display: none;
    }

    .notificationInnerWrap {
        background: #4c5880;
        padding: 5px 0 10px 0;
        
        border-bottom: 1px solid #f4f4f4;
        position: relative;
        z-index: 100;
    }
}

@media (min-width: 650px) {.notificationMobilePOS { display: none; }}

/*Form Styles*/
.form-control {height:40px !important; background:#eaeaea; border-radius:0;border:none; }
.btn {height:45px; border-radius:0 !important;}

.panel-body {padding:15px 0 !important;}

.bumpht55 {min-height: 55px !important;}
.bumpht75 {min-height: 75px !important;}
.bumpht116 {min-height: 116px !important;}
.bumpht150 {min-height:150px !important;}
.floatR {float:right;}


/*==============================================
FOOTER CLASSES 
==============================================*/
.footerWrapper {width:100%; height:auto; position:relative; /*box-shadow:0 -2px 4px #b5b5b5;*/ border-top:5px solid #5b6999; line-height:20px;font-size:11px;color:#5b6999;}
.footerInnerWrap {width:100%; height:350px; background: url(../Images/bgimg--footer.jpg) top center no-repeat #F7F8F8; background-size:cover; border-bottom:3px solid #EEEFF0}
.subfooter {width:100%; height:40px; background:#5b6999; border-top:5px solid #e4a22b; position:relative; margin:0;}
.subfooterContent {width:90%; min-width:350px; min-height:20px; margin:0 auto; color:#808080; font-size:11px; padding:30px 0 0 30px;}
.copywright {position:absolute;bottom:5px;left:20px;line-height:20px;font-size:11px;color:#f4f4f4;font-weight:300;} 
                                              
/*@media (max-width: 1600px) and (min-width: 1400px)
{
    .footerInnerWrap {width:100%; height:350px; }
}*/

/*@media (max-width: 1399px) and (min-width: 1200px)
{
    .footerInnerWrap {width:100%; height:300px; }
}*/

@media (max-width: 1199px) and (min-width:850px)
{
    .footerInnerWrap {width:100%; height:300px; }
}

@media (max-width: 849px) 
{
    .footerInnerWrap {width:100%; height:auto; }
}

/*==============================================
END FOOTER CLASSES 
==============================================*/

/*==============================================
6 COLUMN RESPONSIVE TABLE WITH CUSTOM SCROLL
==============================================*/
.tablewrap {font-family: 'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif; background:#5b6999; border-radius:6px; padding:6px 0 0 0 !important; width:99%; margin:10px;}
.tableheader {background:#5b6999 !important; padding:20px 8px !important; color:#FFF; height:60px; border-radius:6px 6px 0 0; font-size:14px; font-weight:600; }
.tablebody {background:#FFF; font-size:12px; font-weight:400; border-radius:0 0 6px 6px;}

.row {line-height:20px; padding:10px 0 10px 10px; border:none !important;}
div.tablebody > div:nth-of-type(odd) {background: #efefef !important}

.datacol1 {width:15%; float:left; padding-left:20px;}
.datacol2 {width:20%; float:left;}
.datacol3 {width:20%; float:left;}
.datacol4 {width:20%; float:left;}
.datacol5 {width:10%; float:left;}
.datacol6 {width: 15%;float: left;}
.datacol1Big {width: 70%; float: left;padding-left: 40px; padding-right: 5px;}


@media (min-width:1025px) and (max-width: 1150px)
{ 
    .datacol4 {width:25%;} 
    .datacol5 {width:20%;} 
    .datacol6 {display:none;} 
    .tablewrap {width:96%}
}

@media (min-width: 850px) and (max-width: 1024px) 
{ 
    .datacol1, .datacol2, .datacol3, .datacol4 {width:25%;}
    .datacol5 {display:none;} 
    .datacol6 {display:none;} 
    .tablewrap {width:96%}
}
@media (min-width: 450px) and (max-width: 849px) 
{  
    .datacol1, .datacol2, .datacol3 {width:33%;}
    .datacol4 {display:none;} 
    .datacol5 {display:none;} 
    .datacol6 {display:none;} 
    .tablewrap {width:96%}
}

@media (max-width: 470px) 
{ 
    .datacol1, .datacol2 {width:50%;}
    .datacol3 {display:none;} 
    .datacol4 {display:none;} 
    .datacol5 {display:none;} 
    .datacol6 {display:none;} 
    .tablewrap {max-width:97%}
}

.TableScroll
{
max-height: 350px !important;
overflow-y:scroll !important;
overflow-x: hidden;
scrollbar-base-color: #e0c697;
scrollbar-face-color: #e0c697;
scrollbar-3dlight-color: orange;
scrollbar-highlight-color: red;
scrollbar-track-color: #FFF;
scrollbar-arrow-color: #e0c697;
scrollbar-shadow-color: none;
border:none;
/*scrollbar-dark-shadow-color: red;*/
}

.TableScroll::-webkit-scrollbar {width: 16px; height: 3px;}
.TableScroll::-webkit-scrollbar-button {background-color: none; }
.TableScroll::-webkit-scrollbar-track {background-color: #4c5880;}
.TableScroll::-webkit-scrollbar-track-piece {background-color: #FFF; border-radius:3px;}
.TableScroll::-webkit-scrollbar-thumb {height: 50px; background-color: #4c5880; border-radius: 3px;}
.TableScroll::-webkit-scrollbar-corner {background-color: #4c5880;}
.TableScroll::-webkit-resizer {background-color: #4c5880;}
.TableScroll::-webkit-scrollbar-arrow-color{background-color:#4c5880}

/* 20210325 added override for the height for large screen*/
.TableScroll650h {
    max-height: 650px !important;
}
    /*==============================================
END 6 COLUMN RESPONSIVE TABLE
==============================================*/
    .bodycopywrap 
{
font-family: 'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif; 
color:#FFF; 
margin:20px 0 20px 0; 
font-size:13px; 
font-weight:300;
line-height:24px;
}

/*==================================================
FORM STYLE
==================================================*/

.form-headerwrap {font-family: 'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif; width:350px;height:55px;background:#c49133; padding:5px; border-radius:0; border:4px solid #FFF; position:relative;z-index:10;margin:0 0 0 25px; box-shadow:0px 1px 2px #808080;}
.form-headerwrap:hover {background:#4c5880;}
.form-headerlabel {font-size:18px; font-weight:400;color:#FFF;text-transform:uppercase; padding:15px 0 0 0;}
.form-outerwrap {font-family: 'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif; width:100%;height:auto;background:none; padding:10px 0 0 0; border-radius:0;}
.form-innerwrap {width:95%; height:auto; margin:0 0 0 15px; background:#FFF; border:12px solid #eaeaea;border-radius:0px; padding:15px 0 0 0; box-shadow:0px 1px 2px #808080;}
.form-listwrapper {padding:20px;border:1px solid #d3d3d3; border-radius:4px; background:#f2f3f6;}
.form-subcatwrap {width:100%; height:auto; margin:0 auto; background:transparent; border:1px solid #777; border-radius:0px; padding:10px 20px 20px 20px;}
.icon-callinfo {width:30px; height:30px; margin:5px 10px 0 0; background:url('../Images/icon--callerinfo.png') no-repeat top center; background-size:contain; float:left;}
.icon-contactinfo  {width:30px; height:30px; margin:5px 10px 0 0; background:url('../Images/icon--contactinfo.png') no-repeat top center; background-size:contain; float:left;}
.icon-contactnotes  {width:30px; height:30px; margin:5px 10px 0 0; background:url('../Images/icon--notes.png') no-repeat top center; background-size:contain; float:left;}
.icon-callcategory  {width:30px; height:30px; margin:0 10px 0 0; background:url('../Images/icon--category.png') no-repeat top center; background-size:contain; float:left;}
.form-outerwrap label {font-size:11px; color:#4c5880 !important}
.form-phonewrap {width:45%; float:left; margin-right:5px;}
.form-extwrap {width:15%;float:left;margin-right:5px;}
.form-phonetypewrap {width:35%; float:left; }
.form-splitcolwrap {width:46%; float:left; }
.form-thirdwrap {width: 30%; float: left; position: relative; z-index: 98;}
.form-thirdwrapNoZ {width: 30%; float: left; position: relative; }
.form-z100 {z-index:100;}
.form-rtmargin {margin-right:5%;}
.form-rtmargin3 {margin-right:3%;}
.formdivider {width:90%; margin:0 auto; height:1px; line-height:1px;font-size:1px; background:#d3d3d3; margin-top:20px; margin-bottom:20px;}
.btn-default {color:#5b6999; background: #f4f4f4; height: 41px; border:0;}
.sectionDivider {width:100%;height:4px;background: #c49133;position:relative;margin:-26px 0 0 0;z-index:1;}
.btn-default.active, 
.btn-default.focus, 
.btn-default:active, 
.btn-default:focus, 
.btn-default:hover, 
.open > .dropdown-toggle.btn-default
{
background:#4c5880; color:#FFF;
}

.lblcaller {font-size:11px !important; font-weight:800 !important; width:90px !important;}
.txtcaller {font-size:12px !important; font-weight:400 !important; width:150px !important;}
.redtype {color:#B93E96 !important; font-weight:700!important;}
.graybg {background:#f2f3f6 !important;}
.modalPopupLabels {color: #4788d1 !important; font-weight: 700 !important;}
.bttnSave {width:140px;height:45px;background:#5b6999;border:6px solid #FFF; box-shadow:0px 1px 1px #888888;color:#FFF; float:right;margin-right:35px; font-size:16px;font-weight:600;text-transform:uppercase;}
.bttnSave:hover {background:#4c5880;}

.bttnWideSave {
    width: 200px;
    height: 45px;
    background: #5b6999;
    border: 6px solid #FFF;
    box-shadow: 0px 1px 1px #888888;
    color: #FFF;
    float: right;
    margin-right: 35px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

    .bttnWideSave:hover {
        background: #4c5880;
    }

.bttnWidestSave {
    width: 300px;
    height: 45px;
    background: #5b6999;
    border: 6px solid #FFF;
    box-shadow: 0px 1px 1px #888888;
    color: #FFF;
    float: right;
    margin-right: 35px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

    .bttnWidestSave:hover {
        background: #4c5880;
    }

.bttnWidest2Save {
    width: 580px;
    height: 45px;
    background: #5b6999;
    border: 6px solid #FFF;
    box-shadow: 0px 1px 1px #888888;
    color: #FFF;
    float: right;
    margin-right: 35px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

    .bttnWidest2Save:hover {
        background: #4c5880;
    }

/*==========================================
4 Column Responsive Grid (Tab Nav)
==========================================*/

.sectionGrid4 {	clear: both;	padding: 0px;	margin: 0px;}
.colGrid4 {	display: block;	float:left;	margin: .5% 0 .5% 1.6%;}
.colGrid4:first-child { margin-left: 0; }
.groupGrid4:before,
.groupGrid4:after { content:""; display:table; }
.groupGrid4:after { clear:both;}
.groupGrid4 { zoom:1; /* For IE 6/7 */ }
.span_4_of_4Grid4 {	width: 100%;}
.span_1_of_4Grid4 img {	width: 95%; height:auto;}
.span_3_of_4Grid4 {	width: 74.6%;}
.span_2_of_4Grid4 {	width: 49.2%;}
.span_1_of_4Grid4 {	width: 23.8%; background:}


@media (max-width: 1175px) and (min-width: 850px) 
{
    .colGrid4 {  margin: 0% 1% 1% 0px ; }
    .span_1_of_4Grid4, .span_2_of_4Grid4, .span_3_of_4Grid4, .span_4_of_4Grid4 { width: 48%; }
}

@media (max-width: 849px) and (min-width: 768px) 
{
    .colGrid4 {  margin: 0% 0% 1% 0%; }
    .span_1_of_4Grid4, .span_2_of_4Grid4, .span_3_of_4Grid4, .span_4_of_4Grid4 { width: 100%; }
}

@media (max-width: 767px) and (min-width: 575px) 
{
    .colGrid4 {  margin: 0% 1% 1% 0px ; }
    .span_1_of_4Grid4, .span_2_of_4Grid4, .span_3_of_4Grid4, .span_4_of_4Grid4 { width: 48%; }
}

@media (max-width: 574px)
{
    .colGrid4 {  margin: 0% 0% 1% 0%; }
    .span_1_of_4Grid4, .span_2_of_4Grid4, .span_3_of_4Grid4, .span_4_of_4Grid4 { width: 100%; }
    .form-thirdwrap {width:100%;}
}


.panel-primary > .panel-heading
{
color:#FFF;
background:#e0c697 !important;
border-color:#e0c697;
}

.panel-primary:hover > .panel-heading {background:#B93E96 !important;}



.panel-heading
{
font-family: 'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif;
height:115px;
padding:5px 5px 0px 5px;
border-bottom:0px solid transparent;
border-radius:3px;
position:relative;
}

/* 20240918 - adding this to override panel-heading height for summernote */
.note-toolbar {
    height: 42px !important;
}

.nav-footer {
    font-size: 11px;
    font-weight: 600;
    color: #e0c697;
    padding: 5px 15px !important;
    background-color: #e0c697;
    border-top: 0px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.icon-navcallinfo {width:111px;height:70px;background: url('../Images/icon--dialoguebubble.png') no-repeat top center; position:absolute;}
.icon-navresponse {width:111px;height:70px;background: url('../Images/icon--response.png') no-repeat top center; position:absolute;}
.icon-navproductinfo {width:111px;height:70px;background: url('../Images/icon--send.png') no-repeat top center; position:absolute;}
.icon-navcallsummary {width:111px;height:70px;background: url('../Images/icon--approve.png') no-repeat top center; position:absolute;}
.icon- {width:111px;height:70px;background: url('../Images/icon--approve.png') no-repeat top center; position:absolute;}


.nav-target
{
font-family: 'Merriweather Sans', Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:300;
width:100%;
height:auto;
font-size:22px;
font-weight:200;
position:absolute;
bottom:10px;
text-align:center;
line-height:22px;
}

.rowwrapper {margin:0 0 0 10px;}
/*==========================================
END 4 Column Responsive Grid (Tab Nav)
==========================================*/

/*=============================================
3 COLUMN RESPONSIVE GRID
=============================================*/

.section3 {clear: both;padding: 0px;margin: 0px;}
.col3 {display: block;float:left;margin: 0% 0 0% .5%;}
.col3:first-child { margin-left: 0; }
.group3:before,
.group3:after { content:""; display:table; }
.group3:after { clear:both;}
.group3 { zoom:1; /* For IE 6/7 */ }
.span3_3_of_3 { width: 100%; }
.span3_2_of_3 { width: 66.5%; }
.span3_1_of_3 { width: 33%; position:relative; }

.tabNavWrapper {width:;height:auto;background:#5b6999;color:#FFF;text-align:center;margin:0 0 0 250px;}
.tabNavWrapper a {color:#FFF;text-decoration:none; display:block;padding:40px 0; font-size:18px;font-weight:300;}
.tabNavWrapper a:hover {background:#4c5880;}
.borderRT {height: 50px; width:1px; background:#f4f4f4; position:absolute; right:0;top:20px;}

@media only screen and (min-width: 1501px) 
{
.tabNavWrapper a {color:#FFF;text-decoration:none; display:block;padding:60px 0; font-size:22px;font-weight:300;}
.borderRT {height: 70px; width:1px; background:#f4f4f4; position:absolute; right:0;top:30px;}
}

@media only screen and (max-width: 850px) 
{
.tabNavWrapper {margin:0;}
}

@media only screen and (max-width: 650px) 
{
.tabNavWrapper a { font-size:14px; }
}

@media only screen and (max-width: 650px) 
{
.col3 {  margin: 0%; }
.span3_3_of_3, .span3_2_of_3, .span3_1_of_3 { width: 100%; }
.tabNavWrapper a {padding:15px 0;  font-size:16px; border-bottom:1px solid #f4f4f4; }
}

/*============================================
5 COLUMN RESPONSIVE GRID 
============================================*/

.sectionGrid5 {	clear: both;	padding: 0px;	margin: 0px;}
.colGrid5 {	display: block;	float:left;	margin: 1% 0 1% 2%;}
.colGrid5:first-child { margin-left: 0; }
.groupGrid5:before,
.groupGrid5:after { content:""; display:table; }
.groupGrid5:after { clear:both;}
.groupGrid5 { zoom:1; /* For IE 6/7 */ }
.span_5_of_5Grid5 {	width: 100%;}
.span_4_of_5Grid5 {	width: 79.6%;}
.span_3_of_5Grid5 {	width: 59.2%;}
.span_2_of_5Grid5 {	width: 38.8%;}
.span_1_of_5Grid5 {	width: 18.4%; text-align:left; background:; position:relative;}
.span_1_of_5Grid5 img { width: 100%; height: auto; box-shadow:-10px 10px 0px #d3d3d3; border:1px solid #d3d3d3;}
.span_2_of_5GF5 {	width: 38.8%;}
.span_3_of_5GF5 {	width: 59.2%;}

@media only screen and (max-width: 480px) 
{
.colGrid5 {  margin: 1% 0 1% 0%; }
.span_1_of_5Grid5, .span_2_of_5Grid5, .span_3_of_5Grid5, .span_4_of_5Grid5, .span_5_of_5Grid5 { width: 100%; }
.span_1_of_5Grid5 img { width: 80%; height: auto;}
}

@media only screen and (max-width: 750px) 
{
.span_2_of_5GF5 {	width: 100%;}
.span_3_of_5GF5 {	width: 100%;}

}


/*================================
CHECKBOX AND RADIO BUTTON STYLES
================================*/

/* outer container */
.container 
{
display: block;
position: relative;
padding:10px 0 0 35px;
margin-bottom: 12px;
margin-right:20px;
cursor: pointer;
font-size: 14px !important;
font-weight:300;
letter-spacing:-.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float:left;
}

/* Hide the browser's default checkbox */
.container input 
{
position: absolute;
opacity: 0;
}

/* Checkbox */
.checkmark 
{
position: absolute;
top: 5px;
left: 0;
height: 28px;
width: 28px;
background-color: #eee;
border:2px solid #808080;
border-radius:3px;
}

/* hover effect */
.container:hover input ~ .checkmark 
{
background-color: #4c5880;
}

/* Background when checked */
.container input:checked ~ .checkmark 
{
background-color: #c49133; 
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after 
{
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after 
{
display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after 
{
left: 10px;
top: 0px;
width: 10px;
height: 25px;
border: solid #FFF;
border-width: 0 5px 5px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.check-qualifier
{
padding:15px 0 0 35px;
font-size:12px;
line-height:12px;
font-style:italic;
}



/*=========slightly smaller checkboxes========*/


/* outer container */
.containerSM
{
display: block;
position: relative;
padding:7px 0 0 25px;
margin-bottom: 12px;
margin-right:20px;
cursor: pointer;
font-size: 12px !important;
font-weight:300;
letter-spacing:-.5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float:left;
}

/* Hide the browser's default checkbox */
.containerSM input 
{
position: absolute;
opacity: 0;
}

/* Checkbox */
.checkmarkSM 
{
position: absolute;
top: 5px;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border:2px solid #808080;
border-radius:3px;
}

/* hover effect */
.containerSM:hover input ~ .checkmarkSM 
{
background-color: #4c5880;
}

/* Background when checked */
.containerSM input:checked ~ .checkmarkSM 
{
background-color: #c49133;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkSM:after 
{
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.containerSM input:checked ~ .checkmarkSM:after 
{
display: block;
}

/* Style the checkmark/indicator */
.containerSM .checkmarkSM:after 
{
left: 5px;
top: -3px;
width: 9px;
height: 18px;
border: solid #FFF;
border-width: 0 4px 4px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


/*=======RADIO BUTTONS=======*/

.radioOneThird
{
    width: 33% !important;
    padding-right: 25px !important;
}

.radioSummaryText {
    font-size: 11px !important;
    color: #c49133 !important;
    text-transform: none !important;
}

.radioSummaryTextLarger {
    font-size: 15px !important;
    color: #c49133 !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* outer container */
.radioContainter 
{
display: block !important;
position: relative !important;
padding: 2px 0 0 30px !important;
margin-bottom: 12px !important;
cursor: pointer !important;
font-size: 12px !important;
color:#e0c697;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
float:left !important;
width:190px;
}

/* Hide the default radio button */
.radioContainter input {
    position: absolute;
    opacity: 0;
}

/* Radio button */
.radioButton 
{
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border:2px solid #808080;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radioContainter:hover input ~ .radioButton {
    background-color: #4c5880;
}

/* When the radio button is checked, add a blue background */
.radioContainter input:checked ~ .radioButton {
    background-color: #c49133;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioContainter:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioContainter input:checked ~ .radioButton:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radioContainter .radioButton:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.radioContainerWider {
    width: 270px !important;
    padding: 2px 5px 0 30px !important;
}

.outbreakWrapper {background:#EEEFF0;color:#808080 !important; padding:7px 0 7px 10px; height:60px; margin:5px 0 0 0; border-radius:3px;}
.lbloutbreak {float:left; padding:12px 0 10px 0; margin:0 10px 0 0; font-size:13px; font-weight:800 !important;}
.adverseeffectsWrapper {
    background: #F9FBC8;
    color: #808080 !important;
    padding: 7px 0 7px 10px;
    margin: 5px 0 0 0;
    border-radius: 3px;
    display: block;
    overflow: auto;
}

.diagnosisWrapper {
    background: #F9FBC8;
    color: #808080 !important;
    padding: 7px 0 7px 10px;
    margin: 5px 0 0 0;
    border-radius: 3px;
    display: block;
    overflow: auto;
}

@media (max-width: 768px) {
    .outbreakWrapper {height:120px;}
}

/*================================
END CHECKBOX STYLES
================================*/

/*================================
TASK DROP DOWN MENUS
================================*/

.dropdown-menu {padding:0 0 !important;}
.hdr-workqueue {background:#5b6999; text-align:center; color:#FFF;padding:15px 0 15px 0 !important;}
.hdr-incompletecallitems {background:#c26241; text-align:center; color:#FFF;padding:15px 0 15px 0 !important;}
.hdr-callsummariestosend {background:#c49133; text-align:center; color:#FFF;padding:15px 0 15px 0 !important;}
.hdr-callsnotreturned {background:#444444; text-align:center; color:#FFF;padding:15px 0 15px 0 !important;}
.hdr-callstotriage {background:#5e9644; text-align:center; color:#FFF;padding:15px 0 15px 0 !important;}

@media (max-width: 768px) 
{
    .workqueuePOS {margin: 0 0 0 -5px !important;}
    .incompletecallPOS  {margin: 0 0 0 -65px !important;}
    .callsummariesPOS {margin: 0 0 0 -130px !important;}
    .callnotreturnedPOS {margin: 0 0 0 -195px !important;}
    .callstoTriagePOS {margin: 0 0 0 -255px !important;}
}

.workItems
{
padding: 2px 6px 2px 6px !important;
font-size:11px;
font-weight: bold !important;
color: #FFF !important;
background-color: #c49133 !important;
float: left !important;
border-radius: 14px !important;
margin: -10px 0 0 5px !important;
box-shadow: 0px 1px 2px #FFF !important;
line-height:12px;
}

.incompleteCallItems
{
padding: 2px 6px 2px 6px !important;
font-size:11px;
font-weight: bold !important;
color: #FFF !important;
background-color: #c49133 !important;
float: left !important;
border-radius: 14px !important;
margin: -10px 0 0 5px !important;
box-shadow: 0px 1px 2px #FFF !important;
line-height:12px;
}

.callSummaryItems
{
padding: 2px 6px 2px 6px !important;
font-size:11px;
font-weight: bold !important;
color: #FFF !important;
background-color: #c49133 !important;
float: left !important;
border-radius: 14px !important;
margin: -10px 0 0 5px !important;
box-shadow: 0px 1px 2px #FFF !important;
line-height:12px;
}

.callsNotReturnedItems
{
padding: 2px 6px 2px 6px !important;
font-size:11px;
font-weight: bold !important;
color: #FFF !important;
background-color: #c49133 !important;
float: left !important;
border-radius: 14px !important;
margin: -10px 0 0 5px !important;
box-shadow: 0px 1px 2px #FFF !important;
line-height:12px;
}

.callsTriageItems
{
padding: 2px 6px 2px 6px !important;
font-size:11px;
font-weight: bold !important;
color: #FFF !important;
background-color: #c49133 !important;
float: left !important;
border-radius: 14px !important;
margin: -10px 0 0 5px !important;
box-shadow: 0px 1px 2px #FFF !important;
line-height:12px;
}


/*================================
END TASK DROP DOWN MENUS
================================*/


.icon-plus {width:20px; height:20px; position:absolute; top:15px; right:10px; background:url(../Images/icon--plus.png) center right; float:right;}
.pointer {cursor:pointer;}

#callerInfo, #contactAttempts, #consultationdetails, #linkedCallsInfo, #fileuploads, #healthdeptnotification {
    width:;
    height: auto;
    padding: 20px 0px 20px 0px;
    display: none;
}

#callinfocaller
{
width: ;
height: auto;
/*padding:20px;*/
display:;
}

#callinfoSummary
{
width: ;
height: auto;
padding:20px;
display:;
}

.lbl-case-status
{
font-size:18px;
font-weight:600;
color:#c49133;
}

.lbl-case-ta-loe {
    font-size: 12px;
    font-weight: 600;
    color: #c49133;
}

.lbl-case-status-additional-info {
    font-size: 12px;
    font-weight: 600;
    color: #ef3042;
}

.status-hr
{
width:95%;
height:1px;
background:#FFF;
margin:0 auto;
margin-top:5px;
margin-bottom:5px;
}

.case-status
{
width:350px;
min-height:50px;
line-height:16px;
background:#e0c697;
border-radius:3px;
box-shadow:0px 1px 1px #777;
position:absolute;
left:50%;
bottom:5px;
padding:10px;
color:#FFF;
font-size:12px;
}

@media (max-width: 768px) 
{
    .case-status { display:none; }
}

.closeme
{
width:120px;
height:60px;
position:absolute;
font-size:14px;
font-weight:400;
top:0;
right:5px;
text-align:right;
padding:0;
cursor:pointer;
z-index:999;
color:#FFF;
float:right;
line-height:22px;
}

.indicates-required
{
font-size:12px;
font-weight:500;
color:#4c5880;
width:auto;
margin:10px 0;
}

.is-required
{
position:absolute;
font-size:12px;
font-weight:500;
color:#4c5880;
margin:7px 0 0 -7px;
}


/*==============================
CALL CATEGORY "RADIO BUTTONS"
==============================*/

.CallCatRadio {overflow: hidden;background-color: #FFF;width:98%;margin:0 auto;}

.CallCatRadio button 
{
background: url(../Images/icon--Radio.png) no-repeat left top;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 15px 0px 10px 25px;;
transition: 0.3s;
font-size: 14px;
color:#e0c697;
text-align:left;
}

.CallCatRadio button:hover {background: url(../Images/icon--RadioHover.png) no-repeat left top;}
.CallCatRadio button.active {background: url(../Images/icon--RadioActive.png) no-repeat left top;}
.tabcontent {display: none;padding: 6px 12px;border: 0px solid #ccc;border-top: none;}


/* ser override bootstrap modal*/
.modal-dialog,
.modal-content {
    /* 80% of window height */
    /*height: 85%;*/
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /*max-height: calc(100% - 50px);
    overflow-y: scroll; */
    max-height: 100%;
}

/* 20200218 - SER Slider style */
.slidecontainer {
    width: 100%;
}

/*.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 23px;
        height: 24px;
        border: 0;
        background: #4c5880;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 23px;
        height: 24px;
        border: 0;
        background: #4c5880;
        cursor: pointer;
    }*/

    /*Microsoft specific style*/
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
}

input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}
    /*End Microsoft specific style*/

.article-to-attach {
    line-height: 18px;
    background: #5b6999;
    border-radius: 22px;
    box-shadow: 1px 2px 2px #777;
    bottom: 4px;
    right: 5px;
    padding: 5px 5px 5px 5px;
    margin-top: 8px;
    margin-right: 20px;
    color: #FFF;
    font-size: 14px;
}

.sntcpadding {
    padding: 5px 12px 5px 5px;
}

.sntcfloatright {
    float: right;
    padding: 5px 5px 5px 5px;
}


/*========================================
Header Nav
========================================*/
.hdrOuterWrap {width:100%; height:110px;position:fixed; margin:0 0 0 0; z-index:999;}

.hdrInnerWrap {width:100%; height:110px;position:relative; margin:25px 0 0 0; background:url(../images/bgimg--header.png) no-repeat top left #FFF;border-bottom:3px solid #eaeaea; }

.logoX2 {width:652px;height:auto;position:relative; top:12%;margin:0 0 0 15px; background:;}

.logoX2 img {width:90%; height:auto;}

.hdrNotifications {width:100%;height:30px;background:#5b6999;position:absolute;z-index:100; top:0;}

.lblNetwork {width:260px;position:absolute;left:20px;bottom:5px; color:#FFF;font-size: 15px;font-weight: 600;}

.lblCenter {width: 175px; position: absolute; left: 280px; bottom: 5px; color: #FFF;font-size: 15px;font-weight: 600;}

 

 

@media screen and (max-width:1275px) and (min-width:1230px)

{

 

}

@media screen and (max-width:1229px) and (min-width:1160px)

{

 

}

@media screen and (max-width:1159px) and (min-width:900px)

{

 

}

 

@media screen and (max-width:650px) and (min-width:575px)

{

    .logoX2 {width:530px;height:auto;margin:10px 0 0 15px;}

    .logoX2 img {width:90%; height:auto; }

}

 

@media only screen and (max-width: 574px) and (min-width:501px)

{

    .logoX2 {width:410px;height:auto;margin:15px 0 0 15px;}

    .logoX2 img {width:95%; height:auto; }

}

 

@media only screen and (max-width: 500px)

{

    .logoX2 {width:300px;height:auto;margin:15px 0 0 15px;}

    .logoX2 img {width:90%; height:auto; }

    .hide500 {display:none;}

    .show500 {display:block;}

    .form-headerwrap {width:300px;height:55px;background:#c49133; padding:5px; border-radius:0; border:4px solid #FFF; position:relative;z-index:10;margin:0 0 0 25px; box-shadow:0px 1px 2px #808080;}

    .form-headerlabel {font-size:14px; font-weight:700;color:#FFF;text-transform:uppercase; padding:15px 0 0 0;}

}

 

@media only screen and (min-width: 501px)

{

    .show500 {display:none;}

}

 

 

@media screen and (max-width:1120px)

{

.hdrOuterWrap {height:110px; min-width:365px; }

.hdrInnerWrap {width:100%; height:110px; float:left;position:relative;}

.hdrNotifications {display:;}

.mobileNav {width:120px;height:80px; position:absolute; background:none; z-index:210; right:0;top:35px;}

.mobileNavClose {width:120px;height:80px; position:absolute; background:none; z-index:100; right:0; top:35px; display:none; color:#FFF; font-size:42px; text-align:center;}

.iconClose {width:50px;height:52px; background:url(../images/icon-close.png) no-repeat top center; margin:0 auto; margin-top:-5px;}

.mobileNavContainer {display:none; background:#5b6999; padding:30px 0;margin: 135px 0 0 0; position: absolute; width: 100%; z-index:99; box-shadow:0px 1px 3px #777;}

.mobileNavInnerContainer {font-family: gentona, Work Sans, sans-serif; width:90%;margin:0 auto; position:relative;}

.mobileNavInnerContainer ul {margin:0 0 0 -40px; list-style:none; }

.mobileNavInnerContainer li {font-size:20px;padding: 0; border-bottom:1px solid #FFF;}

.mobileNavInnerContainer li a {color:#FFF; padding:12px 0 12px 0; display:block; font-weight:300 !important; text-decoration:none;}

.mobileNavInnerContainer li a:hover {background:#4c5880}

}

 

@media screen and (min-width:850px)

{

.mobileNav, .mobileNavClose {display:none !important;}

.mobileNavContainer {display:none !important;}

}

 

.icon-navbar-wrapper

{

width:120px;

height:80px;

background:transparent;

border:none;

margin:0 auto;

margin-top:25%;

cursor:pointer;

}

.icon-navbar

{

display: block;

width: 36px;

height: 3px;

border-radius: 1px;

background:#5b6999;

margin:5px 0;

margin:0 auto;

margin-top:8px;

margin-bottom:8px;

}
    /*==============================
MEGA MENU
==============================*/

    .megaWrap {
        width: 380px;
        height: auto;
        position: absolute;
        right: 50px;
        margin: 0px 0 0 0;
    }
    /*// original   */
    .megaWrap {
        width: 600px;
        height: auto;
        position: absolute;
        right: 65px;
        margin: 0px 0 0 0;
    }
    /*update for Update HQ   */

    /*reset basic styles / defaults */
    .nav,
    .nav a,
    .nav ul,
    /*.nav li,*/
    .nav div,
    .nav form,
    .nav input {
        margin: 0;
        padding: 0;
        border: none;
        outline: none;
    }

        .nav a {
            text-decoration: none;
        }

        .nav li {
            list-style: none;
        }
    /*end reset basic styles / defaults */

    .nav {
        display: inline-block;
        position: relative;
        cursor: default;
        z-index: 500;
        background:;
    }

        .nav > li {
            display: block;
            float: left;
            list-style: none;
        }


            .nav > li > a {
                position: relative;
                display: block;
                z-index: 510;
                height: 16px;
                padding: 0 25px 0 25px;
                line-height: 16px;
                font-family: Helvetica, Arial, sans-serif;
                font-weight: 400;
                font-size: 15px;
                color: #FFF;
                text-align: center;
                background:;
                text-transform: uppercase;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -o-transition: all .3s ease;
                -ms-transition: all .3s ease;
                transition: all .3s ease;
                list-style: none;
            }

                .nav > li > a:focus, .nav > li > a:hover, .nav > li > a:active {
                    background: none;
                }

            .nav > li:first-child > a {
                border-radius: 0;
                border-left: none;
            }

            .nav > li > div /*dropdown wrapper*/ {
                position: absolute;
                display: block;
                min-width:;
                min-height: 50px;
                top: 40px;
                left: 145px;
                padding: 10px 10px 10px 10px;
                opacity: 0;
                visibility: hidden;
                overflow: hidden;
                background:;
                box-shadow: 0 2px 3px #444;
                border-radius: 0 0 3px 3px;
                margin-top: 3px !important;
                transition: all .3s ease .15s;
                -webkit-transition: all .3s ease .15s;
                -moz-transition: all .3s ease .15s;
                -o-transition: all .3s ease .15s;
                -ms-transition: all .3s ease .15s;
                font-size: 14px;
                font-weight: 400;
            }

    .ddWork li a {
        background: #FFF;
        display: block;
        padding: 10px 0 5px 10px;
        border-bottom: 1px solid #efefef;
        font-size: 14px;
        text-transform: capitalize;
        color: #76bccc;
    }

        .ddWork li a:hover {
            background: #13d2de;
            color: #FFF;
            display: block;
            font-weight: 600;
            text-decoration: none;
        }

    .nav > li > .ddHome {
        width: 150px !important;
        margin: 0px 0 0 10px;
    }

    .nav > li > .ddWork {
        width: 200px !important;
        margin: 0px 0 0 100px;
    }

    .nav > li > .ddContact {
        width: 150px !important;
        margin: 0px 0 0 205px;
    }

    .nav > li:hover > div /*dropdown wrapper*/ {
        opacity: 1;
        visibility: visible;
        overflow: visible;
        background: #FFF;
        border-bottom: 5px solid #13d2de;
        text-decoration: none;
    }

    .nav .nav-column {
        float: left;
        width: 20%;
        padding: 2.5%;
    }

        .nav .nav-column h3 {
            margin: 20px 0 10px 0;
            line-height: 18px;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: #372f2b;
            text-transform: uppercase;
        }

            .nav .nav-column h3.orange {
                color: #ff722b;
            }

        .nav .nav-column li a {
            display: block;
            line-height: 26px;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 13px;
            color: #888888;
            list-style: none;
        }

            .nav .nav-column li a:hover {
                color: #666666;
            }

    /*.nav li ul { display: none; }*/


    /*==============================
END MEGA MENU
==============================*/


    /*============================
LOGIN
============================*/

    .loginWrap {
        height: 100vh;
        width: 100%;
        background: url(../Images/rotator/img--login.jpg) no-repeat bottom center #75cfe6;
        background-size: cover;
        padding-top: 0px;
        position: relative;
        cursor: pointer;
    }

    .loginFormWrap {
        width: 400px;
        height: auto;
        line-height: 16px;
        background: #5b6999;
        margin: 0 auto;
        color: #FFF;
        padding: 30px;
        border-radius: 3px;
        position: relative;
        opacity: .95;
    }

        .loginFormWrap input, .loginFormWrap textarea {
            position: relative;
            width: 340px;
            padding-left: 5px;
            border-radius: 2px;
        }

    .rememberme {
    }

        .rememberme label {
            padding: 0 0 0 30px;
            margin-top: -0px !important;
            position: absolute;
        }

    #RememberMe {
        width: 20px;
        height: 20px;
        float: left;
        margin: 0 10px 0 0;
        position: absolute;
        z-index: 100;
    }

        #RememberMe label {
            margin: 0 0 0 10px !important;
            position: absolute;
            z-index: 10;
            padding: 10px 0 0 0;
        }

    .bttnLogin input, .bttnLogin textarea {
        height: 75px;
        width: 350px;
        background: none;
        border: 1px solid #FFF;
        border-radius: 2px;
        color: #FFF;
        text-transform: uppercase;
        cursor: pointer;
    }

    .loginFormWrap .bttnLogin input:hover, loginFormWrap textarea:hover {
        background: #4c5880;
        border: 1px solid #FFF;
    }

    .loginFormWrap h4 {
        color: #FFF !important;
        font-size: 22px;
    }

    .loginFormWrap section {
        padding: 0 !important
    }

    .loginlogoutWrap {
        position: fixed;
        height: 15px;
        right: 0px;
        top: -10px;
        width: 400px;
        z-index: 999;
        color: #FFF !important;
    }

        .loginlogoutWrap a {
            color: #FFF !important;
            font-size: 11px !important;
        }



    .modal-title {
        color: #5b6999;
    }

/* 20200916 rm color
 .response-message {
    color: #5e9644;
    font-weight: 500;
    line-height: 120%
}*/
.response-message {
    background-color: #fff;
    line-height: 22px;
}

.response-message-red {
    color: #af1e1e;
    font-weight: 500;
    line-height: 120%
}

    .colGrid1 {
        display: block;
        float: left;
        margin: .5% 0 .5% 1.6%;
        width: 100%;
    }

#mceu_79 {
    background: #000 !important;
}

.mce-edit-area {
    background: #000 !important;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset
{background: #eaeaea !important;}

.hlrequired {
    padding: 8px 8px 8px 8px;
}

.no-results {
    margin-left: 5px;
}


.instructions {
    font-size: 14px;
    font-weight: 500;
    color: #4c5880;
    width: auto;
    margin: 12px 0;
    line-height: 16px;
    padding-left: 10px;
}


/* JSTree remove the highlight of the treeview item and parent*/
span.ui-state-highlight {
    background-color: transparent !important;
    color: inherit !important;
}

.versionAndDate {color:#c49133!important; font-size: 16px;}

.text-dangerforbluebackground {
    color: #f7f13e;
}

.formlabel {
    color: #444444;
    text-transform: uppercase;
    margin: 10px 0 0 0 !important;
    font-weight: 400;
}

/* override bootstrap to get rid of the radiobutton bubble*/
input[type="radio"].form-control[disabled] {
    background-color: red !important;
    opacity: 0 !important;
}

.darkgray {
    /*background-color: #dcd8d8 !important;*/
    color: #a9a9a9 !important;
}