@import url('fontawesome/font-awesome.css');

@font-face {
	font-family:'Gotham-Bold';
	src: url('fonts/Gotham-Bold.eot');
	src: local('☺'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'Gotham-Book';
	src: url('fonts/Gotham-Book.eot');
	src: local('☺'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

iframe{
	overflow:hidden;
}
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}




/*----------GLOBAL RESETS----------*/
*{padding:0; margin:0; border:0;}

/*----------HTML5 HELPERS----------*/
header, nav, section, article, aside, footer, hgroup{display:block;}

/*----------GLOBAL DEFAULTS----------*/
html{min-height:100%; height:auto; overflow-y:scroll; -webkit-font-smoothing:antialiased;}
body{background:#FFF; background-size:cover; font-family:'Gotham-Book', Verdana, sans-serif; color:#000; font-size:14px; line-height:20px;}

@media only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (min-device-pixel-ratio:1.25), only screen and (min-resolution:200dpi), only screen and (min-resolution:1.25dppx){-webkit-font-smoothing:subpixel-antialiased;} 

::selection{background:#000; color:#FFF;}
::-moz-selection{background:#000; color:#FFF;}

a{text-decoration:none; color:#5FADDE;}
a:hover{color:#2B6488;}

p{margin:0 0 20px 0; font-size:14px; line-height:20px;}

ul{padding:0 0 0 30px; margin:0 0 20px 0;}
li{margin:0 0 5px 0;}

hr{background:#CCC; height:1px; display:block; clear:both; overflow:hidden; margin:20px auto;}

.left{float:left;}
.right{float:right;}

.twenty{width:19%;}
.thirty{width:29%;}
.thirtyThree{width:29%; margin:0 2% 0 0;}
.forty{width:39%;}
.fifty{width:49%;}
.sixty{width:59%;}
.seventy{width:69%;}
.eighty{width:79%;}

.clear{display:block; clear:both; overflow:hidden;}

.nav li ul {
    position:block;
    display:none;
    width:75%;
    margin-left: 60px;
	text-align:left;
}

.nav li:hover ul {
    display:block;
}

h1{font-weight:normal; font-family:'Gotham-Bold', Verdana, sans-serif; font-size:20px; color:#272828; margin:0 0 20px 0;}
h2{font-weight:normal; font-family:'Gotham-Bold', Verdana, sans-serif; font-size:16px; color:#272828; margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:2px solid #272828; clear:both;}
h3{font-weight:normal; font-family:'Gotham-Bold', Verdana, sans-serif; font-size:14px; color:#272828; clear:both; border-bottom:1px solid #CCC; margin:10px 0 10px 0; padding:0 0 5px 0;}
h4{font-weight:normal; font-family:'Gotham-Bold', Verdana, sans-serif; clear:both; font-size:16px; padding:15px 0 10px 0; overflow:hidden;}

input[type="submit"], input[type="reset"]{cursor:pointer; padding:10px 25px; border:none; background:#272828; color:#FFF; text-transform:uppercase; font-size:10px;}
input[type="submit"]:hover, input[type="reset"]:hover{background:#000;}

form.login{}
form.login label{float:left; width:120px;}
form.login input[type="text"], form.login input[type="email"], form.login input[type="password"]{border:2px solid #272828; padding:5px 10px; margin:0 0 10px 0; width:400px;}

form.search{margin:0 0 20px 0; clear:both; overflow:hidden;}
form.search label{float:left; width:200px;}
form.search em{font-size:11px; display:block; clear:both;}
form.search input[type="text"], form.search input[type="number"], form.search input[type="email"], form.search input[type="password"], form.search input[type="tel"], form.search select, form.search textarea{font-family:'Gotham-Book', Verdana, sans-serif; border:1px solid #888; padding:4px 7px; margin:0 0 10px 0;}
form.search textarea{width:97%; min-height:200px;}
form.search [readonly="readonly"], form.search [disabled="disabled"]{background:#CCC;}
fieldset.notPatient{background:#FFF!important;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; margin:0;}

header{clear:both; overflow:hidden; background:#272828;}
header img.logo{float:left; padding:20px 0 20px 2%;}
header .type{float:left; color:#FFF; font-size:32px; margin:50px 0 0 5%;}
header a{color:#FFF;}
header nav{clear:both; margin:0 0 -5px 0; padding:0 2%; overflow:hidden;}
header nav ul{list-style-type:none; padding:0; margin:0;}
header nav li{margin:0; padding:0; display:inline-block;}
header nav li a{color:#FFF; display:block; padding:7px 15px; text-transform:uppercase; font-size:13px; overflow:hidden;}
header nav li a:hover{color:#77ABDD;}
header nav li a.active, header nav li a.active:hover{background:#E31D33; color:#FFF;
text-shadow:1px 1px 0 #A80010, 2px 2px 0 #A80010, 3px 3px 0 #A80010, 4px 4px 0 #A80010, 5px 5px 0 #A80010, 6px 6px 0 #A80010, 7px 7px 0 #A80010, 8px 8px 0 #A80010, 9px 9px 0 #A80010, 10px 10px 0 #A80010, 11px 11px 0 #A80010, 12px 12px 0 #A80010, 13px 13px 0 #A80010, 14px 14px 0 #A80010, 15px 15px 0 #A80010, 16px 16px 0 #A80010, 17px 17px 0 #A80010, 18px 18px 0 #A80010, 19px 19px 0 #A80010, 20px 20px 0 #A80010;}
header .right{padding:20px 2% 0 0;}
header .myAccount{display:block; clear:both; color:#FFF; margin:0 0 10px 0;}
header .myAccount a{color:#FFF;}
header .myAccount a:hover{text-decoration:underline;}
header ul.buttons{margin:0; padding:0; list-style-type:none; text-align:right;}
header ul.buttons li{display:inline-block; margin:0; paddiing:0;}
header ul.buttons li a{display:block; overflow:hidden; background:#FFF; color:#000; margin:0 0 0 10px; padding:7px 15px; text-transform:uppercase; font-size:12px; font-family:'Gotham-Bold', Verdana, sans-serif;}
header ul.buttons li a:hover{background:#E31D33; color:#FFF; text-shadow:1px 1px 0 #A80010, 2px 2px 0 #A80010, 3px 3px 0 #A80010, 4px 4px 0 #A80010, 5px 5px 0 #A80010, 6px 6px 0 #A80010, 7px 7px 0 #A80010, 8px 8px 0 #A80010, 9px 9px 0 #A80010, 10px 10px 0 #A80010, 11px 11px 0 #A80010, 12px 12px 0 #A80010, 13px 13px 0 #A80010, 14px 14px 0 #A80010, 15px 15px 0 #A80010, 16px 16px 0 #A80010, 17px 17px 0 #A80010, 18px 18px 0 #A80010, 19px 19px 0 #A80010, 20px 20px 0 #A80010;}

.companyName{display:block; font-size:20px; font-weight:bold; color:#000; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #CCC; line-height:normal;}

section.container{padding:1% 2%;}

#blackOut{padding:30px 0;}
#blackOut .message{color:#FF0000; font-weight:bold; display:block; clear:both; margin:0 0 5px 0;}
/*#blackOut{background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:999;}*/

.greyBox{padding:2%; margin:1% 0; display:block; overflow:hidden; border:1px solid #CCC; background:#F8F8F8; background:-moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%); background:-webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%); background:linear-gradient(to bottom, #f8f8f8 0%,#eeeeee 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee',GradientType=0 );}

footer{font-size:12px; color:#666; text-align:right; clear:both; overflow:hidden; margin:0 2%; padding:20px 0 10px 0;}

table{width:100%; margin:0 0 50px 0; border-collapse:collapse;}
table th{text-align:left; font-weight:bold; background:#DDD; padding:5px; cursor:default;}


table.zebra{border-collapse:collapse;}
table.zebra tr{}
table.zebra tr:hover > td{background:#CCC!important;}
table.zebra thead th{background:#EEE; text-align:left; border-bottom:1px solid #272828; padding:5px 10px;}
table.zebra tbody tr:nth-child(even) td{background:#EEE;}
table.zebra td{border-bottom:1px solid #272828; padding:5px 10px;}

.clickable{cursor:pointer;}

.patientInfo{}
.patientInfo h1{color:#E31D33; margin:0 0 10px 0;}
.patientInfo .title{margin:0 5px 0 0; font-family:'Gotham-Bold', Verdana, sans-serif; display:block; clear:both;}
.patientInfo .patientDetails{display:inline-block; width:29%; margin:0 2% 10px 0; vertical-align:top;}
.patientInfo .note{background:#EEE; padding:5px; margin:0 0 15px 0; font-style:italic; font-weight:bold; display:block; clear:both; overflow:hidden;}

.patientSummary{display:block; clear:both; overflow:hidden; margin:0 0 20px 0;}

.clientMenu{}
.clientMenu ul{margin:0; padding:0; list-style-type:none;}
.clientMenu li{display:block; margin:0; padding:0;}
.clientMenu li a{display:block; padding:8px; margin:0; border-bottom:1px solid #FFF; color:#FFF; background:#77ABDD;}
.clientMenu li a.active{background:#E31D33;}
.clientMenu li a.active:after{content:'\25BA'; float:right;}
.clientMenu li a:hover{opacity:0.8;}
/*.clientMenu li:first-of-type > a, .client li:first-of-type > a:hover{cursor:default; background:#EEE; opacity:1; font-weight:bold; color:#000; text-transform:uppercase;}*/

a.button, a.scores{display:inline-block; overflow:hidden; background:#272828; color:#FFF; margin:0 0 0 10px; padding:7px 15px; text-transform:uppercase; font-size:14px;}
a.button:hover, a.scores:hover{background:#77ABDD; color:#272828;}
a.scores{margin:0;}
.red{background:#E31D33!important; color:#FFF!important; text-shadow:1px 1px 0 #A80010, 2px 2px 0 #A80010, 3px 3px 0 #A80010, 4px 4px 0 #A80010, 5px 5px 0 #A80010, 6px 6px 0 #A80010, 7px 7px 0 #A80010, 8px 8px 0 #A80010, 9px 9px 0 #A80010, 10px 10px 0 #A80010, 11px 11px 0 #A80010, 12px 12px 0 #A80010, 13px 13px 0 #A80010, 14px 14px 0 #A80010, 15px 15px 0 #A80010, 16px 16px 0 #A80010, 17px 17px 0 #A80010, 18px 18px 0 #A80010, 19px 19px 0 #A80010, 20px 20px 0 #A80010;}
.red:hover{background:#272828!important; color:#FFF!important; text-shadow:none;}
input[type="submit"].button.red{font-size:14px; font-family:'Gotham-Book', Verdana, sans-serif;}
.blue{background:#3393FF!important; color:#FFF!important; text-shadow:1px 1px 0 #338AFF, 2px 2px 0 #338AFF, 3px 3px 0 #338AFF, 4px 4px 0 #338AFF, 5px 5px 0 #338AFF, 6px 6px 0 #338AFF, 7px 7px 0 #338AFF, 8px 8px 0 #338AFF, 9px 9px 0 #338AFF, 10px 10px 0 #338AFF, 11px 11px 0 #338AFF, 12px 12px 0 #338AFF, 13px 13px 0 #338AFF, 14px 14px 0 #338AFF, 15px 15px 0 #338AFF, 16px 16px 0 #338AFF, 17px 17px 0 #338AFF, 18px 18px 0 #338AFF, 19px 19px 0 #338AFF, 20px 20px 0 #338AFF;}
.blue:hover{background:#272828!important; color:#FFF!important; text-shadow:none;}
input[type="submit"].button.blue{font-size:14px; font-family:'Gotham-Book', Verdana, sans-serif;}

ul.steps{border:1px solid #272828; padding:0; margin:0 0 30px 0; list-style-type:none; clear:both; display:inline-block;}
ul.steps li{display:inline-block; margin:0; padding:0;}
ul.steps li a{color:#000; display:block; padding:5px 15px; font-size:12px; position:relative;}
ul.steps li a:hover{opacity:0.7;}
ul.steps li.active, ul.steps li.active a:hover{background:#E31D33; color:#FFF; opacity:1;}
ul.steps li.active a{color:#FFF;}
ul.steps li.active a:after{content:''; border-left:20px solid transparent; border-right:20px solid transparent; border-top:14px solid #E31D33; position:absolute; bottom:-14px; width:0; left:50%;    margin-left:-20px;}
.tab-content{display:none;}
#tab-1{display:block;}

img.insuranceCard{max-width:300px; clear:both; display:block; margin:0 0 10px 0;}
img.imageUpload{max-width:300px; clear:both; display:block; margin:0 0 10px 0;}


/******************************
	MODAL BOX (start)
 ******************************/
.modal-overlay{opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; z-index:900; width:100%; height:100%; background:rgba(0, 0, 0, 0.9)!important;}

.modal-box{display:none; position:fixed; top:20px; left:5%; z-index:1000; width:90%; height:auto; overflow:hidden; background:#FFF; border-bottom:1px solid #AAA; border-radius:4px; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); border:1px solid rgba(0, 0, 0, 0.1); background-clip:padding-box;}
.modal-box .header{border-bottom:1px solid #DDD; position:relative; padding:15px;}
.modal-box .header .title{margin:0; font-weight:bold;}
.modal-box .modal-body{padding:15px;}
.modal-box .footer{padding:15px; border-top:1px solid #DDD; background:rgba(0, 0, 0, 0.02); text-align:right;}
.modal-box .header a.close{line-height:1; font-size:24px; position:absolute; top:10px; right:15px; text-decoration:none; color:#BBB;}
.modal-box .header a.close:hover{color:#222; -webkit-transition:color 1s ease; -moz-transition:color 1s ease; transition:color 1s ease;}
.modal-box .footer a.close{padding:7px 10px; font-size:10px; background-color:#FFF; border:1px solid #BBB; color:#333; text-decoration:none; display:inline; border-radius:4px; -webkit-transition:background-color 1s ease; -moz-transition:background-color 1s ease; transition:background-color 1s ease;}
.modal-box .footer a.close:hover{background-color:#DDD; -webkit-transition:background-color 1s ease; -moz-transition:background-color 1s ease; transition:background-color 1s ease;}

@media (min-width:32em){
	/*.modal-box{width:70%;}*/
}
/******************************
	MODAL BOX (end)
 ******************************/

.dashboard{display:block; clear:both; margin:0 0 10px 0;}
.dashboard div{display:inline-block; width:32%;}
.dashboard span{font-weight:bold; display:inline-block;}
.dashboard .complete{color:#72BB53;}
.dashboard .incomplete{color:#E11D32;}
.dashboard .fa{margin:0 0 10px 0;}

.single{display:inline-block; margin:0 15px 0 0;}

.contain{display:block; clear:both; overflow:hidden;}
.contain label{}
.contain input, .contain select, .contain textarea{float:left; width:200px;}
.contain select{width:216px;}
.contain .info{float:left; margin:0 0 0 10px; color:#999; font-style:italic;}

.hide{display:none;}
.show{display:block!important;}

.message{padding:5px 10px; margin:0 0 20px 0; font-weight:bold; font-size:12px;}
.message.error{border:1px solid #CC0000; color:#8D0000; background:#FF8D8D; text-shadow:1px 1px 0 #FFBABA;}
.message.success{border:1px solid #00CC22; color:#008D04; background:#94FF8D; text-shadow:1px 1px 0 #BAFFC2;}
.message.info {
	border: 1px solid #2196f3;
	color: #ffffff;
	background: #03a9f4;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 32px;

}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;

}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.filter{
	margin: auto;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

.span-left{
	/*padding-right: 10px;*/
	display: inline-block;
	vertical-align: inherit;
}
.span-right{
	/*padding-left: 10px;*/
	display: inline-block;
	vertical-align: inherit;
}


@media screen and (max-width:1000px){
	.desktop{display:none!important;}
	.mobile{display:block!important;}
	
	nav#mm-menu{font-family:'Titillium Web', sans-serif;}
	.mm-opened header .hamburger img{display:none;}
	.mm-opened header .hamburger img.hide{display:block!important;}
	.mm-footer{box-shadow:0 0 20px #000;}
	.mm-list > li > a, .mm-list > li > span, .mm-list, .mm-list > li{text-align:left!important;}
	ul li.label{background:rgba(255, 255, 255, 0.05); text-overflow: ellipsis; white-space:nowrap; overflow:hidden; font-size:10px; text-transform:uppercase; text-indent:20px; line-height:25px; padding-right:5px;}
	
	section.container{padding:4%;}
	
	header .right{float:none; display:block; clear:both; width:94%; margin:0 auto; padding:0;}
	header .myAccount{clear:none; float:left;}
	header ul.buttons{float:right;}
	header nav{float:none!important; text-align:center; padding:20px 0 0 0; clear:both; overflow:hidden;}
	header .type{float:right; margin:50px 3% 0 0;}
	
	.clientMenu, section.eighty.right{width:100%; float:none; clear:both; margin:0 0 20px 0;}
	.clientMenu li a.active:after{content:'';}
	
	.login.page{}
	.login.page .fifty{float:none; width:100%; clear:both;}
}


@media screen and (max-width:550px){
	header .type{display:none;}
	header img.logo{float:none; display:block; margin:0 auto; padding:30px 0;}
	header nav li a{font-size:9px; padding:5px 10px;}
	header .myAccount a{display:block;}
	header .myAccount span{display:none;}
	header ul.buttons li a{font-size:10px;}
}


@media screen and (max-width:370px){
	header .myAccount{font-size:11px;}
	header nav li a{padding:5px;}
	
}

.modal-content iframe {
	height: 50vh;
	overflow: auto;
}

.modal-content .close {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.dashboard-sections .dashboard_link {
		font-size: 14px;
	}

	.dashboard-sections .image {
		text-align: center;
		width: 100%;
	}

	.modal-content iframe {
		height: 70vh;
		overflow: auto;
	}

	.dashboard-sections .section-2, .dashboard-sections .section-3 {
		margin-bottom: 30px;
	}
}


#apptModal.modal{
	padding-top: 10px ;
}

#apptModal  .modal-content{
	width: 90%;
	height: 90vh;
	display: flex;
	flex-direction: column;
}
#apptModal .modal-content iframe{
	height: 100%;
}
.width-30{
	width: 33%;
	display: inline-block;
}
.apply-data-div{
	/*width: 50%;*/
	margin: auto;
	padding-top: 15px;
	color: #666666;
}

#hhApptModal.modal{
	padding-top: 10px ;
}

#hhApptModal  .modal-content{
	width: 90%;
	height: 90vh;
	display: flex;
	flex-direction: column;
}
#hhApptModal .modal-content iframe{
	height: 100%;
}