/* 
    Document   : style
    Created on : 16/10/2013, 08:30:22
    Author     : vanderi7
    Description:
        Purpose of the stylesheet follows.
*/

a:link, a:hover, a:active, a:visited { text-decoration: none; }
:focus { outline: none;box-shadow: 0 0 10px rgba(150,150,150,.3); }
img { border: none; }
ul { list-style: none;list-style-type: none; }
h1, h2, h3, h4, h6 { font-weight: normal; }
::selection { background-color:#333;color: #FAFAFA; }
::-moz-selection { background-color:#333;color: #FAFAFA; }
::-webkit-input-placeholder { font: 400 13px Montserrat;color: #666; }
::-moz-placeholder { font: 400 13px Montserrat;color: #666; }
:-ms-input-placeholder { font: 400 13px Montserrat;color: #666; }
input:-moz-placeholder { font: 400 13px Montserrat;color: #666; }

root { 
    display: block;
}
/*.ui-dialog-titlebar-close {
  visibility: hidden;
}*/
/*@font-face {
font-family: myriad;
src: url('font/myriad-web-pro.ttf');
} */

hr { margin: 15px 0;border-top: 1px solid #DDD;border-bottom: 0 solid transparent;height: 0;display: block;position: relative;clear: both; }
.clearfix::before,
.clearfix::after { content: "";height: 0;clear: both;display: block;position: relative; }

.contentLogin{width: 350px; text-align: center; margin: 0 auto; padding: 1%;border: 1px solid #ccc; background-color: #fafafa; border-radius: 5px;margin-top: 5%;clear: both;}
.contentLogin table { width: 100%; }
.contentLogin input[type="text"],
.contentLogin input[type="password"]{ width: 100%;padding: 12px;display: block;margin-bottom: 5px;border: 1px solid #DDD;border-radius: 3px;transition: all .3s; }
.login-button { width: 98%;padding: 10px;border: 1px solid #2980b9;background-color: #3498db;color: #FFF;border-radius: 3px;cursor: pointer; }

.texto{font-family: 'Segoe UI', Arial; font-size: 15px;}
body{ background-color: #dedede;margin: 0;}
.configArticle{ box-shadow: 0px 5px 20px rgba(0,0,0,.2);width: 98%;padding: 1%;background-color: #FFF!important;border-radius: 2px;border: none!important;}
.container{width: 1200px; height: 100%; margin: 0 auto;padding-top: 110px;}
.content{width: 100%; margin-bottom: 10%;}
.configFooter{width: 100%; padding: 6px; background-color: #EDEDED;  position: fixed; bottom: -1px;left: 0;  z-index: 1; font-family: 'Segoe UI', Arial, sans-serif; font-size: 11px; text-align: center;box-shadow: 0 0 15px rgba(0,0,0,.2);}

.ui-dialog { top: 110px!important; }
input.total, input.value,.services input, .services select,.service-value input,.customer-search input,.data, #uf, #professional_id, #value_default, #percentage,#value_default_brace, #percentage_brace, #start_date, #value , #discounted_value, #plots, #plots_prosthesis, #input_value, #payment_date,#value_paid,#value_brace , #discounted_value_brace, #plots_brace, #input_value_brace, #payment_date_brace,#value_paid_brace,#value_discounted_open,#open_entry,select,number, #days,#month_grace, input[name="name"], input[name="cpf"] { height: auto!important;box-sizing: border-box;padding: 10px;border-radius: 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; }
.data { margin: 5px 0; }
.btn-save { box-sizing: border-box;padding: 10px 20px;background-color: #3498db;color: #FFF;border: none;cursor: pointer;border-radius: 3px;box-shadow: 0 3px 15px rgba(0,0,0,.4);font: normal 16px 'Segoe UI Light'!important;transition: all .2s; }
.btn-save:hover { box-shadow: 0 3px 20px rgba(0,0,0,.7);transition: all .3s; }

.save { width: 100%;position: fixed;left: 0;bottom: 26px;background-color: #fff;text-align: center;padding: 10px 0;box-shadow: 0 0 20px rgba(0,0,0,.3); }
.btn-save-value { border-radius: 100%;background-color: #27ae60;color: #fff;border: none;width: 40px;height: 40px;text-align: center;cursor: pointer;box-shadow: 0 3px 10px rgba(0,0,0,.3);transition: all .3s; }
.btn-save-value:hover { transition: all .3s;-webkit-transform: translateY(-3px); }
.btn-save-value i { margin: 0!important; }

.fieldCad{width: 35%; min-height: 450px; margin-top: 5px; float: left; border: 1px solid #ccc; background-color: #fafafa; border-radius: 5px; font-family: 'Segoe UI', Arial; font-size: 14px;}
.fieldCad legend { background-color: #ededed; border: 1px solid #ccc; font-size: 14px; padding: 7px; border-radius: 5px;font-family: 'Segoe UI', Arial,sans-serif;}
.fieldCad table {width: 100%;border-collapse: collapse;}
.fieldCad table tr{height: 50px;}
.fieldCad table label {font-size: 12px; font-weight: bold;}
.fieldCad input[type="text"],
.fieldCad input[type="password"],
.fieldCad select{border-radius: 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 99%; height: 40px;font-family: 'Segoe UI', Arial; font-size: 12px; box-sizing: border-box;padding: 10px;}
.fieldCad input:focus,
.fieldCad select:focus{box-shadow: 0 0 10px rgba(150,150,150,.3);}
.fieldCad input[type=number]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 99%; height: 25px;font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldCad input[type=number]:focus{background-color: #FFFACD;}
/*.fieldCad input[type=password]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 99%;height: 25px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldCad input[type=password]:focus{background-color: #FFFACD;}
.fieldCad select{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 99%;;height: 29px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldCad select:focus{background-color: #FFFACD;}*/
.fieldCad textarea{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 99%;resize: none; height: 70px;  font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldCad textarea:focus{background-color: #FFFACD;}
.fieldCad input[name=filing_cabinet_actual]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #FAFAFA  inset; color: red; width: 30%;font-family: 'Segoe UI', Arial; font-size: 12px;}
.asterisco{color: red; font-family: 'Segoe UI', Arial;}
.error{font-size: 10px; color: red;}

.tabs{min-height: 120px;overflow: auto;}
.tabsU{min-height: 120px;overflow: auto; margin-top: 5px;}
.fieldContainerHome{width: 98%; margin-top: 1%;border: none;border: 1px solid #ccc; background-color: #fafafa;  border-radius: 5px; font-family: 'Segoe UI', Arial; font-size: 14px;}
.fieldContainerHome legend { background-color: #ededed;  border: 1px solid #ccc; font-size: 14px; padding: 7px 10px; border-radius: 4px;font-family: 'Segoe UI', Arial;margin-bottom: 5px;}

.fieldList{width: 60%; float: left; margin-top: 5px;border: 1px solid #ccc; background-color: #fafafa; border-radius: 5px; font-family: 'Segoe UI', Arial; font-size: 14px;}
.fieldList legend { background-color: #ededed; border: 1px solid #ccc; font-size: 14px; padding: 7px; border-radius: 5px;font-family: 'Segoe UI', Arial;}
.fieldList table {width: 100%; border-collapse: collapse; font-family: 'Segoe UI', Arial;}
.fieldList table thead th{height: 10px;background-color: #EDEDED;padding: 10px;font-size: 12px; font-weight: bold; letter-spacing: 1px}
.fieldList table tbody tr:hover {-webkit-transform: scale(1.008);cursor: pointer;box-shadow: 0 10px 20px rgba(0,0,0,.3);z-index: 30;border-radius: 3px;}
.fieldList table tbody tr:hover td { /* border-color: transparent!important; */ }
.fieldList table tbody tr td {height: 22px; padding: 8px 5px;font-size: 11px;border-top: 1px dotted #ccc;}
.fieldList table tbody tr td input[type=text]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;height: 25px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldList table tbody tr td input[type=text]:focus{background-color: #FFFACD;}
.fieldList table tbody tr td input[type=number]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;height: 25px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldList table tbody tr td input[type=number]:focus{background-color: #FFFACD;}
.fieldList select{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldList select:focus{background-color: #FFFACD;}
.fieldList textarea{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;resize: none; height: 70px; padding: 8px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldList textarea:focus{background-color: #FFFACD;}
.fieldList .textareaServices:hover{background-color: #FFFACD;box-shadow: 0px 0px 3px #000;}

.fieldListBudget{width: 60%; float: left; margin-top: 5px;border: 1px solid #ccc; background-color: #fafafa; border-radius: 5px; font-family: 'Segoe UI', Arial; font-size: 14px;}
.fieldListBudget legend { background-color: #ededed; border: 1px solid #ccc; font-size: 14px; padding: 7px; border-radius: 5px;font-family: 'Segoe UI', Arial;}
.fieldListBudget table {width: 100%; border-collapse: collapse; font-family: 'Segoe UI', Arial;}
.fieldListBudget table thead th{height: 10px;background-color: #EDEDED;padding: 10px;font-size: 12px; font-weight: bold; letter-spacing: 1px}
.fieldListBudget table tbody tr td {height: 22px; padding: 8px 5px;font-size: 11px;border-top: 1px dotted #ccc;}
.fieldListBudget table tbody tr td input[type=text]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;height: 25px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldListBudget table tbody tr td input[type=text]:focus{background-color: #FFFACD;}
.fieldListBudget table tbody tr td input[type=number]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;height: 25px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldListBudget table tbody tr td input[type=number]:focus{background-color: #FFFACD;}
.fieldListBudget select{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldListBudget select:focus{background-color: #FFFACD;}
.fieldListBudget textarea{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset;  width: 99%;resize: none; height: 70px; padding: 8px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldListBudget textarea:focus{background-color: #FFFACD;}
.fieldListBudget .textareaServices:hover{background-color: #FFFACD;box-shadow: 0px 0px 3px #000;}

ul li.ui-state-default a:focus{ box-shadow: none!important; }
ul li.ui-state-default:not(.ui-state-active) a:hover{ color: #FFF!important; }
ul li.ui-state-default,ul li.ui-state-active { padding: 8px 0!important;border-radius: 3px;border: 1px solid #999!important;background-image: none!important; }
ul li.ui-state-default:hover { background-image: none; }
ul li.ui-state-default { background-color: transparent!important;border: none!important; }
ul li.ui-state-active { background-color: #FFF!important;box-shadow: 0 5px 15px rgba(0,0,0,.3); }
ul li.ui-state-active a { cursor: default; }

.fieldShortcut{width: 95%; min-height: 50px; margin-top: 8px; float: left; border: 1px solid #ccc; background-color: #fafafa; border-radius: 5px; font-family: 'Segoe UI', Arial; font-size: 14px;}
.fieldShortcut legend { background-color: #ededed; border: 1px solid #ccc; font-size: 14px; padding: 7px; border-radius: 5px;font-family: 'Segoe UI', Arial,sans-serif;}
.fieldShortcut table {width: 100%;border-collapse: collapse;}
.fieldShortcut table tr{height: 50px;}
.fieldShortcut table label {font-size: 12px; font-weight: bold;}

.searchResultCustomer{ font-family: 'Segoe UI', Arial;width: 280px; height: 263px;margin: 5px 0 10px 5px;border-radius: 2px;float: left; background-color: #EDEDED;box-shadow: 0 3px 0 #CCC;box-sizing: border-box;transition: all .5s; }
.searchResultCustomer:hover{ box-shadow: 0 5px 25px rgba(0,0,0,.4);transform: scale(1.08);transition: all .3s; }
.searchResultCustomer h2 { font: normal 13px 'Segoe UI', Arial;text-align: center;padding: 0 10px; }
.search-collumn { width: calc(100% - 121px);position: relative;float: right;margin-right: 10px; }
.searchResultImage{width: 101px; text-align: center; margin-top: 20px; float: left;}
.searchResultImage img{width: 100%;}
.searchResultButton{width: 170px; float: left;text-align: center; margin-top: 2px;position: relative;}
.searchResultButton a {width: 140px;}
.searchResultButton i.payment { top: 9px;right: 40px;position: absolute; }

.button { width: 100%;font-size: 12px;box-sizing: border-box;padding: 8px 10px;border: 1px solid #BDC3C7;display: block;text-align: left;border-radius: 3px;text-decoration: none;background-color: #ecf0f1;color: #333; }
.button i { width: 10px;margin-right: 10px;display: inline-block; }
/*.edit { background-color: #ecf0f1;border-color: #bdc3c7;color: #333!important; }
.treatment { background-color: #e74c3c;border-color: #c0392b; }
.prosthesis { background-color: #3498db;border-color: #2980b9; }
.accounts { background-color: #2ecc71;border-color: #27ae60; }*/

.customer-info { display: block;margin-bottom: 7px;color: #333; }
.customer-info i { width: 15px;margin-right: 10px;text-align: center; }
.customer-info p { display: inline;font-size: 12px; }

.searchResultOptions{width: 100%;}
.searchResultOptionsMsg{width: 45%; float: left;}
.searchResultOptionsButtons{width: 55%; float: left; text-align: center}
.searchResultOptionsButtons div label{height: 16px;font-size: 14px; font-family: 'Segoe UI', Arial, sans-serif; font-weight: bold;}

.posicionaAlert{ margin-left: 12px; float: left; margin-right: .7em; }
.configAlert{ font-family: 'Segoe UI', Arial; padding: 0px; font-size: 12px; }

.customerCrudPosImage{width: 50%; float: left;}
.customerCrudImage{width: 29%; float: left; border: 1px solid #ccc; text-align: center;position: relative;top: 10px;left: 50px;}
.customerCrudOptions{width: 50%; float: right; text-align: center;}
.customerCrudOptions label {font-size: 12px; font-weight: bold;display: block;margin-bottom: 5px;}
.customerCrudOptions div {width: 100%;text-align: left;margin-left: 0!important;}
.customerCrudOptions div a{width: 250px;}
.reportDayliEl .ui-button-text { margin: 0!important; }
.ui-button-text { margin-left: 10px!important; }

.balance i,.abstract-value i { margin-right: 6px; }
.doc-info i { width: 20px;font-size: 16px; }

.statusF{height: 40px;background-color: #C0F7BA;letter-spacing: 1px;}
.statusP{height: 40px;background-color: #F9AA92;letter-spacing: 1px;}
.statusA{height: 40px;background-color: #FFFACD;letter-spacing: 1px;}
.statusD{height: 40px;background-color: #94D5F0;letter-spacing: 1px;}
.textCustomer{font-size:13px; font-weight: bold;color: #333;}
.perform label { display: block;margin-bottom: 5px; }
.perform table tr td { border: none!important; }
.services-performed input, .services-performed select { text-align: center;height: auto!important;box-sizing: border-box;padding: 5px;border-radius: 3px!important;box-shadow: none; }
.reportDayliEl{width: 100%;}
.reportDayliEl span{font-size: 14px; font-weight: bold;}
.reportDayliEl form input { padding: 7px 10px;box-sizing: border-box;border: 1px solid #CCC;border-radius: 3px; }
.containerAtendimentos{width: 30%; float: left;}
.containerPayments{width: 36%; float: left;}
.containerPayments2{width: 33%; float: left;}
.containerAtendimentos,.containerPayments2,
.containerPayments{ font: normal 14px 'Segoe UI', Arial;color: #666; }
.containerButtonClose{width: 20%; position:relative; margin-top:35px;float:left;}
.fieldMovimentation {border-radius: 5px; border: 1px solid #ccc;}
.in{margin-top: 3px;color: #2ecc71; font-weight: bold;display: block;}
.out{margin-top: 3px;color:#D55E5E; font-weight: bold;display: block;}

.btnPayHome .ui-button-text{font-size: 10px; margin-left: 15px; width: 60px;}

.services{float: left; width: 100%; border: 1px solid #ccc; margin-left: 3px; }
.services table{width: 100%; border-collapse: collapse;font-family: 'Segoe UI', Arial,sans-serif;}
.services table thead th{background-color: #ccc; font-weight: bold; height: 20px;font-size: 14px;}
.services table tr td{border: 1px dotted #ccc; text-align: center; height: 16px; font-size: 12px;}
.services table tr:hover{background-color: #FFFACD; }
.services input[type=text]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 80%;padding: 8px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.services input[type=number]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 80%;padding: 8px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.services select{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 100%;padding: 4px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.services select:focus{background-color: #FFFACD;}

.serviceUpdate{width: 48%; padding: 1%; float: left;border-bottom: 1px solid #ccc; }
.serviceUpdateLabel{width: 50%; float: left; margin-top: 10px;}
.serviceUpdateInput{width: 50%; float: left;}
.serviceUpdate input[type=text]{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 35%;padding: 8px; font-family: 'Segoe UI', Arial; font-size: 12px;}

.buttonReceivableAdjust{position: relative; width: 100%;margin-top:7px;}
.buttonReceivableAdjust img{position: relative; top:5px; left: -95px;}

.topoContract{width: 1000px; min-height: 270px; border-bottom: 1px solid #000;}
.imgClinicaContract{width: 385px;float: left;font-family: 'Segoe UI', Arial,sans-serif; font-size: 11px;}
.imgClinicaContract img {width: 90%; margin-bottom: 5px;}
.imgClinicaContract div {width: 100%;  height: 25px;}
.imgClinicaContract div label {font-size: 13px; font-weight: bold;}
.imgClinicaContract div div{float: left;width: 50%; }

.dataCustomerContract{width: 465px;float: left;font-family: 'Segoe UI', Arial,sans-serif; font-size: 11px;}
.dataCustomerContract div div{float: left; font-size: 17px; height: 50px; font-weight: bold;width: 100%; }
.dataCustomerContract div div table{width: 100%;;}
.dataCustomerContract div div table label{font-weight: bold; font-size: 18px;}

.infosCustomerContract {width: 100%;font-family: 'Segoe UI', Arial,sans-serif; font-size: 11px;}
.infosCustomerContract div {width: 100%;  height: 25px;}
.infosCustomerContract div label {font-size: 13px; font-weight: bold;}
.infosCustomerContract div div{float: left;width: 33%; }

.imgCustomerContract{width: 148px; float: left; text-align: center;}
.imgCustomerContract div{width: 100%;font-family: 'Segoe UI', Arial, sans-serif; font-size: 12px;}
.imgCustomerContract img {width: 95%;margin-top: 2px; margin-bottom: 2px}

.centerContract{width: 98%; margin-top: 5px;}
.containerTableContract{width: 100%;}
.containerTableContract table{width: 100%; position: relative;border: 1px solid #000; margin-top: 1%; margin-bottom: 1%; border-collapse: collapse;}
.containerTableContract table th{ font-size: 12px;font-family: 'Segoe UI', Arial,sans-serif; }
.containerTableContract table tr td{border: 1px solid #000; line-height: 5mm;}
.containerTableService{width: 100%;}
.containerTableService .tablesServices{width: 100%; float: left; min-height: 100px;}
.containerTableService .tablesServices table{width: 100%;font-size: 16px; font-family: 'Segoe UI', Arial,sans-serif; border-collapse: collapse;}
.containerTableService .tablesServices table th { border-bottom: 1px solid #000; text-align: left;}
.containerTableService .tablesServices table tr td{ padding: 2px; border-bottom: 1px dotted #ccc;}
.valuesContract{width: 100%; border-top: 1px solid #000;margin-top: 3px;}
.valuesContract table{width: 100%;font-size: 12px; font-family: 'Segoe UI', Arial,sans-serif; border-collapse: collapse}
.valuesContract table label{font-weight: bold; font-size: 14px;}
.valuesContract table tr td {border-bottom: 1px solid #000;padding: 4px; }

.recommendations{width: 49%; float: left; font-family: 'Segoe UI', Arial,sans-serif; padding: 0.5%; font-size: 16px;}
.recommendations table tr td{text-align: justify;font-size: 16px;}
.containerPaymentType {width: 48%; padding: 0.5%;font-size: 16px;float: left;font-family: 'Segoe UI', Arial,sans-serif;}
.containerPaymentType table {width: 100%; border-collapse: collapse;}
.containerPaymentType table thead th{font-size: 14px; background-color: #ccc; font-weight: bold; text-align: left; height: 20px;}
.containerPaymentType table tr td{padding: 2px; font-size: 16px; border-bottom: 1px dotted #ccc;}

.containerFooterContract{width: 100%;border-top: 1px solid #000;}
.footerContract{width: 95%; padding: 0.5%;float: left; font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; text-align: justify;}
.footerContract .paragrafo{font-size: 16px;line-height: 22px;}
.footerContract table{width: 100%; margin-top:3%;margin-bottom:3%;font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; border-collapse: collapse;}
.footerContract table tr td{border: 1px solid #fff;}

.footerAnamnesis{width: 99%; padding: 0.5%;float: left;font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; text-align: justify;}
.footerAnamnesis .paragrafo{font-size: 16px; line-height: 20px;}
.footerAnamnesis p{font-weight: bold;}
.footerAnamnesis table{width: 100%;margin-bottom:2%;font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; border-collapse: collapse;}
.footerAnamnesis table tr td{border: 1px solid #fff;}
.linePre{width: 100%; border-bottom: 1px solid #000; height: 18px;}

.centerContractOrtho{width: 100%; margin-top: 5px;}
.containerTableServiceOrtho{width: 100%;}
.containerPaymentTypeOrtho {width: 60%; padding: 0.5%;font-size: 16px;float: left;font-family: 'Segoe UI', Arial,sans-serif;}
.containerPaymentTypeOrtho table {width: 100%;margin-top:1%; border-collapse: collapse;}
.containerPaymentTypeOrtho table thead th{font-size: 14px; background-color: #ccc; font-weight: bold; text-align: left; height: 20px;}
.containerPaymentTypeOrtho table tr td{padding: 2px; font-size: 16px; border-bottom: 1px dotted #ccc;}

.footerAnamnesisOrtho{width: 99%; padding: 0.5%;float: left; border-bottom: 1px solid #000; font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; text-align: justify;}
.footerAnamnesisOrtho .paragrafo{font-size: 16px; line-height: 20px;}
.footerAnamnesisOrtho p{font-weight: bold;line-height: 18px;}
.footerAnamnesisOrtho table{width: 100%;margin-top:1%; margin-bottom:1%;font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; border-collapse: collapse;}
.footerAnamnesisOrtho table thead th{font-size: 14px; background-color: #ccc; font-weight: bold; text-align: left; height: 20px;}
.footerAnamnesisOrtho table tr td{border-bottom: 1px dotted #ccc;}
.clausula{line-height: 22px; font-weight: bold;margin-top: 1%;margin-bottom: 1%;}

.footerContractOrtho{width: 99%; padding: 0.5%;float: left; font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; text-align: justify;}
.footerContractOrtho .paragrafo{font-size: 16px;line-height: 22px;}
.footerContractOrtho table{width: 100%; margin-top:2%;margin-bottom:3%;font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px; border-collapse: collapse;}
.footerContractOrtho table tr td{border: 1px solid #fff;}

.fieldPrint{width: 420px;float: left;position: absolute;background-color: #fff;  border: 1px solid #ccc; border-radius: 5px;}
.fieldPrint table{ font-size: 14px; font-family: 'Segoe UI', Arial, sans-serif;}
.fieldPrint table tr{ height: 25px;}

.imgConsulta{width: 100%; margin-top: 1%;}
.imgConsulta div{width: 81px; height: 81px; float: left; border: 1px solid #ccc; padding: 1.5%; margin: 0.5%; border-radius: 5px;background-color: #ededed;}
.imgConsulta div:hover{box-shadow: 0px 0px 5px #000; background-color: #FFFACD;}
.imgConsulta .images_treatment img{width: 100%;height: 100%;}

.imgConsultaCustomer{width: 100%; background-color: red;margin-top: 1%; background-color: red;}
.imgConsultaCustomer div{width: 65px; height: 65px;float: left;background-color: orange; border: 1px solid #ccc; padding: 1.5%; margin: 0.5%; border-radius: 5px;background-color: #ededed;}
.imgConsultaCustomer div:hover{box-shadow: 0px 0px 5px #000; background-color: #FFFACD;}
.imgConsultaCustomer .treatments_images img{width: 100%; height: 100%;}

.containerAttested{width: 170mm;margin: 0px auto;font-family: 'Segoe UI', Arial,sans-serif; font-size: 12px;}
.containerImgAttested{width: 100%; text-align: center;}
.containerImgAttested img {width: 70%;}
.containerTablesAttested{width: 100%;font-family: 'Segoe UI', Arial,sans-serif; font-size: 16px;}
.containerTablesAttested table{width: 100%;border-collapse: collapse; font-size: 12px;}
.containerTablesAttested table td{ text-align: justify;}
.containerTablesAttested table td textarea{width: 100%; resize:none; height: 70px;font-family: 'Segoe UI', Arial,sans-serif;}
.containerTablesAttested p{text-align: justify; font-size: 13px;}
.containerTablesAttested h4{font-weight: bold;}
.titleAttested{width: 100%; font-size: 18px; font-weight: bold;}
.titleAttestedLaw{width: 100%; font-size: 12px;}
.titleAttestedId{width: 100%; font-size: 12px; margin-top: 5px;}
.addressAttested{font-weight: bold; text-align: center; font-family: 'Segoe UI', Arial,sans-serif;}

.addressSeparate{font-weight: bold; text-align: center; font-size: 13px; font-family: 'Segoe UI', Arial,sans-serif;}

.gridBarCode{width: 211mm; height:296mm; position: absolute;}
.gridBarCode table{border-collapse: collapse;}
.gridBarCode table tr td{border:1px solid #000;width: 52.5mm; height: 33mm;}

.imagesGaleryIcon{width: 100%; text-align: center}
.imagesGaleryIcon img{width: 100%;}
.imagesGaleryDataCustomer{width: 100%; font-family: 'Segoe UI', Arial, sans-serif; font-size: 15px;}
.imagesGaleryDataCustomer table {width: 100%;}
.imagesGaleryDataCustomer table label {font-weight: bold;font-size: 20px;}
.imagesGalery{font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px;width: 180px; height: 230px;float: left;text-align: center; margin-left: 25px; margin-top: 10px;}
.imagesGalery img{width: 150px; height: 200px;}

.fieldCadPermissions{width: 60%; min-height: 300px; margin-top: 5px; float: left; border: 1px solid #ccc; background-color: #fafafa; border-radius: 5px; font-family: 'Segoe UI', Arial; font-size: 14px;}
.fieldCadPermissions legend { background-color: #ededed; border: 1px solid #ccc; font-size: 14px; padding: 7px; border-radius: 5px;font-family: 'Segoe UI', Arial,sans-serif;}
.fieldCadPermissions table {width: 100%;border-collapse: collapse;}
.fieldCadPermissions table label {font-size: 12px;padding: 5px;display: block;}
.fieldCadPermissions table input { position: relative;top: 1px;left: 1px; }
.fieldCadPermissions table tr{height: 12px;}
.fieldCadPermissions table td {border: 1px dotted #ccc;}

.textWelcome{padding: 5px;margin-bottom: 0;font-family: 'Segoe UI', Arial Light, 'Segoe UI', Arial, sans-serif; font-size: 12px; text-align: right; height: 17px;background-color: #3498db;color: #FFF;}
.textWelcome span { font-family: 'Segoe UI', Arial;padding-right: 18.5%; }

.btnHelp{font-size: 5px;margin-top: -8px; position: absolute;}
.tbOption{width: 100%; border: 1px solid #EDEDED; border-collapse: collapse;}
.tbOption thead th{border: 1px solid #ccc;}
.tbOption tr td{border: 1px solid #ccc;height: 25px;}
/*---------barra de rolagem chrome*/
::-webkit-scrollbar {width: 10px;height: 10px;-webkit-border-radius: 16px; }
::-webkit-scrollbar-track-piece {background-color: #EDEDED;-webkit-border-radius: 3px; }
::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: #D3D3D3;-webkit-border-radius: 3px; }
::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: #666;-webkit-border-radius: 3px; }

.dialog-service{}
.dialog-service div{height: 20px;font-family: 'Segoe UI', Arial, sans-serif; border-bottom: 1px dotted #ccc; padding-top: 2%;}
.dialog-service .self{width: 50%; float: left;}

.isMain{background-color: #C0F7BA;}

.containerPromissory{width: 170mm; margin: 0px auto; border: 1px solid #000;margin-top: 1mm; font-family: 'Segoe UI', Arial,sans-serif; font-size: 14px;}
.promissoryImg{width: 16mm; height: 87mm;  border-right : 1px solid #000; text-align: center; float:left;}
.promissoryImg img{margin-top: 18%;}
.promissoryData{width: 151mm; height: 85mm;  float:left; padding: 1mm;}
.promissoryLines{width: 100%; height: 25px;}
.promissoryLines span{text-transform: uppercase;}

.buttonBraceFrequency{width: 240px; height: 18px; font-weight: bold; color: #fff; background-color: #6082a6; border: 1px solid #3D5e8c; border-radius: 5px;padding: 5px;float: left;}
.buttonBraceFrequencyImg{width: 20px; float: left;}
.buttonBraceFrequencyText{width: 216px; padding: 2px; float: left;}
.buttonBraceFrequency:hover{background-color: #e4e6ec; color: #1e90ca;cursor: pointer;}

/*agendamento*/

/*dias livres*/
.livres .ui-state-default{ border:1px solid #98FB98 !important;font-weight: normal !important; background: #98FB98 !important; color: black !important; }
.livres .ui-state-hover{ border:1px solid #98FB98 !important;background: #008B00 !important; color: black !important; }
.livres .ui-state-active{ border:1px solid #98FB98 !important;font-weight: bold !important; background: #008B00 !important; color: black !important; }
/*------------------------*/
/*dias indisponiveis*/
.indisponiveis .ui-state-default {border:1px solid #ccc !important; font-weight: normal !important; background: #EEE5DE !important; color: black !important;  }
.indisponiveis .ui-state-hover {border:1px solid #ccc !important;  background: #ccc !important; color: black !important; }
.indisponiveis .ui-state-active {border:1px solid #ccc !important;  background: #ccc !important; color: black !important; }
/*INDISPONÍVEL E DISPONÍVEL*/
.meioP .ui-state-default { border:1px solid #FFA500 !important;font-weight: normal !important; background: #FFA500 !important; color: black !important;  }
.meioP .ui-state-hover { border:1px solid #FFA500 !important;font-weight: normal !important; background: #EE7600 !important; color: black !important; }
.meioP .ui-state-active { border:1px solid #FFA500 !important;font-weight: normal !important; background: #EE7600 !important; color: black !important; }
/*DIA CHEIO*/
.cheio .ui-state-default { font-weight: normal !important; background: #FF4040 !important; color: black !important;  }
.cheio .ui-state-hover { font-weight: normal !important; background: red !important; color: black !important;  }
.cheio .ui-state-active { font-weight: normal !important; background: red !important; color: black !important;   }


/*=============================*/
/*/////PRINCIPAL FUNCIONÁRIO*/
/*.fieldsetPrincipalFunc{ border-radius: 5px 5px 5px 5px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; }*/
/*.principalFuncionarioSel{ width: 100%;     padding: 10px; }*/
/*.medicoAgenda{ float: left; width: 32%; margin-right: 1%; }*/
/*.calendarioSelecionar { border-left: 1px solid #CCC; border-right: 1px solid #CCC; width: 33%; float: left; }
.diaSelecionado{ width: 33%; float: left; }
#dataSelecionada{ font-size: 12px;  width: 100%;text-align: center; height: 14px;font-family: 'Segoe UI', Arial, sans-serif; border: 1px solid white; }
#relogio{ font-size: 20px; text-align: center; width: 100%;height: 25px; font-family: 'Segoe UI', Arial, sans-serif; border: 1px solid white; }
#apresentaHorarios{ width: 67%; float:left; }*/
/*=============================*/

/*/////LEGENDA HORÁRIOS*/
/*.legendaHorarios{ width: 100%; }
.legendaHorarios tr{ font-size: 11px; font-family: 'Segoe UI', Arial, sans-serif; }
.legendaHorarios tr td img{cursor:pointer; }
.legendaHorarios img:hover{ box-shadow: 0 0 5px #003333; }*/
.line-schedule { color: #666;height: 45px;font-family: 'Segoe UI', Arial, sans-serif; font-weight: normal; }
.line-schedule a { color: #666 }
.line-schedule i { margin-right: 10px;font-size: 16px; }

.linhacancelada{ background-color: #F9AA92;  } 
.linhadisponivel{ background-color: #C0F7BA; } 
.linhaaguardando{ background-color: #FFF68F; } 
.linhaencaixe{ background-color: #DDA0DD; } 
.linhafinalizada{    background-color: #BFEFFF; } 
.linhahorainferior{    background-color: #EDEDED;cursor: default; } 
.linhahoracompromisso{    background-color: #EDEDED;cursor: default; } 
.linhaindisponivel{    background-color: #EDEDED;cursor: default; }
/*=============================*/

.fieldDiary{width: 28%; min-height: 450px; margin-top: 5px; float: left; border: 1px solid #ccc; background-color: #fafafa; border-radius: 5px; font-family: 'Segoe UI', Arial; font-size: 14px;}
.fieldDiary legend{background-color: #ededed; border: 1px solid #ccc; font-size: 14px; padding: 7px; border-radius: 5px;font-family: 'Segoe UI', Arial,sans-serif;}
.fieldDiary .ui-datepicker{width: 98%;font-size: 12px}
.fieldDiary select{border-radius: 5px 3px 5px 3px; border: 1px solid #ccc; box-shadow: 0px 0px 2px #ccc  inset; width: 99%;;height: 29px; font-family: 'Segoe UI', Arial; font-size: 12px;}
.fieldDiary select:focus{background-color: #FFFACD;}
.fieldDiary .tbInfos {width: 100%;border-collapse: collapse;}
.fieldDiary .tbInfos tr{height: 25px;}
.fieldDiary .tbInfos label {font-size: 12px; font-weight: bold;}

#selectedDay{ font-size: 20px;margin-bottom: 2%; width: 100%;text-align: center; height: 25px;font-family: Verdana, sans-serif; border: none;background-color: #fafafa; }
#relogio{ font-size: 12px;  text-align: center; width: 100%;height: 14px; font-family: Verdana, sans-serif; background-color: transparent; border:none; }

.informacoesAgendamentoRapido{ float: left; width: 100%; position: relative; font-family: 'Segoe UI', Arial; font-size:13px; border-radius: 5px 5px 5px 5px; min-height: 200px;}
.informacoesCompromisso{ float: left; width: 100%; margin-top: 4%; position: relative; font-family: 'Segoe UI', Arial; font-size:13px;border-radius: 5px 5px 5px 5px; min-height: 150px;}
.informacoesAgendamentoRapidoPaciente{ float: left; width: 95%; position: relative; font-family: 'Segoe UI', Arial; font-size:13px; background-color: #CCFCAE; border-radius: 5px 5px 5px 5px; }
.pacientesAgendamentoRapido{ width: 62%; float: right; font-size: 13px; border-radius: 5px 5px 5px 5px; }
.tbAgendamentoRapido{ width: 100%; font-size: 12px; font-family: 'Segoe UI', Arial;  }

.ui-tooltip { border-radius: 3px!important;min-width: 340px;background-color: #FFF!important; }
.ui-tooltip b { display: inline-block;margin: 5px 0; }
.ui-tooltip div,
.ui-tooltip div div{ background-color: #FFF!important; }

/*------ DASHBOARD ------*/

.dash-item { width: 33.33333333%;position: relative;display: block;float: left;padding: 10px;box-sizing: border-box; }
.dash-item h3 { margin: 0 0 15px 0;font-size: 20px; }
.dash-inner { transition: all .1s;height: 175px;padding: 20px;color: #666;box-sizing: border-box;background-color: #FAFAFA;clear: both;border-radius: 4px;position: relative; }
.dash-inner:hover { transition: all .1s;-webkit-transform: scale(1.008);-moz-transform: scale(1.008);transform: scale(1.008); }

.dash-inner div { text-align: center; }
.dash-inner div h4 { margin: 15px 0 0; }
.dash-inner div p { font-size: 22px;margin: 5px 0; }

.attendance .dash-inner { background-color: rgba(41,128,185, .05);border: 1px solid rgba(41,128,185, .1); }
.receivable .dash-inner { background-color: rgba(22,160,133, .05);border: 1px solid rgba(22,160,133, .1); }
.payable .dash-inner,
.prosthesis-dash .dash-inner { background-color: rgba(192,57,43, .05);border: 1px solid rgba(192,57,43, .1); }
.new-customer .dash-inner { background-color: rgba(155,89,182, .05);border: 1px solid rgba(155,89,182, .1); }
.birthday .dash-inner { background-color: rgba(230,126,34, .05);border: 1px solid rgba(230,126,34, .1); }

.attendance h3,
.attendance p,
.attendance i { color: #2980b9; }
.receivable h3,
.receivable p,
.receivable i { color: #16a085; }
.payable h3,
.payable p,
.payable i,
.prosthesis-dash h3,
.prosthesis-dash p,
.prosthesis-dash i { color: #c0392b; }
.new-customer h3,
.new-customer p,
.new-customer i { color: #9b59b6; }
.birthday h3,
.birthday p,
.birthday i { color: #e67e22; }

.new-customer p,
.birthday p { display: block;text-align: center;font-size: 30px }

.dash-item i { position: absolute;top: 36%;left: 20px;opacity: .1;font-size: 65px; }

.statistic hr { width: 97.3%;margin: 35px 0!important; }
.graphic { width: 97.3%; height: 450px; margin: 15px auto; }

.letter{width: 100%;}
.letter .head {width: 100%; text-align: center}
.letter .head .letter_title {width: 100%; text-align: center; font-size: 30px;}
.letter .head .letter_subtitle {width: 100%; text-align: center;}
.letter .letter_body {width: 100%; margin-top: 5%;text-align: justify; font-size: 14px;}
.letter .letter_footer {width: 100%; margin-top: 10%;}
.letter p{line-height: 25px}

.letter .letter_services{width: 100%;}
.letter .letter_services table{width: 100%; border-collapse: collapse;}
.letter .letter_services table head th{font-size: 14px;}
.letter .letter_services table tbody tr td{border-bottom: 1px solid #000;font-size: 13px; height: 22px;}

@media print {
    .menu{display: none;}
    .noprint{display: none;}
    .btnSearch{display: none;}
    .btnPrint{display: none;}
    .configArticle{border:none; background-color: #fff;height: 100%; overflow: visible;}
    /*.fieldList{position: absolute;}*/
    .btnAccounts{display: none;}
    .ui-widget-content{background-color: #fff; border: 1px solid #fff; box-shadow: none;}
    .configFooter{display:none;}
    .textWelcome{display:none;}

    body,
    .container,
    .content,
    .tabs,
    .tabsU,
    .fieldList,
    #fichario,
    .tabsReports { overflow: visible!important;overflow-y: visible; display: block;height: auto;position: relative; }
    .fieldList table { width: 100%; height: 100%; }
    
    .fieldList table tr {
        display: table-row-group !important;
    }
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}