@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:0 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 20px; /*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:96%;}

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 36.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 !important;

}

}

.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{

  	text-align: center;

    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;

      }



      .field-icon {

        float: right;

        margin-right: 18px;

        margin-top: -22px;

        position: relative;

        z-index: 2;

      }

      .field-icon2{margin-right: 35px ; margin-top: -19px;}

      input::-ms-reveal,

      input::-ms-clear {display: none;}     

      

      .disable_email_add{pointer-events: none;}

      .surcharge_msg {
        width: 43%;
        border: 1px solid black;
        background: white;
        padding: 8px;
        float: right;
        color: black;
        margin-top: -62px;
    }

    .pass_position {
        position: relative;
    }

    .toggle-password {
        position: absolute;
        top: 31px;
        right: 10px;
    }

    .login-heading {
        margin-left: 17.5%;
        margin-bottom: 30px;
        color: #337449;
    }