@charset "utf-8";
/*-- General --*/
body{ height:auto;}
.wrapper-content{ padding: 10px 10px 40px;}
@media (min-width: 768px){
.uploadPage #page-wrapper { margin-left:0px;}
}
@media (max-width: 768px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-11,.col-xl-12{
	padding-left:5px;
	padding-right:5px;	
}
}
.clear{ clear:both;}
.space-top{ margin-top:10px;}
.space-bottom{ margin-bottom:10px;}
.space-left{ margin-left:10px;}
.space-right{ margin-right:10px;}

/*-- Page Header --*/
.navbar-top-links{ float: right;}

/*-- Display Item Rule --*/
@media (max-width: 767px){
.hideInMobile{ display:none;}/* hidden in mobile device*/
}
@media (min-width: 767px){
.hideInMobile{ display:block;}
}
@media (max-width: 767px){
.showInMobile{ display:block;}
}
@media (min-width: 767px){
.showInMobile{ display:none;}
}
/*-- Modal --*/
.modal-dialog{ padding-top:0px;}
.inmodal .modal-header{ padding:10px 20px;}
.modal-header .close{ margin-top:15px}
.mail-box-header{ padding:30px 20px 12px 20px;}

/*-- Text --*/
body{ font-size:15px;}
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a, body.canvas-menu.mini-navbar .navbar-default .nav > li > a{ font-size:14px;}
h6{ font-weight:bold;}
.text-confirm{ color:#1ab394;}
.page-heading{ padding: 0 10px 10px 10px;}
.pageTitle{ margin-top:18px; margin-left:15px;}
.wordBreak{ word-break:break-all;}
.text-indent{ text-indent:2em;}
.font-larger{ font-size:24px;}

/*-- Splitter --*/
.hr-line-dashed{ background:transparent; color:#333; border-top-color:#ccc;}

/*-- Tabs --*/
.tabs-container .panel-body{ padding:10px;}
@media (max-width: 767px){
.tabs-container .nav-tabs > li{
	float:left!important;
}
}
/*-- Input --*/
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:#1ab394;}
.select2-container .select2-selection--single{ height:34px; padding-top:2px;}

/*-- iCheck --*/
.questionnaire .iradio_square-green{ margin-right:8px!important;}
.icheckbox_square-green{ margin-right:5px!important;}

/*-- Table --*/
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ min-height:52px;}

/*-- Sidebar --*/
.nav-header{ padding:12px 25px 10px 25px; background-image:none;}
body.mini-navbar.fixed-sidebar .nav-header{ padding:12px 25px 10px 25px; background-color:#2f4050;}

/*-- Top Menu --*/
.navbar-right{ float:right;}
@media (max-width: 768px){
.navbar-right { margin-right:15px;}
}
.navbar-bg-title{ height:65px; padding:25px!important; font-size:20pt;}
#nav_logo{ margin-top:5px; margin-left:10px;}

/*-- ibox --*/
.ibox-content{ min-height:100px;}

/*-- label --*/
.label{ display:inline-block;}

/***------- Each Pages -------**/
/**-- Login_new --**/
.login-marketing{ background:url(../images/login_bg.jpg) no-repeat; background-size:cover;}
.login-marketing .loginPanel{ 
	background:rgba(255,255,255,0.8); 
	padding:20px 30px; 
	box-shadow:0px 0px 5px #999;
	height:350px;
	margin-left:0;
}
.login-marketing .loginColumns{ max-width:600px; padding-top:100px;}
.login-marketing .ibox-content{ border-top:none; background:transparent;}
.login-marketing .ibox-content img{ width:100%; max-width: 330px;}
.login-marketing .text-title{ font-weight:bold; font-size:24px;}
.login-marketing .text-subtitle{ color:#2f4050; margin-top:10px;}
.login-marketing h4.portal-feature{ text-align:center;}

/**-- Forgot Password --**/
.title-icon{ font-size:96px; color:#ccc;}

/*-- Calendar --*/
.ibox-calendar{ padding:10px!important;}
.pageWelcome{ margin-top: 18px;}
.fc-event, .fc-agenda .fc-event-time, .fc-event a{ padding:3px;}
.fc-day-grid-event > .fc-content{ white-space:normal; overflow:visible; font-size:10px;}
.fc-slats td{ height:1.35em; }
.fc th{ background:#1ab394!important; color:white!important; padding:5px;}
.fc-toolbar h2{ color:#1ab394!important; font-weight:bold!important;}

#selectLocation, #doctor{ float: left; width:200px; margin-top:-8px; margin-left:5px;}

@media (max-width: 768px) {
.ibox-calendar{ min-height:470px;}
}

@media only screen and (max-width: 420px){
    .pageTitle{ margin-left: 0;}
    .pageTitle li h3, .pageWelcome{ font-size: 15px; }
    .pageTitle li h3 font{ margin-left: 25px;}
    .pageWelcome{ margin-top: 0; margin-right: 10px;}
    .scheduleFor{ width: 100%;} 
    .navbar-top-links li a{ padding: 0 3px; min-height: 30px; margin-right: 12px;}
    
    #selectLocation{ width:33%; margin-top: 5px;margin-left: 0;}
    #doctor{ width:35%; margin-top: 5px;}
    
    .form-control{ padding: 6px;}
    .float-e-margins .btn{ margin-top:6px;}
}

@media only screen and (max-width: 380px){
    .pageTitle li h3{ font-size: 14px; }    
    #selectLocation{ width:32%; }
    .navbar-top-links li a{ margin-right: 0; }
} 

@media only screen and (max-width: 360px){
    .pageTitle li h3{ display: none;}
    .pageWelcome{ margin-top: 15px;}
    .navbar-top-links li a{ padding: 18px 3px;}
    .fa-calendar-check-o{ display: none;}
    .float-e-margins .btn{ margin-top: 7px;}
    .fc th{ font-size: 10px; padding: 8px 0;}
    .fc-time-grid .fc-slats td, .fc-ltr .fc-axis{ font-size: 10px; }
}


/*-- Appointment --*/
	
.form-horizontal .control-label{ text-align:left;}
.selectDuration .select2-container{ margin-left:-15px; margin-top:5px;}
.appt_cutframe{ height:450px; overflow-y:scroll;}


/*-- Booking History --*/
.ibox-tools{ width: 100%; }
.showPast{line-height: 0;}

@media (max-width: 1980px) {
.table-apptHistory .startTime{ width:15%;} 
.table-apptHistory .endTime{ width:15%;}
.table-apptHistory .subject{ width:50%;}
.table-apptHistory .status{ width:10%; text-align: center;}
.table-apptHistory .tool{text-align: center;}
}

@media (min-width: 992px){
.bg_appointment{ height:510px;}
.appt_cutframe{ height:510px; overflow-y:scroll;}
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {    

.label{
font-size: 15px;
font-weight: 400;
padding: 6px 12px;
}
    
.table-apptHistory{ width: 90%; margin: 0 auto;}
.table-apptHistory, .table-apptHistory thead, .table-apptHistory tbody, .table-apptHistory th, .table-apptHistory tr td, .table-apptHistory tr { 
display: block; 
}
    
.table-apptHistory thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
    
.table-apptHistory tbody tr td{ 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 40%; 
line-height: 32px;  
}
    
.table-apptHistory tr td:before { 
position: absolute;
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
padding-left: 8px; 
line-height: 35px; 
font-weight: bold;  
font-size: 14px;    
}
  
.table-apptHistory tr { border: 1px solid #ccc; }    
.table-apptHistory tr td:nth-of-type(1):before { content: "Doctor";  }
.table-apptHistory tr td:nth-of-type(2):before { content: "Type";}
.table-apptHistory tr td:nth-of-type(3):before { content: "Start Time"; }
.table-apptHistory tr td:nth-of-type(4):before { content: "End Time"; }
.table-apptHistory tr td:nth-of-type(5):before { content: "Remark"; }
.table-apptHistory tr td:nth-of-type(6):before { content: "Show/No Show";word-wrap:break-word; }
.table-apptHistory tr td:nth-of-type(7):before { content: "Cancel"; }
.table-apptHistory tr, .table-striped>tbody>tr:nth-of-type(odd){ margin-bottom: 15px; } 
    
}

@media only screen and (max-width: 420px){
.table-apptHistory{ width: 100%; margin: 0 auto;}    
.table-apptHistory tbody tr td{ padding-left: 51%; font-size: 14px; padding-top: 15px; padding-bottom: 15px; line-height: 18px; }
}

@media only screen and (max-width: 360px){
.table-apptHistory{ width: 100%; margin: 0 auto;}    
.table-apptHistory tbody tr td{ padding-left: 51%; }
.table-apptHistory tr td.startTime_td, .table-apptHistory tr td.endTime_td {line-height: 18px;}
.control-label{ font-size: 12px;}   
}


.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background:#1ab394;}

/*-- Booking --*/
@media (min-width: 768px) {
.col-sm-2{ width: 100px; padding: 5px 10px; }
.col-sm-10 { width: 75%;}
.float-e-margins .btn {margin-left: 5px;}    
}

@media (min-width:1400px){
.col-sm-10 { width: 80%;}
}

/*-- Calendar popup window --*/

.modal-dialog{ width:90%; max-width: 1200px;}
#doctor_name{ margin-left: 5px;}
.selectDuration{ display: inline-block; margin-left:5px;}
.duration{ width:90px; }

.linkBlock{ margin-left: 18px; }

@media (max-width: 1024px) {
#doctor_name{ margin-left: 0; }
.hideInMobile{ display: none;}
.linkBlock{ margin-right: 18px; }
    
.selectDuration{margin-left:0;}
.durationOptions .checkbox-inline{ margin-right: 10px;}   
    
.appointmentName div input, .appointmentPra div input, .durarionBlock{ margin-bottom: 15px; }
}

@media only screen and (max-width: 420px){

.inmodal .modal-header{ padding: 0 20px;}
.modal-header .close{ margin-top: 0;}    
h2 {font-size: 20px;} 
    
.linkBlock{ margin-left: 6px; margin-right: 6px; } 

}


@media only screen and (max-width: 320px){
.durationOptions .checkbox-inline{ margin-right:0;}     
}

/*-- SurveyForm STI --*/
.portaNavlogo{ float: left;}
.portalTitle{ float: left;}

.ibox-content .col-sm-10 .text-navy{ padding-top: 10px; }
.formImg{ float: right; padding: 5px 0; width: 80px;}
.formImg img{ height: 60px;}

.list-group .list-group-item .col-md-12 h2{ margin: 10px 0 15px; color:#639087; }
.i-checks div{ line-height:30px;}
.i-checks input{ border: none; border-bottom: 1px solid #1ab394; padding: 0 8px; color: #aaa; line-height: 25px;}
.checkBlock label{ font-weight: 500; }
.checkBlockw label{ font-weight: 600; }
.list-group-item:last-child{ padding-bottom: 30px!important;}
.medicalHistoryName{line-height: 35px;}

#pref_gender_other{width:10%;}
.personalEmail{width:40%;}
.typeahead_religion{width:15%;}
#emergency_contact1_name{width:30%;}
#emergency_contact1_phone{width:25%;}
#emergency_contact1_email{width:40%;}
#emergency_contact1_relations{width:25%;}
#referral_source_other{width:60%;}

@media (max-width: 768px) {    
.portalTitle{ float: right;}
.formImg{ width: 70px;} 
.navbar-top-links li a{ min-height: 30px;}
.top-navigation .nav > li > a{ padding: 0 20px; }
label{ font-weight: 600; }
}

@media (max-width: 420px) {
.navbar-header{ text-align: center;}
#nav_logo{ width: 100%; margin: 5px auto 0;}
.portaNavlogo{ float: none;}    
.portalTitle{ float: none; margin-top: 0; text-align: center;}
.portalTitle h1{ margin-top: 0;}
.ibox-content .col-sm-10 .text-navy{ text-align: center; }
.formImg{ display: none; } 
.top-navigation .nav > li > a { padding: 0 20px 10px; color: #999c9e; } 
.medicalHistoryName{line-height:22px; margin-bottom: 5px;}
    
.check_answer{ width: 100%;}
#pref_gender_other{width:20%;}
.personalEmail{width:60%;}
.typeahead_religion{width:30%;}
#emergency_contact1_name{width:50%;}
#emergency_contact1_phone{width:40%;}
#emergency_contact1_email{width:70%;}
#emergency_contact1_relations{width:40%;}
   
}

@media (max-width: 360px) {
h1 {font-size: 24px;}
.medicalHistoryName{font-size:14px;}
#referral_source_other{width:50%;}    
}

/*-- SurveyForm Q1--*/
.list-group-item{ padding: 20px 15px; }
.list-group-item .col-md-1{ font-size: 20px;}
.list-group-item .checkbox-inline label{ font-weight:600; }
.bg-success{ background-color: #3aab95;}
.col-md-11 .checkbox-inline{display:table-row; min-height: 45px;}
.col-md-11 .checkbox-inline span{display:table-cell; vertical-align: top; padding: 5px 0;}
.col-md-11 .checkbox-inline label{display:table-cell; padding: 7px 0; word-wrap:break-word;}

@media (max-width: 768px) { 
.list-group-item .col-md-11{ margin-left: 10%; margin-top: -30px; }
}

@media (max-width: 420px) {
.list-group-item .col-md-11{ margin-left: 0; margin-top: 0; }
.col-md-11 .checkbox-inline label {font-size: 15px;}   
}

/*-- SurveyForm Q2--*/
.questionWords{display:table-row; min-height: 45px;}
.questionWords .spanQ{display:table-cell; vertical-align: top; padding: 5px 0;}
.questionWords .spanWords{display:table-cell; padding:5px; word-wrap:break-word;}




input:focus{outline:none}