/*adding new google font link to match the Akos style guide */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400&display=swap');


/*Global font diclaration*/
body{
	font-family: 'Lato', sans-serif !important;
		 
}

.clear{
	clear: both!important;
}


div.fixed-button-bottom {
    margin-top: 11px;
    margin-bottom: 30px!important;
}

/*header logo*/
/* 
figure.login-page-logo img {
    padding: 0.5% 0 0 5%!important;
} */

nav.navbar figure.login-page-logo img {
    width: 100%;
}


/*font defination for the verification page*/
.text-center h4{
	font-size: 40px;
	font-weight:lighter;
	color: #009ea5;
	
	
}

.text-center p{
	font-size: 18px;
	font-weight: 100;
	color: #444444!important;
	
}


/*New button style*/

.room_enter_box .form .btn{
	background: #85c3a6 !important; /* Old browsers */
	background: -moz-linear-gradient(left,  #85c3a6 0%, #55bcbe 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #85c3a6 0%,#55bcbe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #85c3a6 0%,#55bcbe 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c3a6', endColorstr='#55bcbe',GradientType=1 ); /* IE6-9 */
	font-family: 'Lato', sans-serif !important;
	font-size: 14px!important;
	width: 100px !important;
	margin-top: 30px;
}


.btn-primary {
	background: #85c3a6 !important; /* Old browsers */
	background: -moz-linear-gradient(left,  #85c3a6 0%, #55bcbe 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #85c3a6 0%,#55bcbe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #85c3a6 0%,#55bcbe 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c3a6', endColorstr='#55bcbe',GradientType=1 ); /* IE6-9 */
	font-family: 'Lato', sans-serif !important;
	font-size: 14px!important;
	width: Auto !important;
	border: none!important;
	padding: 7px 14px 7px 14px!important;
	margin: 0px 5px 5px 5px;
	
}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	background-color: #cccccc!important;

}


.input-group-addon{
	background-color: #FFFFFF!important;
	
}


/*varification page input box style*/

.room_enter_box .form input {
	margin-top: 30px;
	width: 400px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px!important;
	border-radius: 15px!important;
}

/*Medical history section update CSS*/


.panel-info>.panel-heading {
    color: none!important;
    background-color: #FFFFFF!important;
    border-color: none!important;
	font-family: 'Lato', sans-serif !important;
	font-size: 40px;
	font-weight:lighter;
	color: #009ea5!important;
	text-align:left!important;
	
}


.room_enter_box .form {
	padding: 0px!important;
	
}

div.user-medication-history .panel {
    width: 95%;
    margin: 0 auto;
}

.panel-info {
	border: none!important;
}


div.user-medication-history .panel-body .col-md-12 h5 {
    background: none!important;
    color: #444444!important;
    padding: 15px;
    margin-top: 0px;
	font-size: 20px!important;
	font-weight:lighter;
}
 
.table-responsive{
	width: 95%!important;
	margin-left: 7px!important;
}

.table-responsive table td {
	padding: 10px!important;
	
	
}

.table-responsive table td:first-child {
	width: 5px!important;	
	
}

.table-responsive table td:last-child {
	width: 5px!important;
	text-align: right!important;
	
}


/*div.user-medication-history .panel-body .col-md-12 .form-group .dynamic_search {
	width: auto!important;
	background-color: #86C3A1!important;
	line-height: 30px!important;
	color: #FFFFFF!important;
	font-size: 16px!important;
	padding: 10px!important;
	
}*/


div.user-medication-history .panel-body .col-md-12 .form-group .dynamic_search {
    width: 93%!important;
    background-color: #86C3A1!important;
    line-height: 30px!important;
    color: #FFFFFF!important;
    font-size: 16px!important;
    padding: 10px!important;
    height: 250px!important;

}

.cc_btn-active {
   background: #4e4e4e!important;
   color: #FFFFFF!important;
   font-family: 'Lato', sans-serif !important;
   font-size: 14px!important;	
}

/* footer modification */

footer{
	background-color: #25406B!important;
	bottom: 0!important;
	position:relative!important;
		
	}

.text-center p{
	/*color: #FFFFFF!important;*/
	font-size: 14px!important;
	margin-top: 15px;
}

#connect_footer{
	margin-bottom: 0!important;
}


#connect_footer p{
	color: #FFFFFF!important;
}

/*tab panel*/

.panel-group {
    margin-top: 30px!important;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #FFFFFF!important;
    border-color: #FFF!important;
	padding: 15px!important;
	/*-moz-box-shadow: 0px 0px 6px #e7f9fa; 
  	-webkit-box-shadow: 0px 0px 6px #e7f9fa; 
     box-shadow: 0px 0px 6px #e7f9fa;*/
	-webkit-box-shadow: 2px 0px 15px 1px rgba(0,188,197,0.25)!important; 
	box-shadow: 2px 0px 15px 1px rgba(0,188,197,0.25)!important;
	border-radius: 20px;
	
	
}

div.user-medication-history .panel-default ul li {
    padding: 10px !important;
    margin: 6px!important;
    border-radius: 5px;
}

div.user-medication-history .panel {
    width: 95%;
    margin: 20px auto !important;

}


.panel {
    border-radius: 20px!important;
}

.custom-form-group{
	margin-left: 62px!important;
}


/*Payment page*/

.dropin-container h2{
	font-family: 'Lato', sans-serif !important;
	font-size: 40px!important;
	color: #00BCC5!important;
	
}

.dropin-container button{
	
	margin-top: 30px!important;
	width: 200px!important;
	height: 60px!important;
	font-size: 20px!important;
	font-weight: 600!important;

}



/*nav bar*/

.navbar-inverse {
    background: #85c3a6 !important;
	background: -moz-linear-gradient(left,  #85c3a6 0%, #55bcbe 100%)!important; 
	background: -webkit-linear-gradient(left,  #85c3a6 0%,#55bcbe 100%); 
	background: linear-gradient(to right,  #85c3a6 0%,#55bcbe 100%)!important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c3a6', endColorstr='#55bcbe',GradientType=1 ); 
	border: none!important;
}

.navbar-toggle{
	display: none!important;
	
}




/*inline style from index.html*/
 
        .unsupportedbrowser{
        font-family: 'Lato-Regular';
        margin-top: 0%;
        }
        .unsupportedbrowser.modal-header{
        background: #25406B;
        }
        .unsupportedbrowser.modal-header span{
        color: #fff;
        }
        .unsupportedbrowser.modal-title{
        color: #fff;

        }
        .unsupportedbrowser.modal-body p{
        padding: 10px;
        }
        .unsupportedbrowser.modal-body img{
        margin: 0 auto;
        display: block;
        }
        .unsupportedbrowser.modal-footer button{
        background: #25406B;
        color: #fff;
        }
   

/*Video call page*/

	.room-call #videos p {
		padding: 10px!important;
		font-size: 14px!important;
	
}

.alert-info {
    color: #86C3A1!important;
    background-color: #FFFFFF!important;
    border-color: #FFFFFF!important;
}



/*Insurance page*/

.panel-footer {
    padding: 10px 15px;
    background-color: #FFFFFF!important;
    border-top: 0px!important;
    border-bottom-right-radius: none!important;
    border-bottom-left-radius: none!important;
}


/*personal info*/
/*div.user_room_div_box .terms-user p input[type="checkbox"] {
    width: 2%;
    position: absolute;
    margin-top: 5px;
    margin-left: -30px;
}*/

div.user_room_div_box .login-page .form .btn-active {
    background: rgba(51,122,183,1)!important;
    color: #fff;
	font-family: 'Lato', sans-serif !important;
	
}


div.user_room_div_box .terms-user p input[type="checkbox"] {
	
	position: absolute;
    margin-top: 5px;
    margin-left: -30px!important;
	font-family: 'Lato', sans-serif !important;
	width: 30px!important;
}


div.user_room_div_box .login-page {
	font-family: 'Lato', sans-serif !important;
}

div.user_room_div_box .login-page .form input {
	
	font-family: 'Lato', sans-serif !important;
	

}




/*Media Query*/

/*chat box*/
@media only screen and (max-width: 500px) {
.room_enter_box .form input {
   width: 340px !important;
   margin-top: 10px!important;

}
.text-center h4 {
   font-size: 35px!important;
   margin-top: 25px!important;

}	
.text-center p {
   font-size: 14px!important;
   margin: 15px!important;
}	
div.chatTemplate{
	/* display: none!important; */
	}
	
ul.doc-call-options{
	left: 35%!important;
}	
	
/*heading text*/
	
	.panel-info>.panel-heading {
		font-size: 20px!important;
		font-weight: 800;
	}

	#connect_footer{
		display: none!important;
	}	
	
	
/*table*/
	.table-responsive {
    margin-left: 10px!important;
}
	
	
div.user-medication-history .panel-body .col-md-12 .form-group .dynamic_search {
    width: 88%!important;	
	}
	
.custom-form-group {
    margin-left: 20px!important;
}	
}

.modal-footer .btn+.btn {
   margin-bottom: 5px!important;
  
}

/*workerscomp screen*/

div.nurse_room form .col-md-3 input[type="submit"], div.nurse_room form .col-md-3 input[type="button"] {
    background: #85c3a6 !important; /* Old browsers */
	background: -moz-linear-gradient(left,  #85c3a6 0%, #55bcbe 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #85c3a6 0%,#55bcbe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #85c3a6 0%,#55bcbe 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c3a6', endColorstr='#55bcbe',GradientType=1 ); /* IE6-9 */
	font-family: 'Lato', sans-serif !important;
	font-size: 14px!important;
	width: Auto !important;
	border: none!important;
	padding: 7px 18px 7px 18px!important;
	margin: 3px 5px 5px 5px;

}


.leftmargin{
	/*margin-left: 50px!important;*/
	width: 94%!important;
	margin: auto!important;
	text-align: left!important;
}

@media only screen and (device-width: 768px) {
	/* For general iPad layouts */
	#connect_footer{
		display: none!important;
	  } 
  }
  
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
	#connect_footer{
		display: none!important;
	  } 
  }
  
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
	#connect_footer{
		display: none!important;
	  } 
  }