.nav > li, .nav > li > a {
    DISPLAY: block;
    BORDER: 0PX;
}

#side-menu .nav > li, .nav > li > a {
	    width: 100%;
}
* { word-wrap: break-word; outline: 0 !important; }
.margin-bottom-20, .mb-20 {
  margin-bottom: 20px;
}
.margin-bottom-15, .mb-15 {
  margin-bottom: 15px;
}
.margin-top-20, .mt-20 {
  margin-top: 20px;
}

.no-padding {
  padding: 0 !important;
}

.vertical-align, .v-a {
  display: flex;
  align-items: center;
}

.m-0-5, .margin-0-5 {
  margin: 0 5px !important;
}

.m-0, .margin-0 {
    margin: 0 !important;
}

.margin-left-10, .ml-10 {
    margin-left: 10px;
}

#alert {
	z-index: 9999999;
}

body { background-color: #f1f0f0; font-family: Calibri !important; font-size: 16px; color: #444; }
html, h1, h2, h3, h4 { font-family: Calibri !important; }
::selection { background: #666; color: #fff; }
::-moz-selection { background: #666; color: #fff; }

.oculto { overflow: hidden; }
#footer { margin-top: 40px; }
#cooperativa { display: none; }

.footer {margin-bottom: 70px;}


@media (min-width:768px) {
 #cooperativa { color: #fff; display: block; font-size: 22px; margin: 8px auto -40px; max-width: 700px; text-align: center; }
}

#wrapper { width: 100%; }
#page-wrapper { padding: 0 15px; min-height: 370px; margin: 0 0 0 0; background-color: #fdfcfc; border-bottom: 1px solid #DDD; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFF !important; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #572130; }
#boxUsuario { display: none; }

@media (min-width:768px) {
 #page-wrapper { position: inherit; margin: 0 0 0 188px; padding: 0 15px; min-height: 530px; border-left: 1px solid #DDD; }
 #page-wrapper.ml188 { margin-left: 188px; }
 #page-wrapper.ml26 { margin-left: 26px; }
 .w189 { width: 189px !important; }
 .w27 { width: 27px !important; }
 #boxUsuario { display: block; }
}

@media (min-width:768px) {
 .navbar-static-side { z-index: 1; position: absolute; width: 189px; margin-top: 52px; border-right: 1px solid #ddd; }
 .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; }
}

.navbar-top-links li { display: inline-block; }
.navbar-top-links li:last-child { margin-right: 15px; }
.navbar-top-links li a { padding: 15px; min-height: 50px; }
.navbar-top-links .dropdown-menu li { display: block; }
.navbar-top-links .dropdown-menu li:last-child { margin-right: 0; }
.navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; }
.navbar-top-links .dropdown-menu li a div { white-space: normal; }
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; }
.navbar-top-links .dropdown-messages { margin-left: 5px; }
.navbar-top-links .dropdown-tasks { margin-left: -59px; }
.navbar-top-links .dropdown-alerts { margin-left: -123px; }
.navbar-top-links .dropdown-user { right: 0; left: auto; }
.navbar-static-side ul li { border-bottom: 1px solid #D7D7D7; }

.arrow { float: right; font-size: 10px; }
.fa.arrow:before { font-family: 'Glyphicons Halflings'; content: "\e259"; font-weight: bold; }
.panel-title .arrow { font-size: 20px; width: 20px; text-align: center; line-height: 26px; }
.active > a > .fa.arrow:before { content: "\e257"; }
.nav-second-level li, .nav-third-level li { border-bottom: none !important; }
.nav-second-level li a { padding-left: 37px; }
.nav-third-level li a { padding-left: 52px; }

@media (max-height:600px) and (max-width:767px) {
 .sidebar-collapse { max-height: 300px; overflow-y: scroll; }
}

@media (max-height:400px) and (max-width:767px) {
 .sidebar-collapse { max-height: 200px; overflow-y: scroll; }
}

.text-nowrap { white-space: nowrap; }
.text-uppercase, .text-upper { text-transform: uppercase; }
.form-control { text-transform: uppercase; }
#side-menu { margin-top: 2px; }
.control-label.xs { padding-top: 0; margin-top: -1px; line-height: 15px; }
.panel-title, .panel-title small { color: #FFF; }
.panel-default .panel-title { color: #444; }
.panel-default .panel-title small { color: #666; }
#menu { background-color: #820224; border-color: #820224; }
#menu #user { color: #fff; }
.page-header { margin: 20px 0; }

label { font-weight: normal; }
.checkbox-inline label { margin: 0 0 -2px; }

.navbar-default i { width: 1.4em; }
.logo { display: block; margin: 8px 0 5px 15px; }

.panel-title .cem { display: block; width: 100%; }
.panel-title span { margin-top: -7px; font-weight: bold; font-size: 1.7em; }
.panel-title .right { float: right; }
.panel-title a:hover { color: #820224; }

.panel-primary .panel-title a, .panel-primary .panel-title a:hover { color: #F1F1F1; }

.alert td { background-color: #FCF8E3 !important; border-color: #FAEBCC !important; color: #8A6D3B !important; font-size: 12px; }

.control-label b { color: #a94442; }

.checkbox input { margin: -2px 0 0 0 !important; }
.checkbox label { margin: -2px 0 0 20px !important; display: block; font-size: 12px; }

.form-control .checkbox { padding-top: 4px; }

.rbt { width: 100%; }
.rbt td { padding: 5px 0; }
.rbt input { float: left; padding-top: 0; }
.rbt label { margin: 2px 0 0 5px; font-weight: normal; cursor: pointer; }
.rbt td:hover label { text-decoration: underline; color: #820224; }

.ddl_even, .ddl_odd { height: 24px; border-top: 1px solid #BBB; padding: 3px; border-right: 1px solid #BBB; }
.ddl_odd { background-color: #F0F0F0; }

.form-horizontal .control-label.left { text-align: left; }

.fP a { font-size: 18px !important; }
.fF a { font-size: 16px !important; }
.fN a { font-size: 14px !important; }

#side-menu .popover-content { min-width: 220px; }

.dropdown-menu.aux { bottom: 100%; right: 0; top: auto; left: auto; }
span.p { font-size: 10px; }

i.espelhar { -moz-transform: scaleX(-1); /* Gecko */ -o-transform: scaleX(-1); /* Operah */ -webkit-transform: scaleX(-1); /* webkit */ transform: scaleX(-1); /* standard */ filter: FlipH; /* IE 6/7/8 */ }

.form-control.email, .form-control.site { text-transform: lowercase; }

#topo { position: fixed; bottom: 30px; right: 16px; cursor: pointer; opacity: 0.90; padding: 5px 10px; border: solid 1px #31708f !important; background: #666; }
#topo:hover { opacity: 1; text-decoration: none; }

#user { margin-bottom: -4px; padding: 13px 15px 17px; font-size: 12px; }
#user #iu, #user #nome, #user #perfil { float: left; }
#user #iu { margin-top: 7px; margin-bottom: -7px; }
#user #is { float: right; margin-top: 5px; font-size: 14px; text-align: right; }
#user #perfil { font-size: 80%; clear: left; margin-right: 5px; padding-left: 21px; }

.navbar-default { background-color: #f6f6ff; border-color: #d7d7d7; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #620004; }

.logo_marca { max-width: 250px; max-height: 200px; border: 1px solid #ccc; background: #FFF url(img/load.GIF) center center no-repeat; }
.logo img { height: 37px; }
.checkbox-inline:hover label { text-decoration: underline; color: #620004; }

textarea { resize: vertical; min-height: 71px; }

#aux.nav > li > a:hover, #aux.nav > li > a:focus { background-color: #C13939; }

.table { border: 1px solid #ddd; }
.table th { background-color: #f3f1f1 !important; text-transform: uppercase; }

.form-control.lg { height: 50px; font-size: 20px; }
.input-validation-error { background-color: #ffeaf0; }
.field-validation-error { float: left; width: 100%; color: #820224; white-space: nowrap; }
.form-control:focus.input-validation-error { border-color: #820224; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(130,2,36,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(130,2,36,.6); }

.item .margin-menor { margin-bottom: 7px; margin-top: 5px; }
.text-underline { text-decoration: underline; }
.text-lowercase { text-transform: lowercase; }

.cinza { background-color: #f6f6f6; float: left; padding: 4px 0; margin: 3px 0; border: 1px solid #CCC; }

.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }

.perfil { border: 1px solid #666; max-height: 138px; max-width: 130px; min-height: 138px; }

@-webkit-keyframes fadeIn {
 0% { opacity: 0.5; }
 100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
 0% { opacity: 0.5; }
 100% { opacity: 1; }
}

@-o-keyframes fadeIn {
 0% { opacity: 0.5; }
 100% { opacity: 1; }
}

@keyframes fadeIn {
 0% { opacity: 0.5; }
 100% { opacity: 1; }
}

.btn-warning { background-color: #c59824; border-color: #8a6100; }
.fadeIn- { -webkit-animation: fadeIn 0.4s ease-in-out; -moz-animation: fadeIn 0.4s ease-in-out; -o-animation: fadeIn 0.4s ease-in-out; animation: fadeIn 0.4s ease-in-out; }
.modal-450, .modal-600, .modal-750, .modal-900, .modal-1000, .modal-1270 { width: 100%; }

@media (min-width:768px) {
 .modal-450 { width: 450px; }
 .modal-600 { width: 600px; }
 .modal-750 { width: 750px; }
 .modal-900 { width: 900px; }
 .modal-1000 { width: 1000px; }
 .modal-1270 { width: 1270px;}
 .modal-100porcento { width: 100%; }
 .modal-85porcento { width: 85%; }
}

.linha { float: left; width: 100%; }
.btn-pequeno { padding: 2px; margin-left: 10px; line-height: 10px; }

.t100 { width: 100px; }
.t150 { width: 150px; }
.t200 { width: 200px; }


input[type="checkbox"][disabled].invisivel { opacity: 0; }
#procedimentos .panel-body .form-group { margin-bottom: 0; }
#procedimentos .boca { float: left; width: 100%; min-height: 120px; padding: 10px; margin-top: 5px; background: #fff2f1 url(img/px.png) repeat-y center 0; border: 1px solid #ccc; }
#procedimentos .boca hr { float: left; width: 100%; border-color: #ccc; padding: 0; margin: 3px 0; }
#procedimentos .boca .item { float: left; width: 5%; min-height: 45px; padding: 5px 0; }
#procedimentos .boca .dente, #procedimentos .boca .arcada, #procedimentos .boca .lado { margin: 0 auto; width: 45px; height: 60px; text-align: center; border: 1px solid #ccc; background-color: #fff; padding: 2px; }
#procedimentos .boca .arcada { width: 70px; line-height: 15px; position: relative; }
#procedimentos .boca .dente span, #procedimentos .boca .dente b { float: left; width: 100%; height: 16px; line-height: 17px; white-space: nowrap; }
#procedimentos .boca .dente input, #procedimentos .boca .arcada input { width: 100%; }
#procedimentos .boca .dente span { color: #820224; }

/*###### Esse item é somente para auditoria ######*/
#panExecucao #procedimentos #panOdontograma .boca .item:first-child,
#panExecucao #procedimentos #panOdontograma .boca .item:last-child,
#panExecucao #procedimentos #panOdontograma .boca .item:nth-child(2),
#panExecucao #procedimentos #panOdontograma .boca .item:nth-child(19),
#panPericia #procedimentos #panOdontograma .boca .item:first-child,
#panPericia #procedimentos #panOdontograma .boca .item:last-child,
#panPericia #procedimentos #panOdontograma .boca .item:nth-child(2),
#panPericia #procedimentos #panOdontograma .boca .item:nth-child(19) { opacity: 0; display: none; }
#panExecucao #procedimentos #panOdontograma .boca .item,
#panPericia #procedimentos #panOdontograma .boca .item { width: 6.25%; }
#panExecucao #procedimentos #panOdontograma .boca .item .dente,
#panPericia #procedimentos #panOdontograma .boca .item .dente { width: 55px; }
/*###############################################*/

/*Segmento*/
#procedimentos #panOdontogramaSegmento .boca .dente { height: 25px; }
#procedimentos .boca .segmento { float: left; width: 33.33%; min-height: 100px; margin: -1px 0 0 -1px; padding: 5px; border: 1px solid #f76459; }

#procedimentos .boca .segmento .quadro { float: left; width: 100%; text-align: center; }
#procedimentos .boca .segmento .quadro span { width: 45px; display: inline-block; background-color: #fff; border: 1px solid #CCC; }
#procedimentos .boca .segmento .item { float: left; width: 16.66%; min-height: 0; padding: 5px 0; }

/*Periapical*/
#procedimentos #panOdontogramaPeriapical .boca .dente { height: 25px; }
#procedimentos .boca .periapical { float: left; min-height: 100px; margin: -1px 0 0 -1px; padding: 5px; border: 1px solid #f76459; }
#procedimentos .boca .periapical.primeiro { margin-left: 1px; }
#procedimentos .boca .periapical.um { width: 5.55555%; }
#procedimentos .boca .periapical.dois { width: 11.11111%; }
#procedimentos .boca .periapical.quatro { width: 22.22222%; }
#procedimentos .boca .periapical .quadro { float: left; width: 100%; text-align: center; }
#procedimentos .boca .periapical .quadro span { width: 45px; display: inline-block; background-color: #fff; border: 1px solid #CCC; }
#procedimentos .boca .periapical .item { float: left; min-height: 37px; padding: 5px 0; }
#procedimentos .boca .periapical.um .item { width: 100%; }
#procedimentos .boca .periapical.dois .item { width: 50%; }
#procedimentos .boca .periapical.quatro .item { width: 25%; }

/*BW*/
#procedimentos #panOdontogramaBW .boca .dente { height: 25px; }
#procedimentos .boca .bw { float: left; min-height: 100px; margin: -1px 0 0 -1px; padding: 5px; border: 1px solid #f76459; }
#procedimentos .boca .bw.primeiro { margin-left: 1px; }
#procedimentos .boca .bw.dois { width: 11.11111%; }
#procedimentos .boca .bw.quatro { width: 22.22222%; }
#procedimentos .boca .bw.seis { width: 33.33333%; }
#procedimentos .boca .bw .quadro { float: left; width: 100%; text-align: center; }
#procedimentos .boca .bw .quadro span { width: 45px; display: inline-block; background-color: #fff; border: 1px solid #CCC; }
#procedimentos .boca .bw .item { float: left; min-height: 45px; padding: 5px 0; }
#procedimentos .boca .bw.dois .item { width: 50%; }
#procedimentos .boca .bw.quatro .item { width: 25%; }
#procedimentos .boca .bw.seis .item { width: 16.6666%; }
#procedimentos .boca .bw.sem-borda { border-color: transparent; }

/*Arcada*/
#procedimentos #panOdontogramaArcada .boca .dente { height: 25px; }
#procedimentos #panOdontogramaArcada .boca .item { min-height: 25px; }

/*Lado*/
#procedimentos #panOdontogramaLado .boca .lado { width: 62px; white-space: nowrap; font-size: 14px; line-height: 15px; position: relative; margin: 40px 0 -80px; }
#procedimentos #panOdontogramaLado .boca .lado input { width: 100%; }
#procedimentos #panOdontogramaLado .boca .dente { height: 25px; }
#procedimentos #panOdontogramaLado .boca .item { min-height: 25px; }

/*Hemiarcada*/
#procedimentos #panOdontogramaHemiarcada .boca .arcada { margin-bottom: -30px; width: 45px; }
#procedimentos #panOdontogramaHemiarcada .boca .dente { height: 25px; }
#procedimentos #panOdontogramaHemiarcada .boca .item { min-height: 25px; }

/*Face*/
#select-face { margin: 0 auto; width: 201px; height: 201px; background: #fff url(img/face.jpg) no-repeat center center; position: relative; }
#select-face .item { float: left; width: 67px; height: 67px; padding: 5px; text-align: center; }
#select-face .item b { float: left; width: 100%; }
#select-face .item.supra b { width: 50%; }

.table > thead > tr > th { border-bottom-width: 1px; }
#tableMin table th, #tableMin table td, .table-min th, .table-min td { padding: 2px 8px !important; font-size: 14px; }

.table-min td .ddd.desabilitado, .table-min td .descricao.desabilitado { border: 1px solid #FFF; pointer-events: none; }
.table-min td .ddd.invisivel { display: none; }
.table-min td .ddd.erro, .table-min td .descricao.erro { border: 1px solid #db0a41; background-color: #ffcedb; }
.table-min td .ddd { width: 30px; border: 1px solid #aaa; font-size: 12px; }
.table-min td .descricao { width: 210px; border: 1px solid #aaa; }

#mostra_menu { display: none; font-size: 12px; line-height: 20px; margin-left: -10px; cursor: pointer; }

@media (min-width:768px) {
 #mostra_menu { display: block; }
 #page-wrapper { }
 .navbar-default.navbar-static-side { overflow: hidden; }
 .sidebar-collapse { width: 188px; }
 #menu .nav > li > a { padding: 10px 5px; }
 #mascaMenus { float: left; width: 0; height: 400px; position: absolute; z-index: 1001; top: 51px; cursor: pointer; }
}

hr.menor { margin-bottom: 10px; margin-top: 10px; }
.form-control[type="password"], .form-control.password { text-transform: none !important; }
.text-underline { text-decoration: underline !important; }
#panItem { box-shadow: 0 0 20px rgba(1, 0, 0, 0.3); }
.cem { float: left; width: 100%; }
.page-header { margin: 5px 0 20px; }
.border { border: 1px solid #CCC; }
.scroll { max-height: 400px; overflow-y: scroll; }
.raiox { border: 1px solid #ccc; height: 50px; margin: 5px 5px 10px 0; cursor: pointer; }
.raiox-g { width: 650px; border: 1px solid #ccc; }
.add-raiox { display: inline-block; height: 50px; border: 2px dotted #820224; padding: 10px; cursor: pointer; margin: 5px 5px 10px 0; }
.divRaioX { float: left; position: relative; }
.removerRaioX { color: red; position: absolute; right: 0; top: -5px; z-index: 1; }
.removerRaioX:hover { color: red; top: -6px; cursor: pointer; }

#condicao { color: #999; margin: 0 0 3px; text-transform: uppercase; }
#exigencia { color: #999; font-size: 14px; }

i.cond { width: 12px; height: 12px; display: inline-block; border-radius: 10px 10px; }
td i.cond { margin-right: 5px; }
i.cond.amarelo { background-color: #ffd800; }
i.cond.azul { background-color: #212be2; }
i.cond.vermelho { background-color: #e74c3c; }
i.cond.verde { background-color: #00ff21; }
#totais .badge, #totaisCopia .badge { background-color: #FFF; color: #444; font-size: 17px; }
#totaisCopia .badge { font-size: 12px; }
#totaisCopia { margin-bottom: 0; }
#totaisCopia .list-group-item { padding: 1px 15px; font-size: 13px; }

.panel-primary .panel-default, .panel-primary .panel-default hr.menor { border-color: #bbb; }
.form-control.pequeno { height: 26px; padding: 0 5px; }
.opacityZero { opacity: 0; }
.panel-default > .panel-heading { color: #444; }
.panel.panel-default .panel-heading.borda { border-bottom: 1px solid #ddd; }

.btn-separador { margin: 5px 0; }

.close { font-size: 2.2em; color: #fe3723; opacity: 1; }
.close:hover { color: red; opacity: 1; }
.text-amarelo { color: #eb9316; }
.text-branco { color: #fff; }

.addItem,.addItem:hover { background-color: #fff; -webkit-animation: add 4s ease; animation-name: add; animation: add 4s ease; }
.pagSeguro:hover { opacity: 0.8; cursor: pointer; }
.pagSeguro img { border: 1px solid #54B83C; margin-top: -1px; }

#carteirinhaInputs .form-control { padding: 6px 3px; }
#carteirinhaInputs .col-sm-2, #carteirinhaInputs .col-sm-3, #carteirinhaInputs .col-sm-4 { padding: 0 1px; }
.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #a4dffc; border-top-color: #76a6be; }
.table > tbody > tr.info:hover > td, .table > tbody > tr.info:hover > th, .table > tbody > tr > td.info:hover, .table > tbody > tr > th.info:hover, .table > tfoot > tr.info:hover > td, .table > tfoot > tr.info:hover > th, .table > tfoot > tr > td.info:hover, .table > tfoot > tr > th.info:hover, .table > thead > tr.info:hover > td, .table > thead > tr.info:hover > th, .table > thead > tr > td.info:hover, .table > thead > tr > th.info:hover { background-color: #6eccfa; }

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #b0fca4; border-top-color: #b0fca4; }
.table > tbody > tr.success:hover > td, .table > tbody > tr.success:hover > th, .table > tbody > tr > td.success:hover, .table > tbody > tr > th.success:hover, .table > tfoot > tr.success:hover > td, .table > tfoot > tr.success:hover > th, .table > tfoot > tr > td.success:hover, .table > tfoot > tr > th.success:hover, .table > thead > tr.success:hover > td, .table > thead > tr.success:hover > th, .table > thead > tr > td.success:hover, .table > thead > tr > th.success:hover { background-color: #b0fca4; }

#resumoEncerramento { background-color: #fcf8e3; line-height: 16px; font-size: 14px; }
#resumoEncerramento b { font-size: 16px; color: #222; }
#resumoEncerramento.abs { position: fixed; top: 10px; left: 203px; right: 14px; z-index: 10; box-shadow: 0 1px 6px #888888; }
.btn-status, .status { width: 65px; }
.btn-blue { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-blue:hover { color: #fff !important; background-color: #286090 !important; border-color: #204d74 !important; }
.mensagens { position:relative; float: right;text-decoration:none; font-size:25px; -webkit-animation: msg 1s infinite; animation-name: msg; animation: msg 1s infinite; margin: 13px 15px 0 0; }
.mensagens .badge { color:#fff; background-color: red; border-radius:100%; position:absolute; left:18px; top:-3px;}
.mensagens.lista { margin-bottom:-20px; color:#FACA2E !important; -webkit-animation: msg1 1s infinite; animation-name: msg1; animation: msg1 1s infinite;}
.mensagem_nao_lida {-webkit-animation: msg_nl 1s infinite; animation-name: msg_nl; animation: msg_nl 1s infinite; }
.well .mensagens{margin:-10px -5px -50px 0; }
.well .mensagens:hover{margin-top:-11px; }
.gmail { box-shadow: 0 1px 6px #888; position: absolute; left: 10px; right: 10px; top: -50px; z-index: 10000; border: 1px solid #5ac400 !important; }

.form-control.success { background-color: #b0fca4; color: #1e5e11; border-color: #1e5e11; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #fdfcfc; }
.nota { float: left; font-size: 12px; color: #666; }
b.asterisco { color: red; }
.asterisco {color: orangered}
#flutuante { float: left; width: 100%; border: 1px solid #ccc; padding: 8px 0; }

@media (min-width:1000px) {
 #flutuante { width: 350px; position: absolute; top: 3px; right: 10px; z-index: 999; border: 1px solid #ccc; background-color: #FFF; box-shadow: 0 1px 6px #888; padding: 8px 0; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }
 #flutuante.abs { width: 350px; top: 1px; position: fixed; padding: 5px 0; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }
 #flutuante .mtop { margin-top: 10px; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }
 #flutuante table { float: left; width: 100%; font-size: 12px; }
 #flutuante table tr { border-bottom: 1px solid #ccc; white-space: nowrap; }
 #flutuante.abs table { font-size: 11px; padding: 0; margin: 0; }
 #flutuante.abs .mtop { margin-top: 3px; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }
}

.img-height-default { height: 200px !important; border: 1px solid #ccc; }
.img-border { border: 1px solid #ccc; }
.img-icone { height: 58px; width: 58px; }
.img-vinho { background-color: #820224; border-color: #350210; text-align: center; color: #fff; font-weight: bold; font-size: 30px; line-height: 50px; }

.historicoOdontograma .boca { float: left; width: 100%; min-height: 120px; padding: 10px; margin-top: 5px; background: #fff2f1 url(img/px.png) repeat-y center 0; border: 1px solid #999; }
.historicoOdontograma .boca hr { float: left; width: 100%; border-color: #ccc; padding: 0; margin: 3px 0; }
.historicoOdontograma .boca .item { float: left; width: 6.25%; min-height: 50px; padding: 5px 0; text-align: center; }
.historicoOdontograma .boca .dente { margin: 0 auto; width: 50px; height: 50px; border-radius: 30%; text-align: center; border: 1px solid #999; background-color: #fff; overflow: hidden; }
.historicoOdontograma .boca .dente .parte-1 { float: left; width: 12px; height: 50px; border-right: 1px solid #999; }
.historicoOdontograma .boca .dente .parte-2 { float: left; width: 24px; height: 14px; border-bottom: 1px solid #999; }
.historicoOdontograma .boca .dente .parte-3 { float: right; width: 12px; height: 50px; border-left: 1px solid #999; }
.historicoOdontograma .boca .dente .parte-4 { float: left; width: 24px; height: 20px; }
.historicoOdontograma .boca .dente .parte-5 { float: left; width: 24px; height: 14px; border-top: 1px solid #999; }
.historicoOdontograma .boca .removido:before { content: "✖"; color: red; margin-left: -11px; font-size: 36px; }
.historicoOdontograma .boca .legenda { background-color: #fff; border: 1px solid #999; padding: 5px; }
.historicoOdontograma .boca .legenda span { float: left; margin-right: 10px; }
.historicoOdontograma .boca .legenda b { float: left; width: 20px; height: 20px; border: 1px solid #999; margin-right: 3px; }
.historicoOdontograma .boca .legenda b.removido:before { font-size: 16px; margin-left: 2px; }
.historicoOdontograma .boca .removido div { border-color: transparent !important; }
.historicoOdontograma .boca .coroa { background-color: #C0C0C0; }
.historicoOdontograma .boca .implante { background-color: #00FF7F; }
.historicoOdontograma .boca .restaurado { background-color: yellow; }
.historicoOdontograma .boca .default { background-color: #187c9c; }
.historicoOdontograma .boca .higido { background-color: #fff; }
.historicoOdontograma .boca .ausente { background-color: #4a4a4a; }
.historicoOdontograma .boca .cariado { background-color: #fe7a7a; }
#historicoOdontogramaInical .item .dente { cursor: pointer; }

.cardCoperado { float: left; width: 100%; height: 35px; font-size: 14px; }
.cardCro { float: left; width: 100%; height: 15px; font-size: 13px; }
.cardEspecialidade { float: left; width: 100%; height: 35px; font-size: 12px; }

.DashBoard { width: 100%; height: 270px; position: relative; border: 1px solid #ccc; margin-top: 20px; background-color: #FDFCFC; box-shadow: 0 0 2px #aaa; padding: 5px 0; }
i.loader { background: transparent url(img/carregando.gif) center center no-repeat; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }

.panel-selecionado { background-color: #daf3ff; border-color: #31708f; }
.panel-selecionado .panel-heading, .panel-selecionado .panel-footer { background-color: #c6edff; border-color: #31708f; color: #31708f; }
.panel-selecionado hr.menor { border-color: #31708f; }

.w255 { width: 255px !important; }
.w300 { width: 300px !important; }
.form-group-menor .form-group { margin-bottom: 2px; }
.list-group-item-info { background-color: #a4dffc; color: #31708f; }
.scroll-grid { max-height: 300px; overflow-y: scroll; border: 1px solid #ccc; background-color: #f1f1f1; }
.scroll-grid tr { background-color: #fff; }
.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning,
.table > tbody > tr.warning:hover > td, .table > tbody > tr.warning:hover > th, .table > tbody > tr > td.warning:hover, .table > tbody > tr > th.warning:hover, .table > tfoot > tr.warning:hover > td, .table > tfoot > tr.warning:hover > th, .table > tfoot > tr > td.warning:hover, .table > tfoot > tr > th.warning:hover, .table > thead > tr.warning:hover > td, .table > thead > tr.warning:hover > th, .table > thead > tr > td.warning:hover, .table > thead > tr > th.warning:hover { background-color: #fff6c8; }
.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger,
.table > tbody > tr.danger:hover > td, .table > tbody > tr.danger:hover > th, .table > tbody > tr > td.danger:hover, .table > tbody > tr > th.danger:hover, .table > tfoot > tr.danger:hover > td, .table > tfoot > tr.danger:hover > th, .table > tfoot > tr > td.danger:hover, .table > tfoot > tr > th.danger:hover, .table > thead > tr.danger:hover > td, .table > thead > tr.danger:hover > th, .table > thead > tr > td.danger:hover, .table > thead > tr > th.danger:hover { background-color: #f2dede; }

.marcarDetalhes, .marcarDetalhesGeral { display: none; }
.modal .marcarDetalhes, .modal .marcarDetalhesGeral { display: block; }
.modal.modal-sem-chk .marcarDetalhes, .modal.modal-sem-chk .marcarDetalhesGeral { display: none !important; }
@media (min-width:768px) {
 .gmail { left: 200px; right: 110px; }
}

@-webkit-keyframes add {
 0% { background-color: #dff0d8; }
 35% { background-color: #d6e9c6; }
 75% { background-color: #d6e9c6; }
 100% { background-color: #fff; }
}

@keyframes add {
 0% { background-color: #dff0d8; }
 35% { background-color: #d6e9c6; }
 75% { background-color: #d6e9c6; }
 100% { background-color: #fff; }
}

@-webkit-keyframes msg {
 0% { color: #faca2e; }
 49% { color: #faca2e; }
 50% { color: #fff; }
 100% { color: #fff; }
}

@keyframes msg {
 0% { color: #faca2e; }
 49% { color: #faca2e; }
 50% { color: #fff; }
 100% { color: #fff; }
}

@-webkit-keyframes msg1 {
 0% { color: #faca2e; }
 49% { color: #faca2e; }
 50% { color: #faca2e; }
 100% { color: #faca2e; }
}

@keyframes msg1 {
 0% { color: #faca2e; }
 49% { color: #faca2e; }
 50% { color: #faca2e; }
 100% { color: #faca2e; }
}

@-webkit-keyframes msgBg {
 0% { background-color: #faca2e; }
 49% { background-color: #faca2e; }
 50% { background-color: #fff; }
 100% { background-color: #fff; }
}

@keyframes msgBg {
 0% { background-color: #faca2e; }
 49% { background-color: #faca2e; }
 50% { background-color: #fff; }
 100% { background-color: #fff; }
}

@-webkit-keyframes msg_nl {
 0% { background-color: #faca2e; }
 49% { background-color: #faca2e; }
 50% { background-color: #fff; }
 100% { background-color: #fff; }
}

@keyframes msg_nl {
 0% { background-color: #faca2e; color:#555;  border-color:#bd9000;}
 49% { background-color: #faca2e; color:#555; border-color:#bd9000;}
 50% { background-color: #fff; color:#333;border-color:#000; }
 100% { background-color: #fff; color:#333;border-color:#000; }
}
.temFotos { background-color:#feffbb;}

#dialog { font-size: 18px; padding: 20px; position: fixed; z-index: 999; font-weight: bold; border: 2px solid red; color: red; }
.modal #btnAlterarStatusGrid { display:none;}
#shadow { width: 100%; height: 100%; position: fixed; z-index: 998; background-color: lightgrey; opacity: 0.8; top: 0px; left: 0px; }

.tab-content .title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 15px;
}

/*#region Cadastro - Local Atend. - Especialidades */

#especialidades label {
  display: block;
}

/*#endregion */

/*#region Siglas ANS */

.siglas-ans {
    background-image: url(/Content/img/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sigla-ans-A {
    width: 40px;
    height: 40px;
    background-position: -5px -5px;
}

.sigla-ans-D {
    width: 40px;
    height: 40px;
    background-position: -5px -55px;
}

.sigla-ans-E {
    width: 40px;
    height: 40px;
    background-position: -5px -105px;
}

.sigla-ans-G {
    width: 40px;
    height: 40px;
    background-position: -5px -155px;
}

.sigla-ans-I {
    width: 40px;
    height: 40px;
    background-position: -5px -205px;
}

.sigla-ans-N {
    width: 40px;
    height: 40px;
    background-position: -5px -255px;
}

.sigla-ans-P {
    width: 40px;
    height: 40px;
    background-position: -5px -305px;
}

.sigla-ans-Q {
    width: 40px;
    height: 40px;
    background-position: -5px -355px;
}

.sigla-ans-R {
    width: 40px;
    height: 40px;
    background-position: -5px -405px;
}

.required:after{
    content:"*";
    color:red;
}

.btn-primary {
	color: #fff;
	background-color: #820224;
	border-color: #9b1337;
}

	.btn-primary:hover {
		color: #fff;
		background-color: #9b1337;
		border-color: #9b1337;
	}


#mapa_canvas {
	position: absolute;
	width: 100%;
	min-height: 480px;
}

.wrapper-estatisticas {
	position: absolute;
	top: 115px;
	left: 10px;
}

	.wrapper-estatisticas span {
		display: flex;
		width: 190px;
		height: 40px;
		background: white;
		box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
		border-radius: 2px;
		margin-bottom: 10px;
		align-items: center;
		padding: 0 15px;
		font-size: 18px;
		color: #666;
		justify-content: center;
		font-weight: 500;
		text-align: center;
	}

/*#endregion */