@charset "utf-8";
body{
	padding:0px;
	margin:0px;
	background-color:#FCF8F3; /* f3f0e9 */
}

input[type="text"] {
  padding:14.5px 6px !important;
}



.right-arrow{
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 0 17.5px 30.3px;
border-color: transparent transparent transparent #9b9692;
float:left;
}

.left-arrow{
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 30.3px 17.5px 0;
border-color: transparent #9b9692 transparent transparent;
float:right;
}

.btn-secondary{
color:#495057 !Important;
background-color:#E9ECEF !Important;
border:1px solid #ced4da !Important;
max-height:32.5px !Important;
}

.inpatient-roomnum-baner{background-color:#ccc; color:#595959 !important}

@media print { @page {size: auto !important} .left-subtad-box{display:none} }


.landing-page-body{background-image:url(../../images/non-left-menu-bg.png) !Important;background-repeat: repeat-y;}
*{
	padding:0px;
	margin:0px;
}
html,body {
	height:100%;
}
.no-pm{
	padding:0px !important;
	margin:0px !important;
}
a, a:hover{text-decoration:none !Important;color:#3F4855}

.vt-line {
  border-left:1px solid #7C7C7C;
  height:100%;
}

.fixedheader{width:100%}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
}
.sticky ~ .container-fluid{
  padding-bottom: 150px !Important;
}

.copyright-text-font {
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #595959;
	text-decoration: none;
	line-height: 21px;
}




/* ------- Remove Chrome's border around active fields ------- */
*:focus {
	outline: none;	
	box-shadow:none !Important;
	/*background-color:transparent !Important;*/
}


/*.form-control:focus {
	outline: none;
	box-shadow:none !important;
	border:1px solid #ccc !important;
}*/



.clear{
	clear:both;
	padding:4px
}

.popover, .tooltip{
  pointer-events:none;
}
/* ----------------- Used to fix Footer bottom ------------- */
#wrapper {
	min-height:100%;
	position:relative;
}
#content {
	padding-bottom:0px; /* Height of the footer element */
}
#footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
#Slideshow {
	width:130px; margin:5px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -khtml-border-radius:8px; border:1px solid #612D3D; background-color:#f9d654; padding:8px 8px 8px 8px; font:normal 12px 'Roboto', sans-serif; letter-spacing:1px; color:#000;
	opacity: 1.0;              /* CSS3 */
	-moz-opacity: 1.0;         /* Older versions of Firefox */
	-khtml-opacity: 1.0;       /* Older versions of Safari */
	filter: alpha(opacity=100); /* Internet Explorer */
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
/* ----------------- Special Font Color Style ------------- */
.text-brown{color:#993366 !important}
.normal-text-font{
		font:normal 12px 'Roboto', sans-serif;
		color:#3F4855;
		text-decoration:none;
		line-height:24px;
		letter-spacing:1px;
}

.normal-text-font a{
		font:normal 12px 'Roboto', sans-serif;
		color:#3F4855;
		text-decoration:none;
		line-height:24px;
		letter-spacing:1px;
}

.normal-text-font a:hover{
		font:normal 12px 'Roboto', sans-serif;
		color:#000;
		text-decoration:none;
		line-height:24px;
		letter-spacing:1px;
}

.value-text-font{
		font:normal 12px 'Roboto', sans-serif;
		color:#3F4855 !Important;
		text-decoration:none;
		line-height:21px;
		display: block;
		width: 100%;
		padding-top: .375rem;
		padding-bottom: .375rem;
		margin-bottom: 0;
		line-height: 1.5;
		background-color: transparent;
		border: solid transparent;
		border-width: 1px 0;
}


/* ----------------- Top Tab Billing ------------- */

.breadcrumb-item a{
	font:normal 12px 'Roboto', sans-serif;
	color:#3F4855;
	text-decoration:none;
}

.breadcrumb-item a:hover{
	font:normal 12px 'Roboto', sans-serif;
	color:#959595;
	text-decoration:none;
}

.breadcrumb-item.active a{
	font:normal 12px 'Roboto', sans-serif;
	color:#f68828 !important;
	text-decoration:none;
}

.breadcrumb-item.active a:hover{
	font:normal 12px 'Roboto', sans-serif;
	color:#959595 !important;
	text-decoration:none;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #000;
    content: "|" !important;
}

.browncolor-font {color:#8B4513;}

.width-responsive{width:25%}

.patine-info-box-floting{
	z-index:999;
}
.patient-floting-box{
	border-color:1px solid #3F4855 !important;
	background-color:#F68827 !important;
	display:inline-block;
	-moz-border-radius:0px 0px 0px 8px;
	-webkit-border-radius:0px 0px 0px 8px;
	border-radius:0px 0px 0px 8px;
	color:#fff;
	font-size:12px;
	white-space:nowrap;
	font-family:'Roboto', sans-serif !Important;
	letter-spacing:0.5px;
}

.balance-floting-box{
	border-color:1px solid #3F4855 !important;
	background-color:#00A7FF !important;
	display:inline-block;
	-moz-border-radius:0px 0px 0px 8px;
	-webkit-border-radius:0px 0px 0px 8px;
	border-radius:0px 0px 0px 8px;
	color:#fff;
	font-size:12px;
	font-family:'Roboto', sans-serif !Important;
	letter-spacing:0.5px;
}
	

.balance-floting-box-data,.patient-floting-box-data{
	border-color:1px solid #3F4855 !important;
	background-color:#FFF !important;
	display:inline-block;
	-moz-border-radius:0px 0px 8px 0px;
	-webkit-border-radius:0px 0px 8px 0px;
	border-radius:0px 0px 8px 0px;
	color:#3F4855;
	font-size:12px;
	font-family:'Roboto', sans-serif !Important;
	letter-spacing:0.5px;
}

.popup-patient-floting-box{
	border:1px solid #454545 !important;
	background-color:#d8c3a5!important;
	display:inline-block;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	color:#454545;
	font-size:12px;
	white-space:nowrap;
	font-family:'Roboto', sans-serif !Important;
	margin-top: 10px;
	letter-spacing:1px;
}

/* --------------------------- Styels for orange background login page ---------------------------------------------------------------*/
.orange-bg-color{background-image:url(../../images/mane-bg1.jpg);	
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;}

.vertical-center {
  min-height: 100%;  /* Fallback for vh unit */
  min-height: 100vh; 
  /* You might also want to use
'height' property instead.

Note that for percentage values of
'height' or 'min-height' properties,
the 'height' of the parent element
should be specified explicitly.

In this case the parent of '.vertical-center'
is the <body> element */

  /* Make it a flex container */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
  
  /* Align the bootstrap's container vertically */
	-webkit-box-align : center;
	-webkit-align-items : center;
	-moz-box-align : center;
	-ms-flex-align : center;
	align-items : center;
  
  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
	width: 100%;
  
  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.
  
     Therefore, we should use the following declarations to get it centered again */
	-webkit-box-pack : center;
	-moz-box-pack : center;
	-ms-flex-pack : center;
	-webkit-justify-content : center;
	justify-content : center;
}
.login-box-shadow{
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
}
.dorder-radiu-all{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.dorder-left{
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-radius:8px 0px 0px 8px;
	border-radius:8px 0px 0px 8px;
}
.dorder-right{
	-moz-border-radius:0px 8px 8px 0px;
	-webkit-border-radius:0px 8px 8px 0px;
	border-radius:0px 8px 8px 0px;
}
.dorder-left{
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-radius:8px 0px 0px 8px;
	border-radius:8px 0px 0px 8px;
}
.text-filed-bottom-border{
	border-bottom:2px solid #f68829
}
.login-button-orange{
	background-color:#463f3a;
	color:#fff;
	font:normal 13px 'Roboto', sans-serif;		
	text-decoration:none;
	line-height:21px;
	border:2px solid rgb(32, 30, 30) !important;
}
.login-button-orange:hover{
	background-color:#403b34;
	color:#f68829;
	font:normal 13px 'Roboto', sans-serif;	
	text-decoration:none;
	line-height:21px;
	border:2px solid rgb(90, 80, 76) !important;
}
.login-bg-image1{/* The image used */
	background:url(../../images/login_left_bg.jpg);	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.login-left-bg-color{background-color:#403b34;border-right:1px solid #000}


/* ----------------- Outer Screens Background------------- */
.login-bg-image{
	background-image:url(../../images/login_bg.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-position:top center !important;
	background-repeat:no-repeat !important;
	background-attachment:fixed;
}

.select-left-image{
	background-image: url(../../images/select-screen.png);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 80vh;
}
/* ----------------- Outer Screens ------------- */
.first-row{
	background-color:#3F4855;/*-- #fcf8f3 --*/
}
.headercompany-title{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
.page-title{	
	line-height:41px;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	margin:0%;
	padding:0%;
	height:41px;
	letter-spacing:1px;
	text-align:center;
}
.current-tab-title{
	color:#3F4855;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	padding-right:50px;
	padding-top:0%;
	margin-top:10px;
}
.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

.sub-tabs-lpg-title{
	font-family:'Roboto', sans-serif;
	color:#383838;
	font-size:14px;
	font-weight:bold;		
	text-decoration:none;
	letter-spacing:1px;
	border-bottom: 5px double #343A40;
	height:31px;
}	

.section-title{
	font-family:'Roboto', sans-serif;
	color:#3F4855;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #3F4855;		
	text-decoration:none;
	margin-bottom:10px !important;
	padding-bottom:0.5% !important;
	margin-top:1%;
}	
.section-title a:link{
	font-family:'Roboto', sans-serif;
	color:#3F4855;
	font-size:14px;
	font-weight:bold;
	padding:0.5% !important;
	text-decoration:none;
}
.section-title a:visited{color:#3F4855}
.section-title a:hover{color:#7C7C7C}

.section-title-no-border{
	color:#3F4855 !Important;
	font-family:'Roboto', sans-serif !Important;
	font-size:14px !Important;
	font-weight:bold !Important;
	border:none !Important;
	text-align:left;
}

.section-title-no-border a:link{
	color:#3F4855 !Important;
}

.outer-pagecontainer{
	margin:0 auto;
	width:98%;
	padding:0.2% 0% 0% 0%;
	text-align:center;
}
.outer-page-center-box{
	background-color:#fff;
	margin-top:9%;		
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	display:inline-block;
	border:2px solid #ccc;	
}
.selectcompany-center-box{
	margin-top:9%;		
	display:inline-block;
}
.logoutbutton-select-screen{
	-moz-border-radius:.0rem .25rem .0rem .25rem;/* FireFox 1+ */
	-webkit-border-radius:.0rem .25rem .0rem .25rem;/* Safari 3+, Chrome */
	border-radius:.0rem .25rem .0rem .25rem;
	-khtml-border-radius:.0rem .25rem .0rem .25rem; 
	background-color:#403b34;
	display:inline-block;	
	margin-left:5px;
	padding:5px 0px 5px 10px;
}
.logoutbutton-select-screen i{
	color:#fff;
	font-size:21px;
}
.logoutbutton-select-screen i:hover{
	color:#3F4855
}


/* ----------------- Header Related Class ------------- */
.main-header-box{
	background-color:#282828;/*-- #3F4855, #fcf8f3 --*/
}

.main-header-icon-box{
	line-height:70px;
	height:70px;
	padding:0px;
	margin:0px;
	border-right:2px solid #454545;
}

.main-header-icon-box:hover{
	line-height:70px;
	height:70px;
	padding:0px;
	margin:0px;
	border-right:2px solid #454545;
	background-color:#454545;
}

.badge-notify-orange{
	background-color:#F68827;
	border:1px solid #F68827;
	position:absolute;
	top: 20%;
	left: 50%;
	color:#fff;
	-moz-border-radius:100px;/* FireFox 1+ */
	-webkit-border-radius:100px;/* Safari 3+, Chrome */
	border-radius:100px;
	-khtml-border-radius:100px;
}



.dropdown-item {
  font:normal 14px 'Roboto', sans-serif !important; color:#3F4855 !important;
  padding: 0.25rem 1.0rem !important;
}


.dropdown-item:hover {
	color:#3F4855;				
	background-color:#DEDBD6;				
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:normal;
	padding: 0.25rem 1.0rem !important;

}

.top-search-button, .top-search-button:hover{	
	-moz-border-radius:0px 8px 8px 0px !important;/* FireFox 1+ */
	-webkit-border-radius:0px 8px 8px 0px !important;/* Safari 3+, Chrome */
	border-radius:0px 8px 8px 0px !important;
	-khtml-border-radius:0px 8px 8px 0px !important;	
	padding:3px 5px;
	border:1px solid #CED4DA;
}

/* ----------------- Dashboard Screens Related Class ------------- */		
.my-sidebar {
	position: absolute; top:110px; left:0; z-index:99999999;	
	min-height:100vh;
	width:45px;
}
.dashboard-right-box {
	padding-left:65px;
}
.dash-section-box{
	height:370px;
	background-color:#FFFFFF;
	padding:0px 10px;
	overflow:auto;
}
.dash-section-box-top{
	height:370px;
	background-color:#FFFFFF;
	padding:0px 10px;
	overflow:auto;
}
.dash-section-box-heading{
	height:37px;				
	color:#5A5A5A;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:37px;
	border-bottom:2px solid #C7C5C1;
	text-align:center !important;
}

.dash-section-box-bottom{
	height:37px;
	background-color:#EBE8E4;
	color:#5A5A5A;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:37px;
}

/* Dashboard graphs y-scroling */
.dash-section-box::-webkit-scrollbar-track, .dash-section-box-top::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.dash-section-box::-webkit-scrollbar, .dash-section-box-top::-webkit-scrollbar{
	width: 3px;
	height: 3px;
	background-color: #F5F5F5;
}

.dash-section-box::-webkit-scrollbar-thumb, .dash-section-box-top::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .50rem !important;
	margin-bottom: -1px;
	background-color: #fff;
	border: 0px solid rgba(0,0,0,.125) !important;
}

/* Patient Home Related Style */
.current-tab-title1{
	color:#3F4855;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-right:50px;
	padding-top:3%;
	padding-bottom:1%;
}
.data-xl-font{
	color:#3F4855;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
}
.data-l-font{
	color:#3F4855;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.data-m-font{
	color:#3F4855;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
}

.col-form-label{
	color:#3F4855 !Important;
	font-family:'Roboto', sans-serif !Important;
	font-size:12px !Important;
	font-weight:bold !Important;
	line-height:19px !Important;
	letter-spacing:0.5px;
}
.col-form-label a, .col-form-label a:hover{
	color:#3F4855 !Important;
	font-family:'Roboto', sans-serif !Important;
	font-size:12px !Important;
	font-weight:bold !Important;
	line-height:19px !Important;
	letter-spacing:0.5px;
}

.form-control-plaintext{
	color:#3F4855 !Important;
	font-family:'Roboto', sans-serif !Important;
	font-size:12px !Important;
	font-weight:normal !Important;
	line-height:19px !Important;
}

/* Regular Section Box */
.card-banner-regular{	
	line-height:19px;
	background-color:#9b9692 !Important;
	color:#FFF !Important;				
	border:1px solid #8B8682 !Important;
	font-family:'Roboto', sans-serif;
	font-size:16px !Important;
	letter-spacing:1px;
}
.card-banner-regular a{
	color:#FFF !Important;
}
.card-background-regular{
	background-color:#FCF8F3 !Important;	
	border:1px solid #8B8682 !Important;
	border-top:0px solid #DEDBD6 !Important;
}
.card-background{
	background-color:#FCF8F3 !Important;
	border-left:1px solid #8B8682 !Important;
	border-right:1px solid #8B8682 !Important;
	padding:10px !Important;
}
.card-no-footer-background-regular{
	background-color:#FCF8F3 !Important;
	border-left:1px solid #8B8682 !Important;
	border-right:1px solid #8B8682 !Important;	
	border-bottom:1px solid #8B8682 !Important;
	overflow:auto;
}
.card-footer-background-regular{
	background-color:#fff !Important;
	border:1px solid #8B8682 !Important;
	border-top:0px solid #8B8682 !Important;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#3F4855;
}

/* Highlight Section Box */
.card-banner-highlight {	
	line-height:19px;
	background-color:#00A7FF !Important;
	color:#fff !Important;				
	border:1px solid #8B8682 !Important;
	text-transform: normal;
	font-family:'Roboto', sans-serif;
	font-size:16px !Important;
}

.card-banner-highlight a{color:#fff !Important;}

.card-background-highlight{
	background-color:#FCF8F3 !Important;/*eff9fe */
	border-left:1px solid #8B8682 !Important;
	border-right:1px solid #8B8682 !Important;
}
.card-footer-background-highlight{
	background-color:#fff  !Important;/*def2fd*/
	border:1px solid #8B8682 !Important;
	border-top:0px solid #8B8682 !Important;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#3F4855;
}

/* Dashboard graphs y-scroling */
.card-background::-webkit-scrollbar-track,.card-background-no-footer::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.card-background::-webkit-scrollbar,.card-background-no-footer::-webkit-scrollbar{
	width: 3px;
	height: 3px;
	background-color: #F5F5F5;
}

.card-background::-webkit-scrollbar-thumb,.card-background-no-footer::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


.jump-to-row{
	border-top:2px solid #DEDBD6 !Important; border-bottom:2px solid #DEDBD6 !Important;font-family:'Roboto', sans-serif;font-size:12px; font-weight:bolder;color:#5A5A5A; 
}

.jump-to-row-heading{font-family:'Roboto', sans-serif;font-size:14px; font-weight:bold;color:#5A5A5A}

.jump-to-row-links {font-family:'Roboto', sans-serif;font-size:14px; font-weight:normal;color:#5A5A5A;overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}

.jump-to-row-links span{display: inline-block;min-width:100px;margin:0% 3%}

.jump-to-row-links span.active {font-family:'Roboto', sans-serif;font-size:14px; font-weight:bold;color:#5A5A5A;display:inline-block;min-width:100px; text-align:center; border-top:3px solid #f68827 !Important; border-bottom:3px solid #f68827 !Important; height:40px; line-height:40px; margin:0% 3%}

.clinical-info-text-font{
	font-family:'Roboto', sans-serif !Important;
	font-size:12px !Important;
	color:#3F4855 !Important;
	text-decoration:none;
	line-height:21px;
	font-weight:bolder !Important;
}

.clinical-info-text-font a{
	font-family:'Roboto', sans-serif !Important;
	font-size:12px !Important;
	color:#3F4855 !Important;
	text-decoration:none;
	line-height:21px;
	font-weight:500 !Important;
}

.clinical-info-text-font a:hover{
	font-family:'Roboto', sans-serif !Important;
	font-size:12px !Important;
	color:#3F4855 !Important;
	text-decoration:none;
	line-height:21px;
	font-weight:500 !Important;
}

/*ALLERGIES SECTION HIGHLIGHT*/
	.al_highlight {font-family: 'Roboto', sans-serif ;
    font-size: 12px ; color:#d6083b; text-decoration:none; line-height:21px;font-weight:500 !Important;}
	.al_highlight a:link{font-family: 'Roboto', sans-serif;
    font-size: 12px; color:#d6083b; text-decoration:none; line-height:21px; font-weight:500 !Important;}
	.al_highlight a:hover{color:#000000}


/* Search Related Class */
/*.card{border: 1px solid rgba(192, 176, 140, 1) !Important;}*/

.card-header {
	/*background-color: #ffebbda8 !Important;	
	border-bottom: 1px solid rgba(192, 176, 140, 1) !Important;*/
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	text-align:left;
	color:#000;
	text-align:center;
}
.sf-outer-box{
	margin:0 auto;
	border:1px solid #ccc;
	background-color:#fcfcfc;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;	
}
.sch-width{width:90.1%}/* used in Scheduleing Appointment */

.required::after { 
	content:" *";
	color:#f00;
	font-weight:normal;
}

.form-control-plaintext::before{
	content:":" " ";
	color:#000;
	margin-left:-10px;
}
/* table Related Class */
.table-bordered td, .table-bordered th {
    border: 1px solid #DEDBD6;
    background-color: #fff;
}

.table-borderless td,
.table-borderless th {
    border: 0;
}
.tabel-main-header{
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	color:#000;
	text-align:center;
	border:1px solid #9c9c9c;
	border-bottom:none;
	background-color:#adacac !Important;
	height:24px;
	line-height: 24px;
}
.table-sub-header{
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-align:left;
	color:#000;
	text-align:center;
	border:1px solid #9c9c9c;
	border-bottom:none;
	background-color:#cdcdcd !Important;
	height:22px;
	line-height:22px;
}

.table-header-label {
    font: bold 14px 'Roboto', sans-serif;
    color: #3F4855;
   /* background-color: rgba(255, 249, 235, 1) !Important;*/
    background-color: #EBE8E4 !Important;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
	letter-spacing:1px;
}
.table-header-label a:link{
	font:bold 14px 'Roboto', sans-serif;
	color:#3F4855;	
	text-decoration:none;
	height:30px;
	line-height:30px;
	letter-spacing:1px;
}
.table-header-label a:visited{
	color:#3F4855;
}
.table-header-label a:hover{
	color:#fff;
}

.table-value {
	font:normal 12px 'Roboto', sans-serif;
	color:#3F4855;
	text-decoration:none;
	height:21px;
	line-height:21px;
}
.table-value a:link{
	font:normal 12px 'Roboto', sans-serif;
	color:#3F4855;
	text-decoration:none;
	height:21px;
	line-height:21px;
}
.table-value a:visited{
	color:#000
}
.table-value a:hover{
	color:#5f5f5f;	
}

.form-check-label{cursor:pointer}


.form-check-label, .form-control, .form-control-sm, .custom-select, .form-control-plaintext{font:normal 12px 'Roboto', sans-serif !important; color:#3F4855 !important;line-height:19px !Important;}

.form-control, .form-control-sm{height:31px}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3F4855 !Important;
	padding-top:8px;
	font:normal 12px 'Roboto', sans-serif !important; 
}

.form-control-plaintext a{font:normal 12px 'Roboto', sans-serif; color:#3F4855;line-height:21px;}

.form-control-plaintext a:hover{font:normal 12px 'Roboto', sans-serif; color:#3F4855;line-height:21px;}

.demographics-plaintext{font:normal 12px 'Roboto', sans-serif; color:#3F4855;line-height:21px;margin:7px 0px 5px 0px}


/* All Fonts */
.dashboard-graphs-font a{
	font:normal 14px 'Roboto', sans-serif; color:#5f5f5f;
}

.selectbox-fonts{
	font:normal 12px 'Roboto', sans-serif; color:#3F4855; letter-spacing:1px;
}

.footer_font{
	font-family:-apple-system, Helvetica, Arial, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:100;
	text-align:center;
	background-color:#454545 !important;
	width:100%;
	height:30px;
	line-height:30px;
}


/* Over Righting Bootstrap Class*/
.form-group {
    margin-bottom: 0.4rem !Important;
}

/* -------------- Notification Box Styles Starting ------------ */
.alert_section_left{
	margin:0 auto;
	text-align:left;
}
.alert_section{
	margin:0 auto;
	text-align:center;
}
.alert-box {
	color:#555;
	border-radius:10px;
	font-family: -apple-system, Helvetica, Arial, sans-serif; font-size:12px;
	padding:5px 10px 5px 36px ;
	margin:10px 0px; 
	display:inline-block;
}
.alert-box-no-border {
	color:#555;
	border-radius:0px;
	font-family: -apple-system, Helvetica, Arial, sans-serif; font-size:12px;
	padding:5px 10px 5px 36px ;
	margin:0px; 
	display:inline-block;
}
.notice-no-border {
	background:#fff url('../../images/notificatio_icons/notice.png') no-repeat 10px 50%;
	border:0px solid #3F4855;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#f2f2f2 url('../../images/notificatio_icons/error.png') no-repeat 10px 50%;
	border:1px solid #3F4855;color:#ff0000;
}
.success {
	background:#f2f2f2 url('../../images/notificatio_icons/success.png') no-repeat 10px 50%;
	border:1px solid #3F4855;
}
.warning {
	background:#f2f2f2 url('../../images/notificatio_icons/warning.png') no-repeat 10px 50%;
	border:1px solid #3F4855;
}
.notice {
	background:#f2f2f2 url('../../images/notificatio_icons/notice.png') no-repeat 10px 50%;
	border:1px solid #3F4855;
}

.errorColor {
	background:#ffecec url('../../images/notificatio_icons/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;color:#ff0000;
}
.successColor {
	background:#e9ffd9 url('../../images/notificatio_icons/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warningColor {
	background:#fff8c4 url('../../images/notificatio_icons/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.noticeColor {
	background:#e3f7fc url('../../images/notificatio_icons/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}

#hide-alert-section{
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}

.roles-select-box ul{
	width:80%;
	margin-top:8%;		
	padding:10px 0px 18px 0px;	
	height:auto;	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #bebab9;
	display:inline-block;
	background:#fff;
}
.roles-select-links {
    display: block;  /* Remove bullet points; allow greater control of positioning */
    padding: 0;      /* Override defaults for lists */
    margin: 0;       /* Override defaults for lists */
    width: 100%;
	text-align:center;/* Get the row full width */
}
.roles-select-links li {
    display: inline-block; /* Get all images to show in a row */
    width: 20%;            /* Show 4 logos per row */
    text-align: left;    /* Centre align the images */
	background-color:#fff;
	border:none;
	font-family: -apple-system, Helvetica, Arial, sans-serif;
	color:#3F4855 !important;
	font-size:12px;
}
.roles-select-links li:hover {
    display: inline-block; /* Get all images to show in a row */
    width: 20%;            /* Show 4 logos per row */
    text-align: left;    /* Centre align the images */
	background-color:#fff;
	border:none;
	font-family: -apple-system, Helvetica, Arial, sans-serif;
	color:#3F4855 !important;
	font-size:12px;	
}
.default-role-name{
	padding:5px 0px;
	text-align:right !important;
	font-size:12px;
	color:#3F4855 !important;
	font-weight:bold;
}
.urname{
	padding:5px 0px;
	text-align:right !important;
	font-size:12px;
	color:3F4855 !important;
	font-weight:normal;
}
.select-all-font{
	padding:15px 10px;
	text-align:left !important;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	color:#3F4855 !important;
	font-weight:normal;
}
/*Company Pref SCREENS OUTER BOX STYLE @2013@*/
.comp_pref_box_header{
	color:#000 !important;
	background-color:#D2D2D2;
	padding:5px 5px;
	border:1px solid #808080 !important;
	border-bottom:0px solid #808080 !important;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:normal;	
	border-top:none;
	letter-spacing:1px;
}

.comp_pref_box_header a{
	font-family:'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#000 !important; text-decoration:none;letter-spacing:0.5px;}
.comp_pref_box_header a:visited{color:#fff}
.comp_pref_box_header a:hover{
	color:#000;font-family:'Roboto', sans-serif; font-size:14px; font-weight:normal;}

.comp_pref_box{
	-moz-border-radius:0px 5px 5px 5px; -webkit-border-radius:0px 5px 5px 5px 5px; border-radius:0px 5px 5px 5px; -khtml-border-radius:0px 5px 5px 5px; border:1px solid #808080; background-color:#fff; padding:3px 3px 3px 3px;
}

.pref-Button-Box {
	text-align:center !important;
}

.pref-Button-Box a{
	display:inline-block;	
}
	

.prefnormalButton{
	border:1px solid #3F4855;
	background-color:#EEEEEE;	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
	display:inline-block;
	cursor:pointer;
	color:#3F4855;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	padding:3px 8px;
	text-decoration:none;
	font-weight:normal;
	min-width:50px;
	text-align:center !important;
	margin:0% 1%;
}
.prefnormalButton:hover{
	border:1px solid #EEEEEE;
	color:#fff;
	background-color:#3F4855;
	text-decoration:none;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	padding:3px 8px;
	font-weight:normal;
	min-width:50px;
}
.Button-Active{
	border:1px solid #EEEEEE;
	color:#fff;
	background-color:#3F4855 !important;
	text-decoration:none;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	padding:3px 8px;
	font-weight:normal;
	min-width:50px;
}



.arrow-btn-style{
	border:solid 1px #3F4855;
	border-radius:12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-khtml-border-radius:5px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:5px 15px;
	background:#00aaff;	
	cursor: pointer;	
}

.arrow-btn-style:hover{
	border:solid 1px #3F4855;
	border-radius:12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-khtml-border-radius:5px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:5px 15px;
	background:#545454;	
	cursor: pointer;	
}

.pagerResult-box {
	font:normal 12px 'Roboto', sans-serif; color:#3F4855 !Important;text-decoration:none;padding-bottom:8px !Important;
}
.pagerResult-box a:link,.pagerResult-box a:visited{
	font:normal 12px 'Roboto', sans-serif; color:#fff; background-color:#3F4855;text-decoration:none;padding:2px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #3F4855}
.pagerResult-box a:hover{color:#f2f2f2 !Important}

.pagerResult-box span {color:#959595 !Important;text-decoration:none;border:1px solid #959595 !Important}


.small-button{
	border:1px solid #3F4855;
	background-color:#b0b0b0;	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
	color:#000;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	padding:0px 3px;
	margin:0px;
	text-decoration:none;
	font-weight:bold;	
	text-align:center !important;
}

.small-button:hover{
	border:1px solid #3F4855;
	background-color:#fff;	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
	color:#3F4855;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	padding:0px 3px;
	margin:0px;
	text-decoration:none;
	font-weight:bold;	
	text-align:center !important;
}

.btn-light {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #ced4da !important;
    height: 31px;
    margin:0px 0px;	
	font:normal 14px 'Roboto', sans-serif; color:#3F4855;
}

.bootstrap-select .dropdown-toggle .filter-option {
    padding-top: none !important;
	font:normal 12px 'Roboto', sans-serif !important; color:#3F4855;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #3F4855 !important;
    text-align: left !important;
	font:normal 12px 'Roboto', sans-serif !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #7C7C7C !important;
}

/* New Right click  style */
/* Menu */
.menu {
  position: absolute;
  width: auto;
  padding: 2px;
  margin: 0;
  border: 1px solid #bbb;
  background: #eee;
  background: -webkit-linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
  z-index: 100;
  border-radius: 3px;
  box-shadow: 1px 1px 4px rgba(0,0,0,.2);
  opacity: 0;
  -webkit-transform: translate(0, 15px) scale(.95);
  transform: translate(0, 15px) scale(.95);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  pointer-events: none;
}

.menu-item {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.menu-btn {
  background: none;
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
  width: 100%;
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 8px;
  border-radius: 3px;
}
 .menu-btn::-moz-focus-inner, .menu-btn::-moz-focus-inner {
 border: 0;
 padding: 0;
}

.menu-text { margin-left: 25px; }

.menu-btn .fa {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menu-item:hover > .menu-btn {
  color: #fff;
  outline: none;
  background-color: #2E3940;
  background: -webkit-linear-gradient(to bottom, #5D6D79, #2E3940);
  background: linear-gradient(to bottom, #5D6D79, #2E3940);
  border: 1px solid #2E3940;
}

.menu-item.disabled {
  opacity: .5;
  pointer-events: none;
}

.menu-item.disabled .menu-btn { cursor: default; }

.menu-separator {
  display: block;
  margin: 7px 5px;
  height: 1px;
  border-bottom: 1px solid #fff;
  background-color: #aaa;
}

.menu-item.submenu::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left-color: #808080;
}

.menu-item.submenu:hover::after { border-left-color: #fff; }

.menu .menu {
  top: 4px;
  left: 99%;
}

.show-menu, .menu-item:hover > .menu {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}

.menu-item:hover > .menu {
  -webkit-transition-delay: 100ms;
  transition-delay: 300ms;
}

/*.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
   
    height: fit-content;
}*/
.datePicker> button{ height:31px !important; line-height:15px !important;}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

/*################################################## BALANCE PAGE STYLE @2013@ #####################################################*/

/*New Class*/
.balance_outerbox{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-khtml-border-radius:8px;border:1px solid #3F4855;background-color:#fff;padding:0px 8px 8px 8px}

.balance_outerbox_heading {
	background-color:#cfcfcf;
	-moz-border-radius: 0px 0px 10px 10px;/* FireFox 1+ */
	-webkit-border-radius: 0px 0px 10px 10px;/* Safari 3+, Chrome */
	border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-bottom:1px solid #3F4855;
	border-right:1px solid #3F4855;
	border-left:1px solid #3F4855;
	padding:4px 10px;
	text-decoration:none;
	font:bold 14px verdana, Geneva,sans-serif;
	color:#000000;
}
.balance_outerbox_heading a:link{color:#000000}
.balance_outerbox_heading a:visited{color:#000000}
.balance_outerbox_heading a:hover{color:#ffffff}


.balance_inner_1box_heading{
	background-color:#828181;
	-moz-border-radius:10px 10px 0px 0px;/* FireFox 1+ */
	-webkit-border-radius:10px 10px 0px 0px;/* Safari 3+, Chrome */
	border-radius:10px 10px 0px 0px;
	-khtml-border-radius:10px 10px 0px 0px; 	
	padding:0px 10px;
	text-decoration:none;
	font: bold 14px verdana, Geneva,sans-serif;
	color:#fff;
	letter-spacing:1px;
	display:inline-block;
	height:31px;
	line-height:31px;
}
.balance_inner_1box_heading >.normal{color:#fff;font: bold 14px verdana, Geneva,sans-serif;}

.balance_inner_1box{
    padding: 10px;
	padding-bottom:0.25rem !important;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #828181;
    /*border-left-width: .25rem;*/
    border-radius: .25rem;
}
.bd-callout-warning {
    border-left-color: #B0B0B0;
}
.bd-callout-warning2 {
    border-left-color: #3F4855;
}
.balance_inner_2box_heading{
	background-color:#828181;
	-moz-border-radius:10px 10px 0px 0px;/* FireFox 1+ */
	-webkit-border-radius:10px 10px 0px 0px;/* Safari 3+, Chrome */
	border-radius:10px 10px 0px 0px;
	-khtml-border-radius:10px 10px 0px 0px; 	
	padding:0px 10px;
	text-decoration:none;
	font: bold 14px verdana, Geneva,sans-serif;
	color:#fff;
	letter-spacing:1px;	
	display:inline-block;
	height:31px;
	line-height:31px;
}
.balance_inner_2box_heading >.normal{color:#fff;font: bold 14px verdana, Geneva,sans-serif;}
.balance_inner_2box{
	padding:10px;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #828181;
    /*border-left-width: .25rem;*/
    border-radius: .25rem;
}

/*holde*/
	.balance_hold{background-color:#ddd; font:bold 14px verdana; color:#FF0000;letter-spacing:0.5px}
	.balance_hold a:link{background-color:#ddd; font:bold 14px verdana; color:#FF0000;letter-spacing:0.5px;text-decoration:none}
	.balance_hold a:visited{color: #FF0000}
	.balance_hold a:hover{color: #000000}

	.balance_nothold{font:bold 14px verdana; color:#000;letter-spacing:0.5px}
	.balance_nothold a:link{font:bold 14px verdana; color:#000;letter-spacing:0.5px;text-decoration:none}
	.balance_nothold a:hover{color:#ffffff}

/*--------------------------------------------------------------New Class ends----------------------------------------------------------------------------------*/
/* Balance = OUTER BOX STYLE */
	
	


/* Balance = INNER BOX 1 STYLE */
	.balance_innerbox1_bg_color{ background-color:#fff; border:1px solid #777777; padding:5px}

	.balance_innerbox1_BBGL{background-color:#ddd;font:bold 14px verdana; color:#000;letter-spacing:0.5px;}
	.balance_innerbox1_BBGL a:link{font:bold 14px verdana; color: #000;letter-spacing:0.5px;text-decoration:none}
	.balance_innerbox1_BBGL a:hover{color:#ffffff}
	.balance_innerbox1_BBGR{background-color:#ddd; padding:5px}

	.balance_innerbox1_heading {font:bold 14px verdana; color:#000000}
	.balance_innerbox1_heading a:link{font:bold 14px verdana; color: #000000; text-decoration:none}
	.balance_innerbox1_heading a:visited{color: #000000}
	.balance_innerbox1_heading a:hover{color: #FFFFFF}

/* Balance = INNER BOX 2 STYLE */
	.balance_innerbox2_bg_color{ background-color:#fff; border:1px solid #7f7f7f; padding:5px}

	.balance_innerbox2_BBGL{background-color:#ddd;font:bold 14px verdana; color: #000;letter-spacing:0.5px;text-decoration:none}
	.balance_innerbox2_BBGL a:link{font:bold 14px verdana; color: #000;letter-spacing:0.5px;text-decoration:none}
	.balance_innerbox2_BBGL a:hover{color:#ffffff}

	.balance_innerbox2_BBGR{background-color:#ddd;padding:5px}

	.balance_innerbox2_heading {font:bold 14px verdana; color:#000000;text-decoration:none; height:21px}
	.balance_innerbox2_heading a:link{font:bold 14px verdana; color:#FFFFFF; text-decoration:none}
	.balance_innerbox2_heading a:visited{color:#FFFFFF}
	.balance_innerbox2_heading a:hover{color:#000000}

	.balance_normal {
		font-family: verdana, Geneva, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		letter-spacing: 1px;
		line-height: 21px;
	}

	.balance_black_bold {
		font-family: verdana, Geneva, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		letter-spacing: 1px;
		line-height: 21px;
	}

	.right-arrow{content: '\25ba';}


.box-color{
	background-color:#fff;
	border:8px solid #fcf8f3;
	-moz-border-radius:15px;/* FireFox 1+ */
	-webkit-border-radius:15px;/* Safari 3+, Chrome */
	border-radius:15px;
	-khtml-border-radius:15px; 
}

i.fa.fa-plus-square-o.fa-lg::before{font-size: 18px !Important;font-weight: normal !Important;}

i.fa.fa-plus-square-o.fa-2x::before{font-size: 18px !Important;	font-weight: normal !Important;}

/* Patient/ Home :: Speciality tabs */
.specialties-medicine-section {border-bottom:2px solid #f48b49; }
.specialties-medicine-section li {display:inline-block; min-width:90px; float:left; }
.specialties-medicine-section li a {text-align:center; display:block; padding:2px 5px; min-width:90px; }
.specialties-medicine-section li a:hover {text-align:center; display:block; background-color:#7C7C7C; padding:2px 5px; min-width:90px; }
.specialties-medicine-section li a img {width:25px; height:25px; }
.specialties-medicine-section li a span {color:#fff !important; text-align:center; padding-top:5px; display:block; font:normal 12px 'Roboto', sans-serif; }
.specialties-medicine-section li.active { color:#fff !important; text-decoration:none;  border-left:1px solid #f48b49; border-right:1px solid #f48b49; border-top:5px solid #f48b49;border-bottom:2px solid #fcf8f3; display:block; }

/* New Design for Radio buttons With YES and NO */
.customize-label-yes {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  padding: 3px 15px;
  border-radius: 100%;
  border:1px solid #2f8454;
  margin:5px 5px 0px 5px;
  font-size: 12px;
}
.customize-label-no {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  padding: 3px 15px;
  border-radius: 100%;
  border:1px solid #ef2538;
   margin:5px 5px 0px 5px;
  font-size: 12px;
}

.customize-label-yes-value {
  text-align: center;
  cursor: pointer;
  background-color: #58ba83;
  color: #000;
  padding: 3px 15px;
  border-radius: 100%;
  border:1px solid #2f8454;
   margin:5px 5px 0px 5px;
  font-size: 12px;
}

.customize-label-no-value {
  text-align: center;
  cursor: pointer;
  background-color: #ea3142;
  color: #000;
  padding: 3px 15px;
  border-radius: 100%;
  border:1px solid #ef2538;
   margin:5px 5px 0px 5px;
  font-size: 12px;
}

input[type="radio"]:checked  + label.yes{
  background-color: #58ba83;
  color: #fff;
}
input[type="radio"]:checked  + label.no{
  background-color: #ea3142;
  color: #fff;

}


/* New Design for Radio buttons and Checkboxes */
.radio {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  margin: 15px;
  font-weight:normal;
  color:#3F4855;
}
.radio .label {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid #c8ccd4;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}
.radio .label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ffa500;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}
.radio:hover .label:after {
  transform: scale(3.6);
}
input[type="radio"]:checked + .label {
  border-color: #ffc477;
}
input[type="radio"]:checked + .label:after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}

.checkbox {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  margin: 15px;
  font-weight:normal;
  color:#3F4855;
}
.checkbox .label {			  
  margin-right: 5px;
  width: 10px;
  height: 10px;
  border: 2px solid #c8ccd4;
  -webkit-tap-highlight-color: transparent;
  padding:0px 2px;			  
}
.checkbox .label:after {
  content: '\2713';
  position: relative;
 
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.01;
  pointer-events: none;
  font-size: 14px;
  font-weight:bold;
  color:#fb8e00;

}			
input[type="checkbox"]:checked + .label {
  border-color: #ffc477;
}
input[type="checkbox"]:checked + .label:after {
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}
.hidden {
  display: none;
}

.transition{
  transition: all .3s ease-out;
}	


.progress-bar{animation: load infinite 60s;}
	@keyframes load {
		0%{
			width:0%;
			background-color:#28a745;
		}
		50%{
			width:50%;
			background-color:#ffc107;
		}
		100%{
			width:100%;
			background-color:#dc3545;
		}
	
	}
	


/*############################################### INPATIENT SCHEDULE BOX STYLE @2013@ ################################################*/
	.inpatient_schedule_titlebg {
		background-color:#9b9692;
		-moz-border-radius:0px 0px 10px 0px;/* FireFox 1+ */
		-webkit-border-radius:0px 0px 10px 0px;/* Safari 3+, Chrome */
		border-radius:0px 0px 10px 0px;
		-khtml-border-radius:0px 0px 10px 0px;
		font:bold 12px Tahoma, Geneva, sans-serif;
		color:#fff;
		letter-spacing:1px;
		padding:5px 10px 5px 10px
	}

/* filter with hover effect 
	.searchBox {
		position: absolute;
		left:90%;
		transform:  translate(-100%,0%);
		background: #545454;
		height: 45px;
		border-radius: 10px 10px 0px 0px;
		padding: 12px 20px;
	}
	
	.searchButton {
		color: white;
		float: right;
		border-radius: 10;
		background: #545454;
		transition: 0.4s;
	}

	.searchInput1 {
		border:none;
		background: white;
		outline:none;
		float:left;
		padding: 0;
		color: #545454;
		font-size: 16px;
		transition: 0.4s;
		width: 0px;
	}
	.searchBox:hover > .searchInput1 {
		width: 200px;
		padding: 0 0px;
		margin-right:25px;
	}

	.searchBox:hover > .searchButton {
		background: white;
		color : #545454;
		position: absolute;
		left:85%;
		border-radius: 5px;
		padding:0px 10px;
	}
	
*/

.filterbox{
    position:relative;
    min-width:50px;
    width:0%;
    height:42px;
    float:right;
    overflow:hidden;    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
	border-radius: 5px 5px 0px 0px;
}

.filterbox-icon{
    width:50px;
    height:42px;
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:22px;
    right:0;
    padding:0;
    line-height:42px;
    text-align:center;
    cursor:pointer;
    color:#FFFFFF;
    background:#545454;
	border-radius: 5px 5px 0px 0px;
}

.filterbox-input{
    background:#fff;
    width:100%;
    height:42px;
    margin:0;
    padding:0px;
    font-size:20px;
    color:#545454;
	border-radius: 5px 5px 0px 0px;
}

.filterbox-open{
    width:100%;
	padding-right:50px;
}

/* Search filter new design */
.search-filter-heading::before {
   content: "Filters";
}

.search-filter-heading{background-color:#8e8d8a; border:1px solid #6d6d6d; letter-spacing:1px; border-bottom:0px}
.search-filter-box{background-color:#eae7dc; border:1px solid #6d6d6d}




.our-team-main{
	
}

.team-back{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	padding:30px 2px;
	font-size:14px !important;
	color:#fff !important;
}

.team-front{
	width:100%;
	height:100%;
	position:relative;
	z-index:10;
	bottom:0px;
	transition: all 0.5s ease;
	padding:30px 2px;
	font-size:14px !important;
}

.housekeeping{
	background-color:#f19747 !important;
	letter-spacing:1px;
	border:1px #a75105 solid;
	border-bottom:0px;
	text-align:center;
	border-radius:10px 10px 0px 0px;
	color:#fff !important;
	cursor:pointer;
	padding:5px;
}

.housekeeping-title{
	background-color:#e57512  !important;
	letter-spacing:1px;
	border:1px #a75105 solid;
	border-top:0px;
	text-align:center;
	border-radius:0px 0px 10px 10px;
	color:#fff !important;
	font-size:14px !important;
	cursor:pointer;
	padding:5px 0px;
	height:60px;
}

.occupied{
	background-color:#239bde !important;
	letter-spacing:1px;
	border:1px #003450 solid;
	border-bottom:0px;
	text-align:center;
	border-radius:10px 10px 0px 0px;
	color:#fff !important;
	cursor:pointer;
	padding:5px;
}

.occupied-title{
	background-color:#0b6ea5 !important;
	letter-spacing:1px;
	border:1px #003450 solid;
	border-top:0px;
	text-align:center;
	border-radius:0px 0px 10px 10px;
	color:#fff !important;
	font-size:14px !important;
	cursor:pointer;
	padding:5px;	
	height:60px;
}

.vacant {
	background-color:#44a244 !important;
	letter-spacing:1px;
	border:1px #024e02 solid;
	border-bottom:0px;
	text-align:center;
	border-radius:10px 10px 0px 0px;
	color:#fff !important;
	cursor:pointer;
	padding:5px;
}

.vacant-title{
	background-color:#178517 !important;
	letter-spacing:1px;
	border:1px #024e02 solid;
	border-top:0px;
	text-align:center;
	border-radius:0px 0px 10px 10px;
	color:#fff !important;
	font-size:14px !important;
	cursor:pointer;
	padding:5px;	
	height:60px;
}



.paging_font a{
	background-color:#3179cf;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #0250AC;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 10px;
	margin:5px 0px;
}
.paging_font a:hover {
	
	background-color:#0250AC;
	border:1px solid #3179cf;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #858585;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 10px;
	margin:5px 0px;
}

/* Notification Bar design */
.task-sticky {
	position: absolute;
	top: 0;				
	left: 0;
	margin: 5px;
	padding: 0px;
	z-index: 9999999999;	
	border-radius: 5px;
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
	display:block;
	max-width:550px;
}
#close-task-sticky-box {
	display:inline-block;
	margin: 2px;
	padding:0px 5px 2px 5px;
	position: absolute;
	top: 0;
	right: 0;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	cursor :pointer;
	background:#856404;
	border-radius: 5px;
	white-space:none;
}
#close-task-sticky-box:hover {
	display:inline-block;
	margin: 2px;
	padding:0px 5px 2px 5px;
	position: absolute;
	top: 0;
	right: 0;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	cursor :pointer;
	background:#856404;
	border-radius: 5px;
	white-space:none;
}
.task-sticky-box{
	font-size: 16px;
	max-height: 100px !important;
	overflow-y: auto;
	padding: 5px 30px 5px 5px;
}
.task-sticky-box::-webkit-scrollbar {
  width: 10px;
}
.task-sticky-box::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
.task-sticky-box::-webkit-scrollbar-thumb {
  background: #856404; 
}
.task-sticky-box::-webkit-scrollbar-thumb:hover {
  background: #555; 
}





.pnav-pills-custom .pnav-link {
    color: #fff;
    background: #9B9692;
    position: relative;
	border-radius:10px;
	letter-spacing:1px;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.pnav-pills-custom .pnav-link.active {
    background: #fffbf9;
	border-radius:10px;
	border:1px solid #9f9c9c;
	letter-spacing:1px;
	font-family: 'Roboto', sans-serif;
    color: #3F4855;
    font-size: 14px;
    font-weight: bold;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .pnav-pills-custom .pnav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #9f9c9c;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.pcontant-box{
	color: #454545;
    background: #fffbf9;
	border-radius:10px;
	border:1px solid #9f9c9c;
}

.pnav-pills-custom .pnav-link.active::before {
    opacity: 1;
}

.inpatient-box-tooltip {
	position: relative;
}

.inpatient-box-tooltip .inpatient-box-tooltip-text {
	visibility: hidden;
	background-color: #bae3f9;
	color: #000;
	border-radius: 8px;
	border:1px solid #0a5178;
	padding: 8px;
	position: absolute;
	width: auto;
	transform: translate(-50%, 22%);
	z-index: 1;
	font-size: 13px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	bottom: 120%;
	left: 50%;
	text-align:left;
	line-height:28px;
	white-space:nowrap;
}

.inpatient-box-tooltip .inpatient-box-tooltip-text::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 8px;
	border-style: solid;
	border-color: #0a5178 transparent transparent transparent;
}

.inpatient-box-tooltip:hover .inpatient-box-tooltip-text,
.inpatient-box-tooltip:focus .inpatient-box-tooltip-text {
	visibility: visible;
}