@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/*------------------------------------------------------------------
Bootstrap Admin Template by EGrappler.com
------------------------------------------------------------------*/




/** Base Body Styles **/
body{ background: url(../../img/body-bg.png); 
	color:#000; font: 13px/1.7em 'Open Sans';
	margin: 0px;
	padding: 0px
}

.account-container {
	/* width: 400px;  */
	 width: 100%; 
	display: block;
	margin: 30px auto 10px auto;
	background: #fff;
	/* background: #f9f9f9; */
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:  0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
	min-height: 488px;
	height: auto;
	padding: 15px;
}
    /* Login page css start */

	.container-login100{
		width:100%;
		min-height:100vh;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding:15px;
		background-image:url(../img/login-bg.png);
		background-position:center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		z-index:1;
	  }
	  .wrap-login100{
		width:500px;
		background-color: rgba(255,255,255,1);
		border-radius: 10px;
		position: relative;
		-webkit-box-shadow: 0px 0px 8px 2px rgba(222,224,234);
		-moz-box-shadow: 0px 0px 8px 2px rgba(222,224,234);
		box-shadow: 0px 0px 8px 2px rgba(222,224,234);
	  }
	  img.signuplogo {
		 width: 120px;
	 }
	  .login100-form{
		width:100%;
	  }
	  .login100-form-title{
		font-size:25px;
		color:#403866;
		line-height: 1.2;
		text-transform:uppercase;
		text-align: center;
		width:100%;
		display:block;
		margin-bottom:25px;
	  }
	  .login100-form-title i{
		font-size: 50px;
		color:#fff;
		border:1.5px solid #122867;
		width:100px;
		border-radius: 100%;
		height:100px;
		line-height: 90px;
		transition:0.5s ease-in-out;
	  }
	  .login100-form-title i:hover{
		background-color: #fff;
		color:#122867;
		border-color:#fff;
	  }
	  .wrap-input100{
		width:100%;
		position: relative;
		background-color: #e6e6e6;
		border:1px solid transparent;
		border-radius: 3px;
	  }
	  .input100{
		color:#403866;
		line-height: 1.2;
		font-size: 16px;
		display: block;
		width:100%;
		background-color: #f8f8f9;
		height:40px;
		padding:0px 20px 0px;
		border-radius: 6px;
	  }
	  .focus-input100{
		position: absolute;
		display:block;
		width:calc(100% + 2px);
		height:calc(100% + 2px);
		top:-1px;
		left:-1px;
		pointer-events: none;
		border:2px solid #122867;
		border-radius: 3px;
		visibility: hidden;
		opacity: 0;
		-webkit-transition:all 0.4s;
		transition:all 0.4s;
		-webkit-transform:scaleX(1.1) scaleY(1.3);
		transform:scaleX(1.1) scaleY(1.3);
	  }
	  .input100:focus + .focus-input100{
		visibility: visible;
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	  }
	  .container-login100-form-btn{
		width:100%;
		display:flex;
		flex-wrap:wrap;
	  }
	 
	  .p-t-30{padding-top: 30px;}
	  .p-b-30{padding-bottom: 30px;}
	  .p-l-30{padding-left: 30px;}
	  .p-r-30{padding-right:30px;}
	  .m-t-17{margin-top:17px;}
	  .m-b-16{margin-bottom:16px;}
	  
	  .w-full{
		width:100%;
	  }
	  .m-auto{
		margin:auto;
	  }
	  .btn-close{
		 font-size: 12px!important;
	  }
/* Login page css End */
.content {
	padding: 16px 18px 23px;
	 text-align: center;
} 
.login-fields .field {
	margin-bottom: 1.25em;
}

.login-fields label {
	display: none;
}

.login-fields input {
	font-family: 'Open Sans';
	font-size: 13px;
	color: #8e8d8d;
	padding: 11px 15px 10px 15px;
	background-color: #fdfdfd;
	width: 100%;
	display: block;
	margin: 0 auto;
	box-shadow: inset 2px 2px 4px #f1f1f1;
	border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
svg.svg-inline--fa.fa-key,svg.svg-inline--fa.fa-user,svg.svg-inline--fa.fa-envelope {
    color: #838383;
    font-size: 15px;
}
.username-field { background: url(../../img/signin/user.png) no-repeat; }

.password-field { background: url(../../img/signin/password.png) no-repeat; }



.login-actions {
	float: left;
	width: 100%;
	margin-top: -1em;
	margin-bottom: 1.25em;
}

.login-social {
	float: left;
	padding: 10px 0 15px;
	border: 1px dotted #CCC;
	border-right: none;
	border-left: none;	
}

span.login-checkbox {
	float: left;
	text-align: left;
}

span.login-checkbox > input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 15px;
}

span.login-checkbox > input[type='checkbox'] + label {    
    clear: none;
	height: 15px; 
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 1.2em;
    background: url(../../img/signin/check.png) no-repeat 0 0;
    cursor: pointer;
}

span.login-checkbox > input[type='checkbox']:checked + label {	
	background-position: 0 -15px;
}

/** Text Under Box**/
.login-extra {
	display: block; 
	width: 300px; 
	margin: 1.5em auto;
	text-align: left;
	line-height: 19px; 
	text-shadow: 1px 1px 0px #fff; 	
}


.account-container h1 {
	margin-bottom: 5px;
	font-size: 28px;
	color: #525252;
	font-weight: 600;
}

/** Buttons **/
.twitter, .fb {
	position: relative;
	
	height: 32px; 
	width: 157px; 
	display: block;
	
	background: url(../../img/signin/twitter_btn.png) no-repeat; 
	
}

.fb {
	width: 162px; 
	
	background: url(../../img/signin/fb_btn.png) no-repeat; 	
}

.twitter:active, .fb:active {
	top: 1px;
}

.twitter:hover, .fb:hover {
	background-position: 0 -32px;
}

.twitter a, .fb a {
	padding: 5px 0 0 35px; 
	text-shadow: -1px -1px 0px rgba(0,0,0,.3); 
	color:#fff; 
	font-weight: bold; 
	font-size: 11px; 
	height: 32px; 
	display: block;	
}

.fb a {
	padding: 5px 0 0 31px; 
	
}

.twitter, .fb {
	display: inline-block;
}

.twitter a:hover, .fb a:hover {
	color: #FFF;
	text-decoration: none;
}

.button {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; float: none; margin-top: 18px;}






.register .login-social {
	margin-bottom: 1em;
}

.register .login-actions {
	margin-bottom: 0;
}

.register .login-fields input {
	width: 299px;
	padding-left: 6px;
}

.register h1 {
	color: #444;
}

.register span.login-checkbox {
	position: relative;
	top: -6px;
	
	width: 200px;
}

.register span.login-checkbox > input[type="checkbox"] + label {
	
	position: relative;
	
	line-height: 1.3em;
}



@media (max-width: 480px) {
	
	.account-container {
		width: 280px;	
		margin-top: 35px;
	}
	
	.login-fields input {
		width: 100%;
	}
	
	.login-social {
		width: 100%;
	}
	
	.twitter {
		display: block;
		margin-bottom: 1em;
	}
	
	.register .login-fields input {
		width: 204px;
		padding-left: 6px;
	}
	
}

/* login new page css start */
  .loginrightside{
	min-height: 500px;
	height: auto;
  }
  h1.newlogin {
    margin-bottom: 14px;
    color: #122867!important;
    font-size: 28px;
    line-height: 36px;
	font-weight: 700;
}
.account-container-left {
	display: block;
	margin: 30px auto 10px auto;
	padding: 15px;
	background: #fff;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:  0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
	min-height: 410px;
	height: auto;
}

.login-actions.new{
	float: none!important;
	width: 100%!important;
	margin: 5px auto!important;
}
.medical_bill_listbox{
	background-color: #f9f6f1;
	border-radius: 4px;
	height: 80px;
	display: flex;
    align-items: center;
	padding: 10px 20px;
	margin-bottom: 5px;
}
.medical_bill_listbox2{
	display: flex;
    align-items: center;
	justify-content: center;
	margin-top: 16px;
	
}
.medbookbtn{
    background-image: linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
    background-color: #122867;
    /* border-color: #36AD47 #36AD47 #3e570b; */
    border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
    color: white;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 15%);
	padding: 10px 20px;
	border-radius: 3px;
    display: inline-block;
    margin: 5px auto;
	font-size: 16px;
    line-height: 24px;
}
.login_btn{
    background-image: linear-gradient(rgba(126, 178, 22, 0), rgba(0, 0, 0, 0.1));
    background-color: #122867;
    /* border-color: #36AD47 #36AD47 #3e570b; */
    border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
    color: white;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 15%);
	padding: 6px 16px;
	border-radius: 3px;
    display: inline-block;
    margin: 5px auto;
	font-size: 16px;
    line-height: 24px;
	/* width: 120px; */
}
.login_logo {
    width: 100px;
    cursor: pointer;
	padding-top: 15px;
}
h1.forgotlink{
	font-size: 20px;
	color: #122867;
	font-weight: 600;
}
.medical_bill_iconbox{
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;

}
img.medicon {
    width: 60px;
}
.medical_bill_contentbox {
    padding-left: 20px;
}
.medical_bill_contentbox h2{
font-weight: 600!important;
line-height: 30px!important;
}
.medical_bill_contentbox p {
	margin-bottom: 0px;
	line-height: 1.6!important;
}
.form-group.logincheckbox {
	display: block;
	margin-bottom: 15px;
	text-align: left;
  }
  
  .form-group.logincheckbox input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
  }
  
  .form-group.logincheckbox label {
	position: relative;
	cursor: pointer;
  }
  
  .form-group.logincheckbox label:before {
	content: "";
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #122867;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
	  inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 6px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
  }
  
  .form-group.logincheckbox input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
    top: 6px;
    left: 6px;
    width: 4px;
    height: 10px;
	border: solid #122867;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
  }
  
  /* login new page css END */
  @media (min-width: 320px) and (max-width: 480px){
	.medical_bill_listbox{
		height: 200px;
	}
	.account-container{
		width: 100%;
	}
  }
  img.mainlogo {
	/* width:180px!important; */
    margin: 5px;
	width: auto;
    max-height: 50px;
}
.navbar .brand {
	font-weight: 600;
	position: relative;
	top: 2px;
	font-size: 18px;
	color: #fff;
}