﻿*, html, body {font-family: Tahoma, Arial;list-style: none;margin: 0px;padding: 0px;}
body, html {height:100%;padding:0;margin:0;overflow-x: hidden; -webkit-font-smoothing: antialiased;}
body {background: #FFF;box-sizing:border-box;font-size: 12px;text-align:left;}
#zen1 {height: auto;}
a img, img {border:0;}

div,span,a,label,table,tr,td,ul,ol,li,button,input {-webkit-box-sizing: border-box;box-sizing: border-box;}

textarea {resize: none;}

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea {-webkit-appearance: none;border-radius: 0;}

input[type="text"]:disabled {background-color: #EEE;}
.comboboxInput::-ms-clear {display: none;}

div#fieldSet {margin: 0 !important;text-align:left;}
fieldset.fieldSet {margin: 0; color: #000;}

#grpBotoes:after,
#grpBotoes:before {content: ' ';display: table;clear: both;}

#grpBotoes {margin-bottom: 10px;zoom:1;}
#grpBotoes .botao {float: left;margin-right: 10px;margin-left: 0;box-sizing: border-box;}
#grpBotoes .button {float: left;}

.botao {margin-left: 0;}

.alerta_notificacao {border: #fae182 solid 1px;margin: 2px 5px 0px 0px;background: rgb(255, 249, 225);text-align:center;padding:2px 0;}
.alerta_notificacao span {padding-left: 30px;background: url('../img/icons/icone_alert.png') no-repeat left center;}

.alerta_log {border: #FAE182 solid 1px; margin: 2px 5px 0px 0px;background: #FFF9E1; text-align:center;padding:2px 0;}
.alerta_log span {padding-left: 30px;background: url('../img/icons/book_open.png') no-repeat left center;}

.alerta_positivo {border: #16911C solid 1px;margin: 2px 5px 0px 0px;background: #E5F3E6; text-align:center;padding:2px 0;}
.alerta_positivo span {padding-left: 30px;background: url('../img/icons/action_check.png') no-repeat left center;}

.alerta_negativo {border: #F22E30 solid 1px;background: #FFE5E6; text-align:center;padding:2px 0;}
.alerta_negativo  span {padding-left: 30px;background: url('../img/icons/action_delete.png') no-repeat left center;}

.alerta_negativo,
.alerta_positivo,
.alerta_log,
.alerta_notificacao {position:absolute;top:3px;right: 1em;margin-right: 0;padding-top: 2px;width:400px;height:auto !important;}

.alerta_negativo .labelText,
.alerta_positivo .labelText,
.alerta_log .labelText,
.alerta_notificacao .labelText {display: inline;}

.botao_none .button {padding-left: 10px;}

input[type="text"] {-webkit-box-sizing: content-box;box-sizing:content-box;height:16px;vertical-align:top;margin:2px 0px;border-width:1px;padding:0 2px;}
.radioSetSpan, .multiSelectSetSpan {vertical-align:top;display:inline-block;height:22px;overflow:hidden;}
.radioSetSpan input, .multiSelectSetSpan input {vertical-align:middle; margin-top:2px; width:13px; height:18px;}
.radioSetSpan a.radioSetCaption, .multiSelectSetSpan a.multiSelectSetCaption  {vertical-align:middle;line-height:22px;display:inline-block;}
a.radioSetCaptionDisabled {margin-left:5px;font-size:12px;vertical-align:middle;font-weight: normal;}

.checkbox, .multiSelectSetSpan input {vertical-align: middle;width:13px;}
.checkboxSpan {display: inline-block;margin: 3px 0;}
span.checkboxCaption, a.multiSelectSetCaption {font-weight: normal;margin-left: 5px;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;display: inline-block;vertical-align: middle;font-size: 12px;}
.multiSelectSetSpan {padding-right: 8px;}

.boxForm, .boxFormHtml { background: #f5f8fa;border:1px dotted #999999;padding:20px 0px;}
.boxForm span.zenLabel, .boxForm span.zenLabelDisabled {padding-top:0;margin-top:3px;margin-bottom:3px;float:left;font-weight:normal;overflow-x:hidden;white-space:nowrap;}

.labelText {margin-top:3px;margin-bottom:3px;display:block;font-size:12px;zoom:1 !important;}
.clearfix .zenHint {padding: 5px; font-weight: normal; color: #777; font-weight: 11px;white-space:nowrap;}
.cssGroup {position:static;}

.comboboxImgButton {height: 16px;margin:0;}


.tablePaneAzulShift {position: relative;width:auto !important;}
.tablePaneAzulShift .tpAuxColumn, .agrupador .tpAuxColumn {position: absolute;right:-19px;top:0;width:18px;height:26px;background:#D1E0ED;border:1px solid #C1CDD6;}
.tablePaneAzulShift .tpTable {border:1px solid #C1CDD6 !important;}
div.tablePaneAzulShift table.tpTable tr th {border-right: 0 !important;border-top:0 !important;border-bottom:0 !important;background:#D1E0ED !important;padding:6px 0 !important;}
.tablePaneAzulShift .tpBodyFixed {overflow-y: scroll !important;margin-right:-19px;}
.tablePaneAzulShift {margin-right:19px;}
.tablePaneAzulShift td.tpPadRow {display: none;}
.tablePaneAzulShift td, .tablePaneAzulShift .tpSelected td {padding:0 !important;}
.tablePaneAzulShift .tpCellBlock, .agrupador .tpCellBlock {overflow-x:hidden;padding: 5px;font-size: 12px; font-weight: normal; color: #555;}
.tablePaneAzulShift .tpFilterLayout {background: none;}

.tpEllipsis .tpCellBlock {text-overflow: ellipsis;}

.tablePaneAzulShift .tpEven td, .agrupador .tpEven td, .agrupador .tpEven  { background: rgb(245, 248, 250);}
.tablePaneAzulShift .tpSelected td, .tablePaneAzulShift td, .auxTable__body td {border-right: 1px solid #C1CDD6;}
.auxTable__body td td {border-right: 0;}
.auxTable__body > div, .auxTable__body > table {border-bottom: 1px solid #C1CDD6;}
.auxTable {border:0;position:relative;font-size:12px; font-weight: normal; color:#333;background: #F5F8FA;}
.auxTable.agrupador {border:0;}
.auxTable__header {background: #D1E0ED;border: 1px solid #C1CDD6;}
.auxTable__header table {width: 100%;}
.auxTable__header .labelText {display:block;padding: .5em; margin: 0;text-align:center; font-weight: bold;}
.auxTable__header td {border-right: 1px solid #C1CDD6;}
.auxTable__body {overflow-x:hidden;border: 1px dotted #AAA;border-top:0;}
.auxTable__body table {background: #FFF;}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {float:left;min-height: 1px;}
.col-md-1 {width:8.3%}
.col-md-2 {width:16.6%;}
.col-md-3 {width:24.9%;}
.col-md-4 {width:33.3%;}
.col-md-5 {width:41.6%;}
.col-md-6 {width:49.9%;}
.col-md-7 {width:58.3%;}
.col-md-8 {width:66.6%;}
.col-md-9 {width:74.9%;}
.col-md-10 {width:83.3%}
.col-md-11 {width:91.6%;}
.col-md-12 {width:100%;}

.row:after,.row:before {content:' ';display:table;clear:both;}

.estiloMenu {height:38px;position:relative;}
.estiloMenu div {display:block;vertical-align:middle;}
.estiloLabel, .estiloLabelSelecionado {margin:0;padding:0;border-bottom:1px solid rgb(216, 235, 247);}
.estiloLabel input, .estiloLabelSelecionado input {margin:0;padding:0 0 0 .5em;width:100%;display:block;height:37px;display:block;text-align:left;border:0 !important;background:none;color:#8d9193;font:12px Arial;cursor:pointer;}
.estiloLabel input:hover {background:#FFF;}
.setaHover {height: 16px;width: 16px;position: absolute;top: .75em;right: .5em;background-image:url(img/icons/seta_hover.gif);background-position:center bottom;background-repeat:no-repeat;}
.icone-check-aba {position:absolute;right:1.5em;top: .7em;}
.estiloLabelSelecionado {background-color: #FFF;}
.estiloLabelSelecionado input{color:#3986be;font-weight:bold;}
.estiloLabelSelecionado input:focus {outline:none;}

input.dateTextInput {vertical-align: middle;}
.dateTextInput + img.comboboxImgButton {height: 16px; width: 16px;margin-top:0;}

#TopoCentro{background: url('../img/popup/tm.png') repeat-x;height: 69px;}
#TopoCentro div.titleBoxTitle {font-size:15px;margin-left: 20px;margin-top: 20px;}
#TopoCentro .subtitulo {font-size:13px;margin-left: 22px;}
#TopoCentro div.titleBoxTitle, .subtitulo {border: none;padding: 0;font-style: italic;color: #9FADC8;}


.tnbrTable {background: #DAE7F2;border:1px solid #C1CED9;margin: 0;}
table.tnbrTable td {padding: 5px;line-height:15px;}
.tnbrFound{color:#4F6273;}
.tnbrPageLinkCurr{background:#DAE7F2;}
.tnbrPageLink{color:#4F6273;}
.tnbrPagingButtons {border:1px solid #C1CED9;}
.tnbrFound{font-weight:normal;}
.tnbrFound span{font-weight:bold;}

.modalGroup {border-width: 1px;}
.modalGroupClose, .modalGroup iframe {display:none !important;}
#popupAlertaShift { border-color: #C1CDD6 !important; }

.tabGroupButtonOff {font-weight: normal;}
div.tabGroupBody {min-height: 0;height:auto !important;overflow-y:hidden;}
table.tabGroupBar {margin-left: 0;margin-right: 0;}
td.tabGroupButtonDisabled{font-weight: normal;}

.clearfix::after, .clearfix::before, .clearfix:after, .clearfix:before{display: table;content: " ";clear: both;}
.clearfix{zoom: 1;}
.clearfix > div {float: left;}
.tituloBox {font-size: 12px;color: #333;font-weight: bold;display: block;margin-bottom:10px;padding-bottom: 5px;border-bottom: 1px solid #DDD;}

input.comboboxInput {vertical-align: middle !important;}
.comboboxItem a, .comboboxItemSelected a { text-align: left; padding-left: 5px;min-height: 18px;}

.agrupador {border: 1px dotted #AAA;}
.agrupador__content {border-right: 1px solid #DDD;}
.agrupador__form {padding: 10px 0;}
.agrupador__header {background: #D1E0ED;position: relative;padding:6px 0;}
.agrupador__nav {position: absolute;top: 3px;right: 5px;}
.agrupador__title {text-align: center;}
.agrupador__title .labelText {font-weight: bold;color: #333;margin: 3px 10px;}
div.agrupador__content span.zenLabel {float: left;text-align:right;	padding:3px 5px;}
.agrupador__table table {width: 100%;background: #FFF;table-layout: fixed;}
.agrupador__table table td {font-weight: normal; color: #666;padding: 6px 10px;border-bottom: 1px solid #C1CDD6; font-size: 12px;}
.agrupador.agrupador--noheader {border: 0;}
.agrupador--noheader .agrupador__header {display: none;}
.agrupador--noheader .agrupador__form {padding: 0;}
.agrupador__filter {background: #FFF;border-bottom: 1px solid #C1CDD6;padding: 10px 0;}
.agrupador__form + .agrupador__form { border-top: 1px solid #E8ECEF;}
/* Utilizar agrupador__aside como barra de ações 

<div class="agrupador
    <div class="agruapdor__header" />
    <div class="agruapdor__form" />
        <div class="agrupador__aside">
            <a href="javascript:;" class="agruapador__link">...</a>
            <a href="javascript:;" class="agruapador__link">...</a>
            <a href="javascript:;" class="agruapador__link--active">...</a>
            <a href="javascript:;" class="agruapador__link">...</a>
        </div>
    </div>
</div>

*/
.agrupador__aside {float:right;height:100%;overflow-y:auto;background: #EAF1F7;}
.agrupador__link--active, .agrupador__link {padding:7px 0;text-align: center; text-decoration: none;display:block;font-size: 12px;}
.agrupador__link {color:#AAA;}
.agrupador__link:hover {background-color: #CFDFEA;color:#333;}
.agrupador__link--active {color:#507999;background-color: #F5F8FA;font-weight:bold;}


.overlay {position:absolute;top:0;left:0;right:0;bottom:0;background: #FFF; opacity:0.7; filter: alpha(opacity=70);z-index: 998;display: none;}

.repeatingGroupSelected {background: transparent !important;}
.noColumnAux.tablePaneAzulShift {position:static;margin-right: 18px !important; margin-left: 18px;}
.noColumnAux.tablePaneAzulShift .tpAuxColumn {display: none;}
.noColumnAux.tablePaneAzulShift .tpTable {border-right: 0 !important;}
.noColumnAux.tablePaneAzulShift table.tpTable th {border-right: 1px solid #C1CDD6 !important; border-left: 0 !important}

#zenMouseTrap {bottom: 0; height: auto !important;}

.listBox {border: 1px solid #CCC;width: auto;}
.listBox .listBoxItem,.listBox .listBoxItemSelected, .listBoxItemSelected,.listBox .listBoxItemFocus, .listBoxItemFocus {font-weight: normal;font-size:12px; padding: 4px;border: 0;width: auto; zoom: 1;}
.listBox .listBoxItemFocus, .listBoxItemFocus {background: #C1CDD6;}
.listBox .listBoxItem:hover,.listBox .listBoxItemSelected:hover,.listBox .listBoxItemFocus:hover {color: #666;}

span.zenLabel.labelColor,
span.zenLabel.corAzul1,
span.labelText.labelColor,
.labelColor, .corAzul1 {color:#687ba6;}

#userMsg {position:absolute;padding:0;top: 3px;right:1em;}

.scsPopupGroup {padding-top: 35px; border-width: 2px;text-align: left;}
.scsPopupGroupNav {position: absolute; top:4px; right: 3em;}

.scsToolTip {padding: 15px; position: fixed !important;}

.expando, .expando--dropup {position: relative;}
.expando .expandoNode a, .expando--dropup .expandoNode a {padding: 5px 5px; background-color: transparent !important;}
.expando--dropup .expandoNode a .expandoImg {margin-top:10px;}
.expando .expandoChildren, .expando--dropup .expandoChildren {
	position: absolute;
	border: 2px solid #A9BBC8;
	background: #FFFFFF;
	box-shadow: 0 0 10px -1px rgba(0,0,0,.3);
	padding: 1em;
	border-radius: 5px;
 }
 .expando .expandoChildren {top: 30px;left: 0; bottom: auto; right: auto;}
 .expando--dropup .expandoChildren {bottom: 20px; left: 0; right: auto; top: auto;}

/* Utilizado no cadastro de resultados - composite informacoes pre-analiticas - processamento em lote */
.campoEntradaResultado {position:relative;}
.campoEntradaResultado .laudosAdicionar {height:74px;overflow-y:scroll;}
.campoEntradaResultado .somenteUmLaudo {height:18px;overflow-y:hidden;box-sizing: border-box;}
.campoEntradaResultado .laudosAdicionar,
.campoEntradaResultado .somenteUmLaudo {width: 190px;background:#FFF;border:1px solid #AEAEAE;margin: 2px 0;float:left;}
.campoEntradaResultado .laudosAdicionar + .text,
.campoEntradaResultado .somenteUmLaudo + .text {position:absolute; top:1px !important;left:1px !important;padding:0;height:16px;width:188px;border:0;}
.campoEntradaResultado .laudosAdicionar div + div {border-top: 1px solid #DDD;}
.campoEntradaResultado .laudosAdicionar div::after,
.campoEntradaResultado .laudosAdicionar div::before {content: ''; display: table; clear: both;}
.campoEntradaResultado .grupoImagem{border:1px solid #bbb;background:#FAFAFA;margin:2px 0;width:100px;height:100px;}
.iconesResultado img {margin: 2px 0 0 2px;width:15px;height:15px;cursor:pointer;}
.ancoraFocus{width:1px;height:1px;font-size:1px;float:left;text-decoration:none;position: absolute;}
.campoEntradaResultado .text {text-align:right;}
.campoEntradaResultado textarea {width:220px;height:74px;}
.labelHtmlLaudo,
.labelHtmlLaudoVarios {overflow:hidden;font-weight: normal;margin-right: 16px; display: block; font-size: 12px; white-space: nowrap;}
.imgSelecaoHtmlLaudo{cursor:pointer;float:right;margin:4px 5px 3px 5px;}

.campoEntradaResultado ~ .zenHint {padding: 2px;width:34px;overflow:hidden;}

/* Personalização plugin laudo RTF */
table.mceLayout, tr.mceFirst td, .mceIframeContainer {border: 0 !important;}
td.mceToolbar {background: rgb(227, 237, 244) !important;}
.mceButton, .mceSplitButton, .mceButton span, .mceSplitButton span  {cursor: pointer !important;}
.mceButton, .mceSplitButton, .mceSeparator {background: transparent !important;}
.mceButton, .mceSplitButton {cursor: pointer;}
.mceButton:hover, .mceSplitButton:hover, .mceAction:hover  {background-color: #FFF !important;}
.mceSeparator {width: 20px !important;}
.mceListBox .mceOpen, .mceSplitButton a.mceOpen {background:url(images/disclosure-expanded.gif) center center no-repeat !important; height: 20px;}
.mceSplitButton {margin-right: 10px !important;}
.mceListBox .mceText {border: 0  !important; background: transparent  !important; width: auto !important;}
.mceButtonActive {background-color: #C1CDD6 !important;}
img.mceIcon {width: 15px !important; height: 15px !important; margin:3px !important; float: left;}
.mceToolbarEnd, .mceToolbarStart {display: none !important;}

/* BOX PARA DESTAQUE DE ALGUM TEXTO NA PÁGINA
EXEMPLO:
<cssGroup enclosingClass="boxAlerta">
	<label label="Atenção:" labelClass="tituloBox" enclosingStyle="display:none"/>
	<label value="- TEXTO 1"/>
	<label value="- TEXTO 2"/>
</cssGroup>
*/
.boxAlerta{margin:15px;border: #FAE182 solid 1px;background: #FFF9E1;padding:15px}
.boxAlerta span.labelText{height:auto}

.header {background:rgb(186, 198, 216);height: 54px;position:fixed;top:0;left:0;right:0;}
.header .labelText {color: #9DADC4;font-weight:bold;font-size:14px;padding:7px 10px;margin:10px 20px;text-align:left;background:#F5F8FA;border-radius: 4px;}

/* Classes auxiliares */
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.right{float: right !important;}
.left{float: left !important;}
.bolder {font-weight:bolder !important;}

.loader{background:url(../img/icons/carregando.gif) no-repeat center center; width:36px; height:36px}

.toolAcao {display:none;position:fixed;border:1px solid #C1CDD6;padding:5px;font-weight:bold;font-size:12px;white-space:nowrap;border-radius:8px;background:#FFF;z-index:999;color:#333;box-shadow:1px 1px 10px -2px rgba(0,0,0,.2);}

#mce_fullscreen_container{top:4px !important;right:5px !important;left:5px !important;width:auto !important;border:1px solid #EAEAEA !important;}
#mce_fullscreen_tbl{width:100% !important;}

p{font-size:12px;color:#969594;margin-bottom:10px;}

#content{margin: 0px 0px;}

.cabecalhoListagem{background: #D1E0ED;height: 38px;}
.cabecalhoListagem td {border-bottom:1px solid #C1CED6;border-right:1px solid #C1CED6;text-align:center;}

.textoAtivo{background: #FBE091;}

/* Estilos ModalGroup*/
.modalGroupTitle,.modalGroupTitle td, .modalGroupTitle table, .modalGroupBody, .modalGroup {border: 0px;}
.modalGroup {border: 1px solid #B9C5D7;}
div.modalGroupBody {background: #fff;padding: 10px;border: 3px solid #C6C6C6 !important;border-top: 0px !important;}
div.modalGroupTitle {background: #fff;color: #59708F;border: 3px solid #C6C6C6 !important;border-bottom: 0px !important;}
.modalGroupTitle td {color: #5B6E8E;}	
input.modalGroupCloseButton {background: transparent url(../img/icons/action_delete.png) no-repeat;width: 16px;height: 16px;font-size: 0px;margin-left:4px;cursor: pointer;border: 0px;}

/*Estilo jsonCombo select2*/
.boxForm .select2-choice,
.jsonComboBox .select2-choice { height: 20px !important; line-height:18px !important; border-radius:0 !important;background: #FFF !important;}
.boxForm .select2-choice .select2-arrow,
.jsonComboBox .select2-choice .select2-arrow {background: #CCC !important; border-radius: 0 !important; border-left: 1px solid #AAA;}
.boxForm .select2-choice .select2-arrow b,
.jsonComboBox .select2-choice .select2-arrow b {background: url(../images/disclosure-expanded.gif) no-repeat center center !important;}
.page-container {max-width: 992px; margin: 0 auto;position:relative;}
#expandoMenu .page-container {width: 965px !important; min-width: auto;}
@media (min-width: 1200px) {
	.page-container {max-width: 1140px;}
	#expandoMenu .page-container {width: 1110px !important;}
}
input.comboboxInput:focus{
border:1px solid blue;
}

.s-treelines {border-left: 1px dotted #CCC;margin-left: 5px;}
.s-treelines__item {position: relative;bottom: -7px;margin-bottom: 5px;}
.s-treelines__item .radioSetSpan {display: block;margin-top: 3px !important;margin-left: 0 !important;}
.s-treelines__item span:not(.checkboxCaption)::before{content: ' ';width: 12px;margin-right: 3px;display: inline-block;vertical-align: middle;border-bottom: 1px dotted #CCC;} 

abbr[title], acronym[title] {text-decoration: none;}

.alerta-atencao {border: 2px solid #ecdd1f;background: #ffffea;border-radius: 3px;padding: 5px 10px;}

@keyframes fadeScale {
	0% { transform: scale(.9); opacity: 0;}	
	100% { transform: scale(1); opacity: 1;}	
}

@keyframes slideToBottom {
	0% { transform: scale(1,.5); opacity: 0;}
	45% { transform: scale(1,.5); opacity: 0;}	
	60% { transform: scale(1,.8) translate3d(0,-50px,0); opacity: .2;}	
	100% { transform: scale(1) translate3d(0,0,0); opacity: 1;}	
}