@charset "utf-8";
/* CSS Document */

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

.background_none { background:none !important; background-color: transparent;}
.border_bottom_none { border-bottom: 0px !important;}
.border_bottom_none .info_message { margin-bottom: 5px;}

.margin_none { margin:0px !important;}
.margin_top_none { margin-top:0px !important;}
.margin_right_none { margin-right:0px !important;}
.margin_bottom_none { margin-bottom:0px !important;}
.margin_left_none { margin-left:0px !important;}

.padding_none { padding:0px !important;}
.padding_top_none { padding-top:0px !important;}
.padding_right_none { padding-right:0px !important;}
.padding_bottom_none { padding-bottom:0px !important;}
.padding_left_none { padding-left:0px !important;}

.clear_all { clear:both}

.hr { float:left; width:100%; height:3px; margin:5px 0;}
.hr.maring_top { margin-top:20px;}
.margin_top { margin-top: 10px !important;}
.margin_right10 { margin-right: 10px !important;}
.margin_right20 { margin-right: 20px !important;}
.margin_bottom { margin-bottom: 10px !important;}
.padding_lr { padding:5px !important;}
.padding_tb { padding:5px 0px !important;}

.dataTables_filter input, .dataTables_length select { padding:3px 5px;}

.ui-widget { font-size:14px !important;}
.btn.margin_right { margin-right:10px;}
.btn.margin_left { margin-left:10px;}
.gray_btn.margin_right { margin-right:15px;}

img { border: 0px;}

h1,h2,h3,h4,h5,h6 { line-height:normal; margin:0px; margin-top:10px;}

/* #patient_list.table_data { font-size:14px} */

#account_active_txt.success_message{
    background-color: #008000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-weight: bold;
}
#account_active_txt.error_message{
    background-color: #FF0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-weight: bold;
}

div.success_message {
    background-color: #008000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-weight: bold;
}
div.error_message {
    background-color: #FF0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-weight: bold;
}
div.info_message {
    background-color: #87CEEB;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-weight: bold;
}

label.required {
    color: #FF0000;
    display: block;
    font-size: 12px;
    left: 0;
    margin-bottom: 5px;
    position: absolute;
    text-align: left;
    top: 30px;
}
label span.error {color: #FF0000; font-size: 11px; float: left; width: 100%;}
input.error, select.error, textarea.error { border-color: #F00 !important;}

body {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0px;
}
/* #header {
	float: left;
	width: 100%;
	margin-bottom: 20px;
} */

.hide{
    display: none;
}

/*#logo a { float:left; width:48.469387755102040816326530612245%; background-size:100%; max-width:475px; height:116px; text-indent:-999999px; overflow:hidden; display:block;}*/

/*----------------------------------------------------------Top Nav-----------------------------------------------------------------*/

/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */ 

#top_nav { float:left; width:100%;}

#top_nav ul { float:left; list-style:none; width:100%; margin:0px 0px; padding:0px;}
#top_nav a#pull { display: none;}

/*.horizontal-nav {
	background: #efefef;
	
}
.horizontal-nav ul {
	background: #F7F7F9;
	float: left;
	text-align: center;
	border: 1px solid #C8C8C8;
	border-radius:3px;
}
.horizontal-nav ul li {
	float: left;
	border-left: 1px solid #C8C8C8;
}
.horizontal-nav ul li:first-child {
	border-left: 0 none;
}
.horizontal-nav ul li a {
	display: block;
	padding: 15px 20px;
	color: #595959;
	font-size:12px;
	font-weight:bold;
	border-top: 1px solid rgba(255,255,255, 0.25);
	border-left: 1px solid rgba(255,255,255, 0.25);
}
.horizontal-nav ul li:first-child a {
	border-left: 0 none;
}
.horizontal-nav ul li a:hover, .horizontal-nav ul li.active a {
	background: #EFEFEF;
	text-decoration:none;
	color:#12436C;
}
.horizontal-nav ul li:first-child a {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.horizontal-nav ul li:last-child a {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}*/

/*-------------------------------------------------------------End Top Nav----------------------------------------------------------------*/

#container { float:left; width:96%; padding:2%; position: relative; margin-bottom:20px;}

#sign_in { margin:70px auto; width:65%; width:64.5% \0/; padding:50px 20px 40px; border-radius:10px; }
#sign_in input.text_field { padding:5px !important; width:94% !important;}
#sign_in input.text_field.forget { width: 33%;}
#sign_in input.btn { margin-top:15px;}
#sign_in #message {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 5px 10px;
}


#step_2 { float: left; width: 100%;}

#tab_wrap { float:left; width:100%;}
#tab_wrap a { float:left; border:none; display:inline-block; padding:0px 25px; /*padding-right:6.2% \0/;*/ margin-right:2px; line-height:38px;}
#tab_wrap span.singout_btn { margin-right: 5px; float:right; text-align:center; line-height:38px; display:inline-block; height:38px; padding: 0 10px;}
#tab_wrap span.singout_btn cite {
	display:block;
    height: 10px;
	margin-top:-8px;
	margin-bottom:8px;
}
#tab_wrap span.singout_btn a { float:none; width:auto; margin:0px; padding:0px; line-height:32px;}

#info_container { float: left; width: 100%;}
.infotab_container { float: left; width: 100%;}
.notes_container { float: left; width: 100%;}

#accounts_invoices_container { float: left; width: 100%;}

.case_form { float:left; width:99.0%; margin-top:10px; padding-bottom:20px;}

.form_content_head { float:left; width:98%; padding:1%; font-size:16px;}
.form_content_head .top_label { font-size:10pt;}
.form_content_head .top_label input { margin-right:5px;}
.form_content_head h6 { font-size:17px; margin-top:0px; margin-bottom:0px;}
.form_content_head h5 { margin-top:0px; margin-bottom:0px;}
.form_content_head h6 a { text-decoration:underline;}
.form_content_head h6 a.margin_right { margin-right:15px;}
#createCase #metals span.margin_right { margin-right:15px;}
.form_content_head h6.margin_tr { margin:30px 25px 0 0px;}
.form_content_head h2 { margin-top:10px; margin-left:25px; clear:left;}

table.date_table { float:left; width:100%; padding:0 30px; margin-top:10px;}
table.date_table td { padding:0 5px}
table.date_table td label { display:block; text-align:left; margin-bottom:5px;}
table.date_table td span { float:left; position: relative;}
table.date_table td span.margin_lr { margin:5px 5px 0;}
table.date_table td input.text_field { float:left; width:100%;}
table.date_table td input.datepicker { float:left; width:172px;}
table.date_table td input.search_cases_btn { padding:8px 0px; width:178px; margin-top:15px; margin-bottom:5px; cursor:pointer;}

.new_schedule { width:96%; margin:0 auto; padding:30px 0; clear:both;}

.schedule_content { float:left; width:100%; margin-top:10px;}
.select_filde { max-width:855px; width:100%; padding:8px 2%;}
.select_filde h6 { margin-top:0px; margin-bottom:10px;}
.select_filde label { display:block; margin-bottom:5px;}
.select_filde span label { float: left; margin-right: 5px;}
.select_filde span.pay_manually { float:left; width: 50%; margin-bottom: 10px;}
.select_filde span.pay_manually input { padding:5px; width: 250px;}
/*.select_filde span.pay_manually input.full_width { width: 74%;}*/
.select_filde span input.pay_btn { width: 260px; margin-right: 8%;}
.select_filde table.form_aera td select { width:100%;}
.select_filde select { width:100%; padding:5px;}
.schedule_content label { display:block; margin:5px 0;}
.schedule_content span { float:left; width:100%; margin-bottom:5px;}
.schedule_content input.datepicker { float:left; width:180px;}
.schedule_content textarea { resize:none; padding:5px;} 

.form_content { width:96%; margin:0 auto; padding:10px 0; clear:both;}
.form_content h5 { margin-top:0px;}

table.form_aera { float:left; width:100%;}
table.form_aera td { padding:5px;}
table.form_aera td h6 { padding:5px;}
table.form_aera td input.text_field { float:left; width:90%;}
table.form_aera td label input { margin-right:5px;}
table.form_aera td select { width:81%; padding:5px;}

table.new_case { float: left;}
table.new_case td h6 { padding:5px; margin-top: 0px;}
table.new_case td input.text_field { float:left; width:90% !important;}
table.new_case td input.datepicker { width: 92%;}
table.new_case td label input { margin-right:5px;}
table.new_case td select { width:81%; padding:5px;}

table.table_data { float:left; width:100%; border-collapse:collapse;}
table.table_data tr.table_head td { padding:5px;}
table.table_data td { padding:5px;}

#pay_with_new_card table.form_aera td input.text_field { width: 95%;}

.case_info_tab { float:left; width:100%; margin-bottom:5px;}
.case_info_tab a { float:left; border:none; display:inline-block; line-height:38px; padding:0px 30.7px; padding:0px 37px 0 36px \0/; margin-right:3px;}
.case_info { float:left; width:100%;}
.case_info h6 { float:left;}
.case_id { float:left;}

.case_services_info { float:left; width:100%;}
.case_services_info h5 { margin-bottom:10px;}

.invices_info { float:left; width:100%;}
.invices_info h6 { float:left;}
.invices_info p { float:right; margin-top:10px;}
#invoice_list.dataTable td { font-size: 12px !important; padding:3px 5px !important;}
#invoice_list2.dataTable td { padding:3px 5px !important; font-size: 12px;}

.upload_file { float:left; width:100%;}
.upload_file h5 { margin-top:10px;}
.upload_file p { margin:0px 0 10px;}

.note_info { float:left; width:100%;}
.note_info h5 { margin:10px 0;}
.note_table { float:left; width:500px;}
.note_table td { padding:5px;}
.note_table td:first-child { text-align:right;}
.note_table td input.text_field { float:left; width:300px; padding:5px;}
.note_table td textarea { float:left; width:300px; padding:5px; resize:none;}
.note_table td select { width:313px; padding:5px;}
.note_table .btn { cursor:pointer;}

.cancel_case { float:left; width:100%; text-align:center;}

.remake_case { float:left; width:100%;}
.remake_case table.form_aera td input { /*width:320px;*/}
.remake_case .form_aera input.datepicker { float:left; /*width:280px;*/}

.pickup_search { float:left; width:100%;}
.pickup_search h5 { margin:10px 0;}

.pickup_search_table { }
.pickup_search_table span {
    display: block;
    float: left;
    position: relative;
    width: 96%;
}
.pickup_search_table td label { font-weight:bold; display:block; margin-bottom:5px;}
.pickup_search_table td label.maring_top { margin-top:30px;}
.pickup_search_table td input.datepicker { width:94%;}
.pickup_search_table td a.btn { float:left; margin-top:25px;}

.account_balance_info { float:left; width:100%;}
.account_balance_info .select_filde { margin-top:10px;}
.account_balance_info .select_filde input.btn { float:right; margin-top:10px;}

.add_user { float:left; width:100%; margin-top:10px; padding-bottom:20px;}
.add_user a.btn { margin-left:10px;}

.add_user table.form_aera td input.text_field { width:92%;}
.add_user table.form_aera td input.text_field.full_width { width:97%;}

#cancel_loader h6 { margin: 30px 0;}

#FileUpload, #FileUpload2, #FileUpload3 {
    position:relative;
	width:290px;
	height:34px;
	margin:0 auto 5px;
}
 
#BrowserVisible, #BrowserVisible2, #BrowserVisible3 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height:32px;
    width:290px;
}
 
#FileField, #FileField2, #FileField3 { float:left; width:170px; font-size:16px; padding:5px 8px;}
 
#BrowserHidden, #BrowserHidden2, #BrowserHidden3 {
    position:relative;
    width:290px;
    height:26px;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

.teeth_img .img_wrap { width: 205px; margin: 0 auto;}
.tooth_count_wrap { width: 100%; text-align: center; margin: 10px 0;}
.selected_teeth_wrap { float: left; width: 100%; }
.teeth_img{ text-align: center;}

#total_balance_show { float:right; width:385px;}

.footer {text-align:right;}

label.serv_title { display: block; padding: 5px; background-color: #F9F9F9; border-bottom:#F0F0F0 1px solid; float: left; width: 32%; font-size: 14px;}
.serv_options { background-color: #F0F0F0; display: block; float: left; padding: 10px 1%; width: 98%; margin-top: 10px;}
table.form_aera td .serv_options h6 { margin: 0px; background-color: transparent;}
.serv_options label { float:left; font-size: 12px; margin: 5px; width:130px;}
.serv_options h5 { text-align: center;}
table.form_aera td div.teeth_img { float: left; width: 100%;}
table.form_aera td div.teeth_img img {  margin: 0 auto;}
.case_status {float: left; width: 100%; margin-bottom: 5px; text-align: right;}
.case_status select { padding:3px 5px;}
#mapster_wrap_0 { margin: 0 auto;}

input.timepicker { float:left; color:#696969; padding:5px; background:url(../images/clock_icon.png) 99% center no-repeat; cursor:pointer; display:block;}
.ui-timepicker-wrapper{ width: 153px !important;}

.payment_amount { padding: 5px 10px; border: 1px solid #C0C0C0; border-top: 0px; background-color: #F5F5F5; font-size: 14px; margin-top:-1px; float:left; text-shadow:1px 1px 2px #CCC; font-weight:bold;}
.no_invoice{ float: left; margin-top: 30px; width: 100%;}

#accounts_invoices_container .pickup_search { margin-top: 20px;}

table.serv_data { float: left; width: 100%;}
table.serv_data tr td { float: left; background-color: #F9F9F9; border-bottom: 1px solid #F0F0F0;}
table.serv_data tr td label.serv_title { background-color: transparent; border-bottom: none; width: 80%;}
table.serv_data tr td span { width: 15%; margin-top: 4px;}
table.serv_data tr td span img { width: 33%; cursor: pointer;}
table.serv_data tr td.servicesTitle { padding: 0; border-bottom: none; background: none;}
table.serv_data tr td.servicesTitle span { background-color: rgba(0, 0, 0, 0.07); display: block; margin: 0; padding: 5px 2px; text-indent: 5px; width: 100%;}

.files_list td { font-size: 14px; text-align: center;}
.files_list td:first-child { word-break:break-all; text-align: left;}
.images_files_list tr td:last-child{text-align: center;}
.images_files_list tr td img{height:60px;display: block; margin: 0 auto;}
.btn_wrap { float: right;}

#emailPreferencesFormContainer p { clear: both;}
#emailPreferencesFormContainer .select_filde label { font-size: 11pt;}
#emailPreferencesFormContainer .hr { height: 1px; margin: 10px 0;}
#emailPreferencesFormContainer .email_options { float: left; width: 50%; margin-bottom: 10px;}
#emailPreferencesFormContainer input.text_field { width: 54%;}
#emailPreferencesFormContainer #save_email_preferences { float: left;}

table.form_aera td .shadeTable label { display: block; margin-bottom: 3px;}
table.form_aera td .shadeTable .halfWidth { float:left; width: 50%; box-sizing: border-box;}
table.form_aera td .shadeTable .halfWidth:first-child { padding-right: 10px;}
table.form_aera td .shadeTable .halfWidth:after { content: ""; display: block; clear: both;}
table.form_aera td .shadeTable select { box-sizing: border-box; width: 100%;}

.has_pdf{
        margin-left: -115px;
}

/*-------------------------------------------iPad in portrait & landscape--------------------------------------------------*/

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

#wrapper { width:96%;}

body { font-size:14px;}


#tab_wrap a { text-align:center;}

#sign_in { width:67%;}
/*#sign_in input.text_field { width:31%;}*/

table.date_table td input.text_field { width:95%;}
table.date_table td input.datepicker { width:92% !important;}

.case_info_tab a { text-align: center; width: 13.88%; font-size:14px !important; padding:0px !important;}

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

#top_nav ul.nav > li > a { padding:0 10px;}

.btn_wrap {
    clear: left;
    float: left;
    margin-top: 13px;
}

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

#tab_wrap a { text-align:center; padding:0 20px;}

.form_content_head h2 { margin-left:0px;}
table.date_table { padding:0 !important;}

table.date_table td input.text_field { width:95%;}
table.date_table td label { font-size:14px;}
table.date_table td input.datepicker { width:92% !important;}

.case_info_tab a { text-align: center; width: 13.8%; font-size:14px !important; padding:0px !important;}

.remake_case table.form_aera td input { width:208px !important;}
.remake_case .form_aera input.datepicker { width:210px !important;}

label.serv_title { width: 31%; font-size: 10px;}

.dataTables_wrapper table tr td { font-size: 12px;}
.select_filde span input.pay_btn { margin-right: 10.5%;}

}


@media only screen and (max-width : 780px) {
    
    .select_filde span input.pay_btn { margin-right: 8.5%;}
}


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

body { font-size:14px;}

.form_content_head h2 { margin-left:0px;}
table.date_table { padding:0 !important;}

table.date_table td input.text_field { width:95%;}
table.date_table td label { font-size:14px;}
table.date_table td input.datepicker { width:92% !important;}

.case_info_tab a { width: 13.8%;}

.remake_case table.form_aera td input { width:158px !important;}
.remake_case .form_aera input.datepicker { width:150px !important;}

	
}
/*-------------------------------------------iPad in portrait & landscape--------------------------------------------------*/

#noteWarning { font-size:12px; color:#FF0000;}
.inline { display:inline !important;}

table.table_data_colored { border-collapse:separate; border-spacing:1px; font-size:11px;}
table.table_data_colored tr th { text-align:left; background-color:#F0F0F0; padding:5px;}
table.table_data_colored tr td { background-color:#F5F5F5; padding:5px;}

.mng_case_status { width: 100%; float: left;}
.mng_case_status label.status_title { display: block;}
.mng_case_status label.status_type { display: inline-block; font-size:13px; margin-right: 5px;}
.mng_case_status label.status_type input[type="checkbox"] { margin: 8px 3px 0 3px;}


.popup-content {
    background-color: #fff;
    padding: 30px;
    visibility: hidden;
    width: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 5px;
}

.popup-overlay {
    visibility: hidden;
    z-index: 99;
    position: fixed;
    background-color: rgba( 0, 0, 0, 0.7);
    border: 3px solid #666666;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
}
.popup-overlay.active {
    visibility: visible;
    text-align: center;
}
.popup-content.active {
    visibility: visible;
}
.popup-content-Success.active {
    visibility: visible;
}
@media (min-width: 767px){
.popup-content {
    max-width: 40%;
    width: 450px;
}
.popup-content-Success{
    max-width: 40%;
    width: 450px;
}
}
.WarningMessage h3{
color: #F00;
}
.WarningMessage button {
    width: 100%;
    background: #F00;
    border: transparent;
    border-radius: 3%;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1px;
  }

  .popup-content-Success{
    background-color: #fff;
    padding: 30px;
    visibility: hidden;
    width: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 5px;
  }
  .SuccessMessage h3{
    color: Green;
    }
    .SuccessMessage button {
        width: 100%;
        background: green;
        border: transparent;
        border-radius: 3%;
        padding: 10px;
        text-transform: uppercase;
        color: white;
        letter-spacing: 1px;
      }
      .disable_email_add{pointer-events: none;}

      .field-icon {

        float: right;
    
        margin-right: 6px;
        margin-top: -22px;
        position: relative;
    
        position: relative;
    
        z-index: 2;
    
      }
    
      .field-icon2{margin-right: 20px;   margin-top: -19px;}
    
      input::-ms-reveal,
    
      input::-ms-clear {display: none;}