/*
*   Enhancements
*
* Sr. No            : 8
* ER                : ER_11828
* Done by           : RutaV (1881)
* Date              : 11th Jun 2016
* Purpose           : Password strength validations
*
* Sr. No            : 7
* ER                : ER_11686
* Done by           : PragneshB (1750)
* Date              : 21st March 2016
* Purpose           : Notification Module in Care portal.
*
* Sr. No            : 6
* ER                : IER_11372 
* Done by           : PragneshB (1750), RutaV(1881)
* Date              : 23rd Feb 2016
* Purpose           : Care Portal Registration.*
*
* Sr. No            : 5
* ER                : ER_11407
* Done by           : RutaV (1881)
* Date              : 3rd Dec 2015
* Purpose           : Prior Authorization
*
* Sr. No            : 4
* ER                : ER_11362
* Done by           : PragneshB (1750)
* Date              : 2nd Dec 2015
* Purpose           : Vital Graphs,careplan on dashboard
*
* Sr. No			: 3
* Changed By		: NileshP(1760)
* Date				: 14 Oct 2015
* ER ID             : ER_11316
* Purpose			: IVFMD documents
*
* Sr. No			: 2
* Changed By		: NileshP(1760)
* Date				: 09 Oct 2015
* ER ID             : ER_11316
* Purpose			: Download offline forms
*
* Sr. No			: 1
* Changed By		: NileshP(1760)
* Date				: 05 Oct 2015
* ER ID             : ER_10958
* Purpose			: Display Eula content.
*
*   Bugs
*
*   Bug Id          : B_57255
*   Changed by      : PragneshB(1750)
*   Date            : 18th Aug 2015
*   Purpose         : If there are more text for notes and description in table form then we are giving onhover functionality. CSS for popup is written there.
*
*   Bug Id          : B_58514
*   Changed by      : PragneshB(1750)
*   Date            : 10th Aug 2015
*   Purpose         : In Ipad and mobiles video image and play video icon was not allingned properly so putting just only one css for 
                        anywhere play video icon was there. Also here specified different margin and width for different resolutions(style.css).
*/

.err {
  border: 1px solid #ff0000 !important;
  background-color: #FFFFCC !important;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  display: block;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#passwordStrength {
    height: 100%;
    line-height: inherit;
}

/*ER_11828 [START]*/

.strengthN {
  background: #FCFCFC;
}
.strength0 {
  background: #FCFCFC;
}
.strength1 {
  width: 20%;
  background: #ff0000;
 }
 .strength2{
  width:40%;
  background: #FFE78A;
}
.strength3 {
  width: 60%;
  background: #E46D26;
  color: #fff; 
}
 .strength4 {
  width: 80%;
  background: #63CC9E;
}
 .strength5 {
  width: 100%;
  background: #028C4E;
   color: #fff; 
}
.progress-container {
    background-color: #f1f1f1;
    height: 1.5em;
    position: relative;
    padding:unset;
    
}
/*ER_11828 [END]*/
.health-record{
    min-height: 130px;
}
.multiSelectOptions label{
    display:flex !important;
}
.multiSelectOptions input[type="checkbox"]{
    margin:4px;
}
a.multiSelect{
    padding-right: 10px !important;
}
.form_add_edit_table .comn-input{
    display: inline;
    width: auto;
}


#available_slots {
    background-color: #FFFFFF;
    border: 2px solid #cccccc;
	display:none;
    height: 290px;
    border-radius: 5px;
    z-index: 10000;
    position: absolute;
    right: 133px;
    top: 327px;
    width: 285px;
}

#date_navigation{
	
	height: 20px
}

#available_slots_header{
	
	height: 22px;
	background-color: #cccccc;
	font-weight: bold;
	padding-bottom: 2px;
    text-align: center;
}

#available_slots_header i{
	
	margin-right: 8px;
    color: #333333;
}

#slots_list{
	text-align: center;
}
#availability_error{
	margin-top: 100px;
}

#date_header
{
	color: #5271BD;
    font-weight: bold;
    margin-right: 15px;
}

#date_navigation span
{	
	margin-top: 4px;
	float: left;
}

#slots_list_wrap
{
	height: 204px;
	overflow-y: auto;
    width: 100%;
}

#date_header_wrap
{
	border-bottom: 1px solid #cccccc; 
	padding: 4px 0;
}

#date_header_wrap a
{
	text-decoration: none
}

ul.list_appointment_slot {list-style: none;margin: 0;padding: 0;}
ul.list_appointment_slot li {padding: 3px;text-align: center;border-bottom: 1px solid #cccccc;}
.grp2{
    
    font-weight: bold;
}
.change_note{
    background: #f1f1f1; 
    text-align: center; 
    padding: 5px;
    font-weight: bold;
}
#print h4{
    margin: 0 !important;
}
@media print {
    * {
        /*font-family: Arial, serif !important;*/
        font-size: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 10px !important; 
    }
    @page{
        margin-bottom: 10%;
        margin-top: 5%;
    }
    h1, h2, h3, h4, h5 {
        margin: 0 !important;
        font-size: 15px !important;
        font-weight: bold !important;
    }
    #facesheetTitle {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
    }
    .box-icons {
       display: none !important; 
    }
    table.table thead tr th {
        font-weight: bold;
        border-top: 1px solid #000000 !important;
        border-bottom: 1px solid #000000 !important;
        background-color: #000000 !important;
        padding: 2px 0 !important;
    }
    table.table tbody tr td {
        border: 0px solid !important;
        height: auto !important;
        background-color: #ffffff !important;
        padding: 1px 0 !important;
        page-break-inside: avoid !important;
    }
    table.table tbody tr {
        border-top: 0px solid #000000 !important;
        height: auto !important;
        background-color: #ffffff !important;
        page-break-inside: avoid !important;
    }
    table {
        font-family: arial, serif;
        font-size: 60% !important;
        color: red !important;
        border: 0px solid !important;
        background: #000000 !important;
        height: auto !important;
        margin: 0 !important;   
    }
    .box-name span {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }
    .space10 {
        margin: 0 !important;
        padding: 0 !important; 
    }
    .box {
        margin: 0 !important;
        padding: 0 !important; 
    }
    .box-header {
        height: auto !important;
        margin-top: 10px !important;
    }
    table tr td {
        border: 0px solid !important;
        height: auto !important;
        background-color: #ffffff !important;
        padding: 1px 0 !important;
        page-break-inside: avoid !important;
    }
}
.form-horizontal .has-feedback .ui-datepicker-trigger {
    width: 18px;
  height: 18px;
  line-height: 26px;
  right: 12px;
  top: 4px;
  right: 22px;
}
#ui-datepicker-div
{
    background: #686868 none repeat scroll 0 0 !important;
}
#cboxTitle
{
    position: absolute !important;
    width: 800px !important;
    color: #FFFFFF !important;
}
#colorbox, #cboxOverlay, #cboxWrapper
{
    overflow: visible !important;
}
#cboxCurrent
{
    left: 30px !important;
    bottom: -27px !important;
}
#cboxNext
{
    left: 125px !important;
}
#ui-datepicker-div .ui-datepicker-current
{
    font-weight: bold !important;
    opacity: unset !important;
}
.ui-state-active
{
    background: #929292 !important;
    border: 0 none;
    top: 2px;
}
.reset-password-msg
{
    font-weight: bold;
    color: green;
}
.fancybox-title
{
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    color: #ffffff;
    text-align: center;
    padding: 5px;
}
.fancybox-next span
{
    position: fixed;
}
.fancybox-close
{
    margin-right: 0px !important;
}
.fancybox-inner
{
    z-index: 8050;
}
.fancybox-next
{
    margin-right: 20px;
}
#clinicId{
   
    color: rgb(0, 0, 0); 
    padding: 4px 5px;
}
.menu-small{display:none;}
#balance,.smallScreenAmount{ padding: 2px 5px;}
.smallScreenAmount{float:right;font-size:16px!important;}
@media (min-width: 851px) {
    #clinicId {
       
         float: left;
    }
    #balance{
        line-height: 26px;
        margin-top: 0;
       
    }
    .topNavigation{margin-top:35px;}
    #google_translater, #font_size, #google_translate_element{
        float: right;
    }
    #nav-open-btn{display:none;}
    .menu-small{display:none!important;}
    #mainmenu > .nav > li > a{
        border-radius: 5px 5px 0 0;     
    }
    .home_buttons{
        float:right;
    }
    #mainmenu > .nav > li > a >em{
    color: #E0E0E0 !important;
    font-size: 16px;
    font-weight: bold; 
     line-height: 32px !important;

    }
     /* BG_64771 [START] */
    #notification_count{
        left: 30px !important;
        top: -10px !important;
    }
     /* BG_64771 [END] */
}
@media (max-width: 850px) {
    
     .top-main-menu{display:none!important;}
      .menu-small{display:none;}
      #google_translate_element{padding-left: 3px;}
      #clinicId {
         background: none repeat scroll 0px 0px #D8D1C4;
    }
     #mainmenu > .nav > li > a{width : 40px;}
     .topNavigation {float:right;padding: 25px 0px;}
     .notification-div a{background-color: #F6F6F6;color:#1E4267;border:none!important;box-shadow: none !important;}
     .notification-div a i{color:#1E4267;border:none!important;box-shadow: none !important;}
     #nav-open-btn{padding:25px 0 !important;}
     .navbar-nav{margin:0px!important;}
     .navbar-collapse{padding-right: 10px;}
     
     /* BG_64771 [START] */
     .notification-module{
         position:absolute!important;
        border: 1px solid rgba(0, 0, 0, 0.15)!important;
         border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important;
        background-color: #fff!important;
     }
     #notification_count{
        left: 23px !important;
        top: -7px !important;
    }
    /* BG_64771 [END] */
   
}
@media (max-width: 767px) {
    button.show-sidebar {
        padding: 0px 2px;
        color:inherit;
        background-color: transparent;
    }
   .hideSize{ display: none;}
   #clinicId{font-size: 12px!important;}
   .hideGoogle{
        display: none;
    }
    .fixed {position:fixed !important;  left:0; z-index:2; }
   
}
@media (min-width: 1024px) {
    .smallScreenAmount{display:none;}
}
@media (min-width: 993px) {
    #available_slots {
        right: 133px;
        top: 327px;
        width: 300px;
    }
}
@media (max-width: 992px) {
   #available_slots {
        left: 0px;
        top: 327px;
        width: 285px;
    }
}
@media (max-width: 767px) {
   #available_slots {
        left: 5px;
        top: 700px;
        width: 285px;
    }
}
@media (max-width: 1023px) {
    #balance{display:none;}
    .hideInSmall{display: none; }
}
#nav-open-btn{font-size: 20px;}
.menu-small > a > div, .navbar-nav > .dropdown > .dropdown-menu 
{
    border-bottom : 1px solid #69605A;
    padding:5px 10px;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;
    
}
.navbar-nav > li > a{color:#4178BB}
.menu-small > a > div , .navbar-nav > .dropdown >.dropdown-menu > li >a{color: #eeeeee;}
.menu-small > a > div > i,.navbar-nav > .dropdown >.dropdown-menu > li > a >em{color: #FFB182;}
#login_without_patient_app{
    
    /* ER_10958 - [start] */
    padding:35px 20px !important;
    /* ER_10958 - [end] */
    
    margin-bottom:20px !important;
}
.panel-menu > li > a {
    background-color: #eeeeee;
    border: 1px solid #000000;
    border-radius: 0 0 5px 5px;
    color: #4178bb !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px !important;
    margin-right: 5px;
    margin-top: -1px;
    padding: 0 10px;
    text-transform: uppercase;
}


/* B_58514 [START] */
/*only using one play video icon css for putting it on center of video image.*/
.play_video{
    /*bottom: 123px;
    position: absolute;
    right: 115px;
    width: 50px;
    z-index: 1000;*/
    
    top: 50%;
    position: absolute;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    z-index: 1000;
    margin-top: -15px;
}
/* WE are making general class for all instead different for each other.
.play_video_help_one{
    bottom: 88px;
    position: absolute;
    right: 46%;
    width: 50px;
    z-index: 1000;
}
.play_video_help_two{
    bottom: 88px;
    position: absolute;
    right: 46%;
    width: 50px;
    z-index: 1000;
}
*/
/* B_58514 [END] */


.graph_icon_box{
    position: absolute; right: 5%; top: 5%; border: 1px solid rgb(248, 248, 248); border-radius: 3px; box-shadow: 0px 0px 4px rgb(216, 216, 216); background: rgb(231, 231, 231) none repeat scroll 0% 0%; padding: 5px;
}
.graph_icon{
    display: block; float: left; width: 10px; height: 10px; margin: 5px; border-radius: 5px;
}
.graph_bp_diastolic_color{
    background: #3880AA;
}
.graph_bp_systolic_color{
    background: #4DA944;
}
.graph_icon_title{
    float: right; display: block;
}

.axisLabel {
    position: absolute;
    text-align: center;
    font-weight: bold;
    
    /* B_59418 - [start] */
    font-size: 15px;
    /* B_59418 - [end] */
}

.xaxisLabel {
    bottom: 3px;
    left: 0;
    right: 0;
}

.yaxisLabel {
    top: 50%;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
.vimeo
{
    display: block;
    position: relative;
}

/* ER_10952 - [start] */

#camera{
	background:url('../img/cam_bg.jpg') repeat-y;
	border:1px solid #f0f0f0;
	height:525px;
	width:598px;
	position:fixed;
	bottom: -466px;
	left:50%;
	margin-left:-300px;

	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.6);
	box-shadow:0 0 4px rgba(0,0,0,0.6);
    
    bottom: 17% !important;
    z-index: 10;
}

.camTop{
	background:url('../img/cam.png') no-repeat center center;
	width:100%;
	height:66px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}

.settings{
	background:url('../img/settings.png') no-repeat;
	cursor: pointer;
	height: 28px;
	position: absolute;
	right: 37px;
	top: 448px;
	width: 30px;
}


#screen{
	width:520px;
	height:370px;
	margin: 66px auto 22px;
	background:#ccc;
	
	line-height: 360px;
    text-align: center;
	color:#666;
}

.buttonPane{
	text-align: center;
}

.tooltip{
	background:url('../img/tooltip.png') no-repeat;
	position:absolute;
	width:177px;
	height:146px;
	right: 38px;
	top: -140px;
}

.blueButton,
.greenButton{
	background:url('../img/buttons.png') no-repeat;
	text-shadow:1px 1px 1px #277c9b;
	color:#fff !important;
	width:99px;
	height:38px;
	border:none;
	text-decoration:none;
	display:inline-block;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	margin: 0 4px;
}

.greenButton{
	background:url('../img/buttons.png') no-repeat right top;
	text-shadow:1px 1px 1px #498917;
}

.blueButton:hover,
.greenButton:hover{
	background-position:left bottom;
	text-decoration:none !important;
}

.greenButton:hover{
	background-position:right bottom;
}

.blueButton:active,
.greenButton:active{
	position:relative;
	bottom:-1px;
}

.hidden{
	display:none;
}

/* ER_10952 - [end] */

.first-capital{
    text-transform:capitalize;
}
.first-capital .comn-input{
    text-transform:capitalize;
}
.full-string-capital{
     text-transform:uppercase;
}

/* B_59430 - [start] */
/* Commenting this part because this colors making notation of systolic and diastolic confusing.
.xchart-class-1 circle{
    fill: #e5732f !important;
}

.xchart-class-2 circle{
    fill: #123f6d !important;
}
*/
/* B_59430 - [end] */

/* B_59413 - [start] */

.xchart{
    overflow: visible !important;
}

.xchart-box{
    padding: 10px 15px 30px;
}

/* B_59413 - [end] */

/* B_59418 - [start] */

.graph_default_msg{
    color: #525252;
    float: left;
    font-size: 25px;
    font-weight: bold;
    margin-left: 14%;
    margin-top: 200px;
    position: absolute;
    width: 70%;
}

/* B_59418 - [end] */

/* ER_11295 [START] */
.module-disclaimer{
    background-color: #f5f5f5;
    border-color: #fff;
    margin-top: 5px;
    padding: 15px;
}
/* ER_11295 [END] */

/* ER_11316 [START] */

.form_download_link{
  
    font-size: 16px;
    color: #123f6d !important;
}

.form_translator
{
    top: 20px;
    z-index: 10;
}
/* ER_11316 [END] */

/* ER_11317 [START] */

.ivfmd-instruction
{
    text-align: center;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

/* ER_11317 [END] */

/* ER_11362 [START] */
.home_graph_default_msg{
    color: #525252;
    float: left;
    font-size: 25px;
    font-weight: bold;
    margin-left: 14%;
    margin-top: 100px;
    position: absolute;
    width: 70%;
}
/* ER_11362 [END] */

/* ER_11407 [START] */
.olFgClass table{width:100%;border:0px solid grey!important;}
.olFgClass table td,.olFgClass table th{border:1px solid grey!important;}
/* ER_11407 [END] */

/* Changed max length for new IMS logo*/
.ims-logo img {
    max-width: 110px;
}


/* B_60771 [START] 
 * Mobile compatible view
*/
.navbar-nav .dropdown .dropdown-menu
{
    margin-top: 2px;
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  .featureClass{display:none;}
  .bottomLogo{text-align:center;margin-bottom: 20px}
  .portalVersn{text-align:center;}
 
  #portalVersion{display: block; }
  .hideInXSmall{display: none; }
  .breakLine{display: block; }
}
@media (min-width: 768px) {
   
    #portalVersion{display: none; }
    .hideInLarge{display: none; }
    .bottomLogo{float:left;}
    .navbar-nav {
      float: left;
      margin: 0;
    }
    .portalVersn{text-align:right;}
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #mainmenu .navbar-nav > li > a:hover,
  #mainmenu .navbar-nav > li > a:focus {
    background-color: #333333;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#top .nav-btn { position: absolute; top: 13px; right: 0.50em;display:none;}
#nav .close-btn {display: none;}
#mainmenu > .nav > li > a{
   
    border: 1px solid #000000;
    border-bottom: 0px;
    border-radius:5px 5px 0 0;
    color: #E0E0E0 !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px !important;
    margin-right: 0px;
    margin-top: -1px;
    padding: 0 10px;
    text-transform: uppercase;

box-shadow: 4px 1px 5px rgba(117,117,117,1);
}


#mainmenu > .nav > li{padding-left:10px}
.navbar-nav > li > .dropdown-menu{
    margin-top: 0px;
}

@media (max-width: 623px) {
  #main {
    margin-top: 100px;
  }
}
.labelRight{text-align:left;}
@media (min-width:1080px) {
    .labelRight{text-align:right;}
}

.collapse-link{background-color:#F5F5F5; }
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    

  }
  .btnAlignment{margin-top:2px;}
  .list-inline > li{padding-top: 2px;}
  .fullwidthBtn > li > button{width: 100%;}
  .list-inline > li 
  {
       min-height: 17px;
  }
  #sidebar-left .dropdown-menu{padding: 0px;}
  .highlightDiv{ background-color: #f5f5f5;margin: 0;padding: 0px;}
  .highlightDiv label{ margin: 0;padding: 0px;}
//  #homesliders .list-inline{margin-bottom: 22px !important;}
  .graphWidth{min-width:450px;}
  .graphScroll{overflow-x: auto;}
 
  a, #simple_gallery_old .tab{cursor: url('../img/cursor_pointer.png') 8 0, auto;}
  #font_size
  {
      padding-right:10px;
  }
  #google_translate_element .goog-te-gadget .goog-te-combo {
   
    height: 24px;
    line-height: 15px;
    background-color: #F6F6F6;
    border:1px solid grey;
    color:black;
    
}
#font_size{margin-left:20px;}
 #google_translate_element .goog-te-gadget .goog-te-combo option{

    background-color: white;
}
.box-header{width: 100%}
#sidebar-left .dropdown-menu > li > a{white-space: inherit;}
.nameMenu{padding: 5px 10px;}
.video-block .video-img{width: 100%;max-width: 195px;}
.ui-dialog{width: 100%!important;max-width:427px;text-align: center!important;z-index: 1000}
.ui-widget-overlay{width: 100%;}
/*.well{margin-left: 15px;}*/
/*
button span {
  display: block;
}

.grid-button {
     position: fixed;
  padding: 2rem;
  cursor: pointer;
  user-select: none;
  background: rgba(0, 0, 0, 0.5);
  color:red!important;
}

.grid-button .grid {
  width: 1rem;
  height: 1rem;
  background: #ecf0f1;
  color: #ecf0f1;
  transition: 0.3s;
}


.grid-button.rearrange .grid {
  box-shadow: -1.25rem -1.25rem, 0 -1.25rem, 1.25rem -1.25rem, -1.25rem 0, 1.25rem 0, -1.25rem 1.25rem, 0 1.25rem, 1.25rem 1.25rem;
}

.grid-button.rearrange.close1 .grid {
  box-shadow: 0 -1rem, 0 -2rem, 1rem 0, -2rem 0, 2rem 0, -1rem 0, 0 2rem, 0 1rem;
}
*/

/* B_60771 [END] */
/* B_62993 [START]  Changes for Lab test in Labs Page
*/
#list38 ol >li {margin-bottom: 5px;}
#list38 ol{padding-left: 15px;}
#list38 td{vertical-align: middle;}
/* B_62993 [END]*/

/* IER_11372 [START] */
.div_register{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #766e46;
    font-size: 14px;
    line-height: 16px;
}
#loading_img
{
    height:30px;
    width:30px;
    margin-left: -14px;
    margin-top: -3px;
    display: none;
     
}
.bold-text
{
    font-weight: bold;
}
/* IER_11372 [END] */

/* ER_11686 [START] */
/*css for notification icon count and title.*/
#notification_count{
    background-color: #cf0000 !important;
    border-radius: 3px !important;
    color: #fff !important;
    font: 14px verdana !important;
    padding: 1px 4px !important;
    position: absolute !important;
    z-index: 1;
}
.no-notification-title{
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

.notification-title{
    clear: both;
    color: #333;
    font-weight: bold;
    display: block;
    line-height: 1.42857;
    white-space: nowrap;
    font-size:1.2em;
    text-align: center;
}
.clicked_notification{
    background: #f0f0f0 none repeat scroll 0 0 !important;
    color: #000 !important;
}
.notification-divider{
    background-color: #e5e5e5;
    height: 1px;
    overflow: hidden;
}
.notification-module > li > a {
    clear: both;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 0px 20px;
    margin:3px;
    white-space: nowrap;
    //background: #d4d4d4 none repeat scroll 0 0;
    color: #000 !important;
}

.leaderImage{
    width: 35px;
    display: none;
}
@media (min-width: 849px) {
.topNavigation .nav .open > a, .topNavigation .nav .open > a:hover, .topNavigation .nav .open > a:focus {background-color: #062958 !important;}
}
.office_name{
    font-weight: bold;
}
.appt_time{
    font-size: 16px;
    font-weight: bold;
}
.error-text-red{
    font-size: 12px;
    color:red;
}

/* ER_11686 [END] */

/* PID 13513 [start]*/
#publisher {
    position: fixed;
    width: 200px;
    height: 170px;
    bottom: 10px;
    right: 10px;
    z-index: 10000;
}

#videos
{
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9998;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#subscriber {
    position: absolute;
    padding:10px;
    margin: 10px;
    width: 90%;
    height: 90%;
    z-index: 99;
    margin: auto;
    left: 0;
    right: 0;
    bottom:0;
    top:0;
    color: white;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: x-large;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
/* PID 135131 [end]*/
.verifylink
{
    background-color: #062958;
    color: white;
    font-size: 12px;
}
@media (min-width: 849px) {
.livechat_button{
    
    float: left;
    position: fixed;
    z-index: 0.5;}
}

.header_text{padding-left: 7px;}