* {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*margin: 0;
	padding: 0;*/
}


div.autoComplete>ul>li{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}	

div.detalhe>table{
	white-space: normal;
}	


table tr td {
	text-align: left;
}

div, fieldset {
	margin: 0;
	padding: 0;
}

hr {
    border:0px;
    border-top:1px solid #000000;
}

.fonte_monospace{
    font-family: "Courier New", Courier, monospace
}
.ficha_cat {
    width: 480px;
    height: 255px;
    border: 1px solid #C0C0C0;
    text-align: left;
    padding: 10px;
    overflow-y: scroll;
    font-family: times new roman;
    font-size:13px;
}

.ficha_cat * {
    font-family: times new roman;
    font-size:13px;
}

.ficha_cat blockquote {
    margin:0px 0px 0px 40px;
}

.autoComplete {
	border: 1px solid #C1C1C1;
	z-index: 1000;
}

.autoComplete ul{
	background-color: #FFFFFF;
	text-decoration:none !important; 
	list-style:none;
	margin:0px;
	padding:0px;
	cursor:pointer;
	/*border: 1px solid #98C0F4;*/
}

.autoComplete ul li{
	border-color: #FFFFFF #FFFFFF #EEEEEE;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    font: 11px tahoma,arial,helvetica,sans-serif;
    padding: 3px 10px;
    white-space: normal;
}

.autoComplete .detalhe {
	left:365px;
	position:absolute;
	top:0;
	width:200px;
	background-color: #FFFFFF;	
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.autoComplete .detalheRestauracao {
	left:488px;
	position:absolute;
	top:0;
	width:200px;
	background-color: #FFFFFF;	
	border: 1px solid #CCCCCC;
	padding: 2px;
}


.autoComplete .detalhe th{
	font-weight: bold;
	vertical-align: top;
}

img#foto {
	border: 1px solid #C0C0C0;	
}


.autoComplete ul .selected { 
    text-decoration: none !important;
	background-color: #F0F0F0;
    border-color: #A3BAE9 !important;
	border: 1px dotted !important;
    cursor: pointer;
}

fieldset {
    -moz-border-radius: 4px 4px 4px 4px;
    border: 1px solid #C0C0C0;
	padding: 5px;
}

a
{
	color: #006996;
	text-decoration: none;
	border:0px;
	/*font-weight:bolder*/
}

a img {
	border:0px;
}

a:hover
{
	color: #006996;
	text-decoration: underline;
	border:0px;
	/*font-weight:bolder*/
}

.BgLogin
{
	margin:0;
	background:#444444 url(../imagens/BgSite.gif) repeat-x
}
/*
.BgLogin
{
	margin:0;
	background:#444444 url(../imagens/Bg-BNWeb.gif) repeat-x
}
*/
.BgPrincipal
{
	margin:0;
	background:#dadfe2 url(../imagens/BgSite03.gif) repeat-x;
	overflow: auto;
}

#BgTabLogin
{
	background:url(../imagens/BgTabLogin.jpg) no-repeat;
	/*width:372px;*/
	width:330px;	 
	height:286px;
	margin-top:50px;
	margin-left: auto;
    margin-right: auto;
	font-size:12px;
}

.versao-login {
	text-align: center;
	color: white;
}

#Login
{
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding-top: 120px;
	/*padding-left: 50px;*/
	padding-left: 54px;	
}

#Login form
{
	margin: 0px;	
}

.EditForm
{
	border:#0397d6 solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	width: 140px;
}

.BForm
{
	background-image: url(../imagens/BgBForm.gif);
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	border:1px #888 solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	cursor:pointer;
}
/*Chrome e Safari*/
.webkit .BForm {
	padding:2px;
}

.BFormDisable
{
    background-color: #A8A8A8;
    color: #D1D1D1;
	font-size:12px;
	font-weight:bold;
	border:1px #888 solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.CabPartBg
{
	background: url(../imagens/CabePart-Bg.gif) repeat-x;
	color:#FFFFFF;
}

.MenuTopOver {
	background: url(../imagens/Menu-Bg.gif) repeat-x;
}

.MenuPartBg
{
	background: url(../imagens/MenuPart-Bg.gif) repeat-x;
	color:#FFFFFF;
}

.menu{
	font-size:12px;
}

.menuOver{
	font-size:12px;
}



.RodapeBg{
	background-image: url(../imagens/Rodape-Bg.gif);
	background-repeat: repeat-x;
	height:33px;
	text-align: center;
	padding-top: 12px;
	margin-top: 20px;
}

.RodapeBg a{
	color:#FFFFFF;
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
}

.RodapeBg a:hover{
	text-decoration:underline;
}

.BgPagTabSup
{
	background: url(../imagens/PartSup-Tab.gif) no-repeat center;
	height:25px;
}

#BgPagTab
{
	/*background: url(../imagens/BgPag-Tab.gif) repeat-y center;*/	
}

.BgPagTabInf
{
	background: url(../imagens/PartInf-Tab.gif) no-repeat center;
	height:21px;
}

.UserLogon {
	float:right;
	width:300px;
	text-align:right;
}

.UserLogon .Dados{
	height:41px;
	font-size:10px;
	color:#FFFFFF;
	vertical-align:middle;	
	display: table-cell;
	width: 300px;
}

.TxtTab
{
	font-size:12px;
	padding: 0 15px 0 15px;
	color:#000;
}

a.BHome{
	background-image: url(../imagens/BHome.gif);
	background-repeat:no-repeat;
	display:block;
	width: 42px; 
	height: 26px; 
}
a.BHome:hover{
	background-image: url(../imagens/BHomeHover.gif);
}

a.BLogout{
	background-image: url(../imagens/BLogout.gif);
	background-repeat:no-repeat;
	display:block;
	width: 42px; 
	height: 26px;	
}
a.BLogout:hover{
	background-image: url(../imagens/BLogoutHover.gif);
}

ul.CabecButton {
	list-style-type: none;
	height: 30px;
	width: 94px;
	vertical-align: baseline;
	margin-top:1px;
	margin-right:0px;
	padding:0px;
	float: right;
}

ul.CabecButton li {
	list-style: none;
	float: right;
}



td.BgSombraSiteEsq{
	background-image:url(../imagens/bgSombraSiteEsq.gif);
	background-repeat:repeat-y;
	width:5px;
}

td.BgSombraSiteDir{
	background-image:url(../imagens/bgSombraSiteDir.gif);
	background-repeat:repeat-y;	
	width:5px;	
}

td.BgSombraSiteBaixo{
	background-image:url(../imagens/bgSombraSiteBaixo.gif);
	background-repeat:repeat-x;
	height:5px;
}

td.BgSombraSiteBaixoDir{
	background-image:url(../imagens/bgSombraSiteBaixoDir.gif);
	background-repeat:no-repeat;
	height:5px;
	width:5px;
}

td.BgSombraSiteBaixoEsq{
	background-image:url(../imagens/bgSombraSiteBaixoEsq.gif);
	background-repeat:no-repeat;
	height:5px;	
	width:5px;	
}

td.BgSombraSiteCima{
	background-image:url(../imagens/bgSombraSiteCima.gif);
	background-repeat:repeat-x;
	height:5px;
}

td.BgSombraSiteCimaDir{
	background-image:url(../imagens/bgSombraSiteCimaDir.gif);
	background-repeat:no-repeat;
	height:5px;
	width:5px;
}

td.BgSombraSiteCimaEsq{
	background-image:url(../imagens/bgSombraSiteCimaEsq.gif);	
	height:5px;	
	width:5px;	
}
		
.caption {
    color: #4f4f4f;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
	font-weight: bold;
	padding: 3px 0 5px 5px;
}

.caption_detalhe {
    color: #4f4f4f;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8pt;
    font-weight: normal;
    padding: 4px 0px 0px 0px;
	display: block;
}

.estilo_tabela {
	text-align:left;
}

  .label_ficha  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:11px;
  text-align:right;
  vertical-align:top;
  font-weight: bold;
}  

.labelSemNegrito_ficha  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size:11px;
  text-align:left;
  vertical-align:top;
}

.labelDestaqueVermelho{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight: bold;
  color: #DD0000;
  }
  
.linkMiolo { 
  text-decoration: none;
  color: #0000AA; 
  font-family: Arial; 
  font-size: 12px
  }
.linkMiolo:hover { 
  text-decoration: underline;
  color: #0000AA;
  }
.linkMioloNegrito { 
  text-decoration: none;
  color: #0000AA;
  font-weight: bold;
  }
.linkMioloNegrito:hover { 
  text-decoration: underline;
  color: #0000AA;
  font-weight: bold;
  }   
  
.linkMioloNegrito_ficha { 
  text-decoration: none;
  font-size:11px;
  color: #0000AA;
  }

.linkMioloNegrito_ficha:hover { 
  text-decoration: underline;
  font-size:11px;
  color: #0000AA;
}

button.button {
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
	margin: 0;
	outline: 0 none;
	height: 16px; 
	width: 16px;
	margin: 1px;
	vertical-align: middle;
} 

.label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: left;
  vertical-align:top; 
  cursor: pointer;
  }
  
.inputBotao {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border:1px solid #C0C0C0;
  cursor:pointer;
  padding: 1px;
  background: #ECECEC;
  box-sizing: border-box;
  }
.imgBotao {
	padding-right: 24px; 
	background-position: 95% 50%;
}  
.imgSmallIcon {
	width:16px; height:16px;
}  

.inputSelect {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #C1C1C1;
  background: url("../imagens/text-bg.gif") repeat-x;
  }
.inputSelectDisabled {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
  }  
.inputTextArea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #C1C1C1;
  background: url("../imagens/text-bg.gif") repeat-x;
  background-color: #FFFFFF;
  }
 .inputTextArea:focus {
    border: 1px solid #777777;
}
.inputTextAreaDisabled {  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;color: #666666;
  background-color: #EEEEEE;
  border:1px solid #CCCCCC;
}  

.inputTextDisabled {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 1px 0;
  }
.inputText {
    background: url("../imagens/text-bg.gif")  repeat-x;
    background-color: #FFFFFF;
    border: 1px solid #C1C1C1;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 1px 0;
}
.inputText:focus {
    border: 1px solid #777777;
}
 /* .inputText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;color: #000000;
  background-color: #FFFFEC;
  border:1px solid #C0C0C0;
  }
  */
.inputTextFile {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;color: #000000;
  background-color: #FFFFEC;
  border:1px solid #C0C0C0;
  }

/* estilo do tabset */
.bsTabset {
	font-size : 12px;
	color: #000000;
	text-align: center;
	height: 20px;
	font-weight: normal;
	cursor: pointer;
	padding: 4px 10px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;

}
.bsTabsetActive {
	vertical-align : top;
	background-color: #F0F0F0;
	cursor: default;
	font-weight: bold;
	padding-top:4px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	margin-left:1px;
	margin-right:1px;
        border-top: 1px solid #D6D3CE;
        border-left: 1px solid #D6D3CE;
        border-bottom:0px solid #F0F0F0;
	border-right:1px solid #D6D3CE;

}
.bsTabsetInactive {
    background-image: url("../imagens/BgBForm.gif");
    color: #FFFFFF;
	cursor: pointer;
    font-weight: bold;
	cursor:pointer;
	padding-top:1px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	margin-left:0px;
	margin-right:0px;
  border-top: 0px solid ButtonHighlight;
  border-bottom: 1px solid ButtonHighlight;
  border-left:   1px solid ButtonHighlight; 
  border-right:  1px solid ButtonHighlight; 
        
}

.bsTabsetDisable {
	background-color: #868686;
    border-color: buttonhighlight;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #EAEAEA;
    cursor: pointer;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
    padding: 1px 5px 0;
}
.tabsetContentDiv {
	/*background-color:#d6d3ce;  */
    background-color:#f0f0f0;
	padding:15px;
	/*width: <#largura>px;*/
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.tabsetContentDiv  td {
	text-align: left;
}
.tabsetTabsDiv {
	border-bottom:0px solid white;
}
/* CSS do ajax hint*/
.detalheToolTip{
	position: absolute;
        font-family: Arial, Helvetica, sans-serif; 
        border: 1px solid #B5B5CF;
	background-color: #FFFFFF;
}
.detalheHint{
	position: absolute;
    font-family: Arial, Helvetica, sans-serif; 
    border: 1px solid #ff8888;
	z-index: 1000;
}
.detalheHint .cabecalho{
	background:#ff8888;
	color:#FFFFFF;
	font-size: 12px; 

}
.detalheHint .texto{
	background: #FFF1F1;
	font-size: 12px; 
}
label.Hint{
    font-family: Arial, Helvetica, sans-serif; 
    padding:5px;
	color:#FF0000;
	cursor: pointer;
	margin: 0 !important;
	vertical-align: bottom;
}

.ext-grid-row-red{
	color:#FF0000;
}
.ext-grid-row-blue{
    /*color:#0000FF;*/
   color:#000999;
}
.ext-grid-row-dark-blue{
    /*color:#0000FF;*/
   color:##000333;
}
.ext-grid-row-yellow{
    color:#646400;
}
.ext-grid-row-green{
    color:#006600;
}
.ext-grid-row-dark-green{
    color:#004900;
}
.ext-grid-row-purple{
    color:#9900CC;
}
.ext-grid-row-orange{
    color:#FF6000;
}
.ext-grid-row-dark-red {
	color:#8B0000;
}
.ext-grid-row-gray {
	color:#999999;
}

.color-box-icon {
	width: 16px;
	height: 16px !important;
	margin: 0px 4px 0px 1px;
	padding: 1px 8px;
	box-sizing: border-box;
	cursor: pointer !important;
}
.ext-box-icon-gray {
	background-color: #999999;
}
.ext-box-icon-light-gray {
	background-color: #FFF;
	border: 1px solid #E8E8E8;
    padding: 0 7px;
}
.ext-box-icon-black {
	background-color: #FFF;
	border: 1px solid #000;
    padding: 0 7px;
/*	height: 15px;*/
}
.ext-box-icon-blue {
	background-color: #000999;
}
.ext-box-icon-dark-red {
	background-color: #8B0000;
}
.ext-box-icon-red {
	background-color: #FF0000;
}
.ext-box-icon-yellow {
	background-color: #646400;
}
.ext-box-icon-purple {
	background-color: #9900CC;
}
.ext-box-icon-green {
	background-color: #006600;
}
.ext-box-icon-orange {
	background-color: #FF6000;
}


.ext-cell-icon {
    height: 16px;
    width: 16px;
	padding: 0 8px;
	margin-left: 3px;
	cursor: pointer !important;
}
.ext-cell-icon-prohibition {
	background-image: url(../imagens/ysk/prohibition.png) !important; background-repeat: no-repeat;
} 



.loading-miolo{
	text-align: center;
	padding: 100px;
	color: #183884;
	font-size: 12px;
}

.loading-miolo img{
	margin: 5px;
}

.form td{
	padding: 3px;
}

img.loading {
	height: 13px;
    margin-left: -17px;
    margin-top: 3px;
    position: absolute;
    width: 13px;
/*    position: relative;
	left: -22px;
    top: 3px;
    width: 13px;
    height: 13px;*/
}  

.clear {
	clear: both;
}

div#balcao {
	/*width: 600px;*/
	width: 840px;	
}

div#balcao div#form-identificacao input, div#balcao div#form-identificacao select {
	font-size: 14px;
}

div#balcao div#form-identificacao select option {
	font-size: 12px;	
}

div#balcao div#form-identificacao input#identificador {
	margin: 4px;
	padding: 0 2px;
	width: 356px;
	height: 21px;
}

div#balcao div#form-identificacao input.registro {
    /*margin: 0 4px;*/
    padding: 0 2px;
    height: 21px;
}

#registro_devolucao {
    width: 240px;
}

div#balcao select#campo, div#balcao select#view {
	height: 23px;
	width: 100px;
}

div#balcao fieldset {
	margin: 6px 6px 10px;
    padding: 8px;
}

div#balcao td#foto{
	/*display: table-cell;*/
}

div#balcao td#botoes {
	/*display: table-cell;*/
    text-align: right;
    vertical-align: middle;
    width: 710px;
}

div#balcao td#botoes input {
	background-color: #ECECEC;
}

div#balcao img.loading {
    height: auto;
    left: auto;
    margin-left: -26px;
    margin-top: 6px;
    padding: 2px;
    position: absolute;
    top: auto;
    width: auto;
}

div#balcao div#form-emprestimo, div#balcao div#form-reserva {
	margin-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    /*position: absolute;
    top: -4px;
    width: 570px;*/
}

div#balcao div#form-especial, 
div#balcao div#form-restauracao {
    margin-bottom: 3px;
}

div#balcao .labelAviso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-align: right;
	margin: 10px 0 0 10px;
}

/**
 * INICIO stylos da configuração de cartao do ususario
  */
#card-container {
	position:relative;
	border: 1px solid #999999;
	height: 206px;
	width: 327px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#card-background {
	position:absolute;
	background-repeat: no-repeat;
	background-position: center;
	height: 206px;
	width: 327px;
	opacity:0.30;
	-moz-opacity: 0.30;
	filter: alpha(opacity=30);
}

#card-foto {
	position:absolute;
	background-image: url(../imagens/fotoh.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px dashed #000000;
	cursor: move;					
}

.card-field {
	position:absolute;
	border: 1px dashed #000000;
	cursor: move;
}

#card-codbar {
	position: absolute;
	background-image: url(../imagens/cod-bar.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px dashed #000000;	
	cursor: move;
	
}	  



#card-container-vert {
	position:relative;
	border: 1px solid #999999;
	height: 327px;
	width: 206px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#card-background-vert {
	position:absolute;
	background-repeat: no-repeat;
	background-position: center;
	height: 327px;
	width: 206px;
	opacity:0.30;
	-moz-opacity: 0.30;
	filter: alpha(opacity=30);
}

#card-foto-vert {
	position:absolute;
	background-image: url(../imagens/fotoh.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px dashed #000000;
	cursor: move;					
}

.card-field-vert {
	position:absolute;
	border: 1px dashed #000000;
	cursor: move;
}

#card-codbar-vert {
	position: absolute;
	background-image: url(../imagens/cod-bar-vert.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 1px dashed #000000;	
	cursor: move;
	
}

/**
 * FINAL stylos da configuração de cartao do ususario
 */
  
  
/**
 * INICIO CSS ANTIGO
 */
/*grid*/
.gridTabela {
  background-color: #CCCCCC;
  }
.gridTitulo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  background-color: #EEEEEE;
  border:1px solid #000000;
  }
.gridLinhaConsultaPar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;background-color: #FFFFFF; 
  color: #0000FF; 
  font-weight: bold;
  }
.gridLinhaConsultaImpar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFEC; 
  color: #0000FF; 
  font-weight: bold;}
.gridLinhaAtrasoPar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFFF; 
  color: #CC0000; 
  font-weight: bold;
  }
.gridLinhaAtrasoImpar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFEC; 
  color: #CC0000; 
  font-weight: bold;
  }
.gridLinhaAtrasoHover{
  background-color: #B5CCDF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #CC0000; 
  font-weight: bold;
  }  
.gridLinhaAtrasoSelecionada {
  background-color: #B5CCDF; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #CC0000; 
  font-weight: bold;
  }  
.gridLinhaVermelhaPar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFFF; 
  color: #CC0000; 
  font-weight: bold;
  }
.gridLinhaVermelhaImpar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFEC; 
  color: #CC0000; 
  font-weight: bold;
  }
.gridLinhaVermelhaHover{
  background-color: #B5CCDF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #CC0000; 
  font-weight: bold;
  }  
.gridLinhaVermelhaSelecionada {
  background-color: #B5CCDF; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #CC0000; 
  font-weight: bold;
  }  
.gridLinhaAmarelaPar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFFF; 
  color: #CECF00; 
  font-weight: bold;
  }
.gridLinhaAmarelaImpar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFEC; 
  color: #CECF00; 
  font-weight: bold;
  }
.gridLinhaAmarelaHover{
  background-color: #B5CCDF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #CECF00; 
  font-weight: bold;
  }  
.gridLinhaAmarelaSelecionada {
  background-color: #B5CCDF; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #CECF00; 
  font-weight: bold;
  }  
.gridLinhaAzulPar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFFF; 
  color: #0000CC; 
  font-weight: bold;
  }
.gridLinhaAzulImpar{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FFFFEC; 
  color: #0000CC; 
  font-weight: bold;
  }
.gridLinhaAzulHover{
  background-color: #B5CCDF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #0000CC; 
  font-weight: bold;
  }  
.gridLinhaAzulSelecionada {
  background-color: #B5CCDF; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #0000CC; 
  font-weight: bold;
  }  
.gridLinhaPar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #FEFEFE;
  }
.gridLinhaImpar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #ECE9D8;
  }
.gridLinhaRemissivaPar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #FF0000;
  background-color: #FEFEFE;
  }
.gridLinhaRemissivaImpar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #FF0000;
  background-color: #ECE9D8;
  }
.gridLinhaRemissivaHover{
  background-color: #B5CCDF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #FF0000; 
  font-weight: bold;
  }  
.gridLinhaRemissivaSelecionada {
  background-color: #B5CCDF; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #FF0000;
  font-weight: bold;
  }
.gridover{
  background-color: #B5CCDF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000;
  }
.gridLinhaDestaque {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt; color: #0000AA
  }
.gridLinhaSelecionada {
  background-color: #B5CCDF; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000;
  }
.botaoSemRelevo {
  border: 1px outset #EEEEEE;
  cursor: pointer;
  background-color: #CCCCCC;
  margin: 0px;
  padding: 0px;
  }
.botaoPraFora {
  border: 1px inset #EEEEEE;
  cursor: pointer;
  background-color: #CCCCCC;
  }
.botaoPraDentro {
  border: 1px inset #EEEEEE;
  cursor: pointer;
  background-color: #FFFFCC;
  }  
/*autocomplete*/
.highlight, .highlight a {
      text-decoration: none !important;
      background:url(../imagens/bg-h2.jpg);
      font-weight: bold;
      color:black;
      margin:0px;
      padding:0px;
      display:block;
}

.dropDownList div a {
	text-decoration:none;
	font-size:11px;
	font-family:verdana;
	color:#3E3E3E;
	padding-left:10px;
}

.dropDownList{
      border:1px solid #C8C8C8;
      background-color:#FFFFEC;
      float:left;
      position:absolute;
      left:0;
      top:0;
      z-index:99;

}

#fader {
    position:absolute;
    top:0;
    left:0;
    /*background-color:black;*/
    background-color:#C8C8C8;
    /*filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;*/

    filter:alpha(opacity=50)
    -moz-opacity: 0.5;
    opacity: 0.5;

    z-index: 9999999;
}

#popUp {
    background-color:white;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99999991;
    /* border:1px solid black; */
    border: 3px groove;
}

#popUp .topoJanela {
    height:25px;
    padding:2px;
    /* background-color:#6A6AFF; 
    background-color: #0000FF; */
	background-color: #C0C0C0;

}

#popUp .titulo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float:left;
    padding: 2px 0 2px 0;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    padding-left: 5px;
    
}
#popUp .btnFechar {
    float:right;
    border:1px solid black;
    background-color:#FF9D9D;
    width:20px;
    height:20px;
    display:block;
    text-align:center;
    cursor:pointer;
}
#popUp .btnFechar:hover {
    background-color:#FF2929;
}


div.fileinputs {
	position: relative;
	/*dav*/
	width:316px;
	/*dav*/
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width:400px;
}
div.fakefile input.inputTextDisabled {
	width:220px;
}
input.file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	height:20px;
	width:290px;
} 
div#hidefile {
	width:315px;
	float:left;
	overflow:hidden;
}
	
.botaoSemRelevo {
  border: 1px outset #EEEEEE;
  cursor: pointer;
  background-color: #CCCCCC;
  margin: 0px;
  padding: 0px;
  }
.botaoPraFora {
  border: 1px inset #EEEEEE;
  cursor: pointer;
  background-color: #CCCCCC;
  }
.botaoPraDentro {
  border: 1px inset #EEEEEE;
  cursor: pointer;
  background-color: #FFFFCC;
  }
.botaoLabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: #000000;
  text-align: center;
}

/** Relatórios **/
div.chamador_conteudo{
	width: 570px;
	margin: 0 15px 0 15px;
}	

div.chamador-top-left{
    position:relative;
	width: 430px;
	float: left;
}	

div.chamador-top-right{
    position:relative;
	width: 140px;
	float: left;
}	

div.chamador-botton{
    position:relative;
	width: 570px;
	float: left;
}	

/**
 * FIM CSS ANTIGO
 

.BgPrincipal {
    background-attachment:fixed;
}    


.MioloComFrame {
    padding-top: 90px;
    padding-bottom: 50px;
}


.CabPartBg {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50000;
    height: 74px;
}
    
.RodapeBg {
    bottom: 0;
    height: 19px;
    position: fixed;
    width: 100%;
    z-index: 100;
}

*/
.MenuContent {
	color: #FFFFFF;
}
/*Chrome e Safari*/

.webkit input {
	margin:1px;
}

#ficha label, #ficha span {
	display: block;
	float: left;
	/*width: 430px;*/
	width: 410px;
	margin-bottom: 10px;
	margin-top: 2px;
	padding-left: 10px;
}
#ficha h1 {
	color: #FF0000;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 2px;
	font-size: 12px;
}

#ficha h1.fcc-inc-pend {
    color: #535353 !important;
}

#ficha h1.fcc-desab-con {
    color: #FF6000 !important;
}

#ficha h2 {
	color: #4F4F4F;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 2px;
	font-size: 12px;
}
#ficha span {
	word-wrap: break-word;
}
.x-grid3-row #ficha span {
	width: 345px;
	white-space: normal;
}
#ficha label {
	/*width: 130px;*/
	width: 145px;
	text-align: right;
	font-weight: bold;
	padding-left: 15px;
}
#ficha br {
	clear: left;
}
#ficha th {
	text-align: left;
} 
.truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
}

.pre {
	font-family: "Courier New", Courier, monospace !important;
	word-wrap: break-word;      /* IE 5.5-7 */
	white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap;      /* current browsers */  
	white-space: pre;      		/* current browsers */	
}

.text-right {
	text-align: right;
}

.bold {
	font-weight: bold;
}
#ficha span div.table table {
	table-layout: auto !important;
}
#ficha span div.table  {
	max-height:84px;
	overflow:auto;
}
#ficha span div.table div {
	float:left;
	overflow: hidden;
	height: 17px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#ficha span table td {
	padding-right:4px;
	white-space: nowrap;
}
#ficha span table td.unidade {
	/*width: 20%;*/
	padding-right:10px !important;
	clear: left;
}
#ficha span div.table div.chamada {
	width: 75%;	
}
#ficha span div.table tr {
	height: 17px;
}
#ficha span div.table th {
	font-weight: bold;
}
.border-box-sizing {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
            box-sizing: border-box;
}
small, small * {
    font-size: 9px;
}
small:after {
    content: ')';
}
small:before {
    content: '(';
}

div.caption-detail {
	margin-top: 3px;
}

span.caption-red {
	color: #CC0000;
	font-size: 9pt;
	font-weight: bold;
}

span.caption-gray {
	color: #666;
	font-size: 9pt;
	font-weight: bold;
}

.BForm.small {
    font-size: 10px;
    padding: 0 1px;
}

#framePopupBox {
	overflow: auto;
}

#legend img {
    padding-right: 4px;
    width: 20px;
}

img.link-cadastroview {
	width: 20px;
	float: right;
	padding-top: 5px;
}

.text-color-red {
	color: #CC0000;
}

.text-color-green {
	color: #00911D;
}

.button.border-button {
	background-color: #ececec;
	border: 1px solid #c0c0c0;
	background-position: 2px 1px;
    margin-bottom: 2px;
	margin-left: 4px;
    padding: 8px 8px 9px;
}

.position-right {
    position: absolute !important;
    right: 0;
    top: 4px;
}

fieldset.formulario {
    border: 0;
}

fieldset.formulario .BForm{
    width: auto !important;
}

fieldset.formulario > legend {
    border-bottom: 1px solid #ccc;
    display: block;
    width: 100%;
    margin: 5px 0;
    padding-bottom: 5px;
    padding-top: 10px;
    font-weight: bold;
    vertical-align: bottom;
    position: relative;
}

fieldset.formulario > legend label, fieldset.formulario > legend .label {
    float: none;
    width: auto;
    padding: 0;
}

fieldset.formulario  label, fieldset.formulario  .label {
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

fieldset.formulario  label:nth-of-type(odd), fieldset.formulario  .label:nth-of-type(odd) {
	/*clear: both;*/
}

fieldset.formulario  label > span, fieldset.formulario  .label > span {
    float: left;
    width: 140px;	
	height: 18px;
}

fieldset.formulario  label > span.required:after, fieldset.formulario  .label > span.required:after {
    content: "*";
    color: #CC0000;
}

fieldset.formulario  label input[type="text"],
fieldset.formulario  label input[type="number"],
fieldset.formulario  .label input[type="text"],
fieldset.formulario  .label input[type="number"] {
    width: 50%;
}

fieldset.formulario  label textarea, fieldset.formulario  .label textarea {
    width: 100%;
    margin-top: 5px;
    height: 60px;
}

fieldset.formulario  label.full-width, 
fieldset.formulario  .label.full-width {
    width: 100%;
}

fieldset.formulario #lista-titulos {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

fieldset.formulario #lista-titulos .item-titulo {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

fieldset.formulario #lista-titulos .item-titulo .seq {
    float: left;
    font-weight: bold;
    margin-top: 5px;
    height: 75px;
    border-right: 1px solid #ccc;
    padding-right: 5px;
}

fieldset.formulario #lista-titulos .item-titulo .campos {
    float: left;
    width: 680px;
    overflow: hidden;
}

fieldset.formulario #lista-titulos .item-titulo .controls {
    float: left;
}

fieldset.formulario #lista-titulos .item-titulo .controls button {
    margin-top: 20px;
}

.text-large {
	font-size: 2em;
}

code {
	font-family: courier;
}

div.tituloSessaoTela{
  font-size: 9pt;
  font-weight: bold;
  color: #4f4f4f;
  padding-top: 15px;
  padding-bottom: 2px;
  padding-left: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #C0C0C0;
}	

.hidden {
	display:none;	
}

.show {
	display:inherit;
}

.position-relative {
	position: relative;
}

.display-inline-block {
	display: inline-block;
}



.labelSifrao {
    position: relative;
}
.labelSifrao:before {
    position:absolute;
    left:5px;
    top:4px;
    font-size:12px;
    content: 'R$';
}
.labelSifrao > input[type="text"] {
    padding-left: 19px;
    box-sizing: border-box;
}

.labelDias {
    position: relative;
}
.labelDias::after {
    position:absolute;
    right:8px;
    top: 4px;
    font-size:12px;
    content: 'dia(s)';
}
.labelDias > input[type="text"] {
    padding-right: 40px;
    box-sizing: border-box;
}

.labelHoras {
    position: relative;
}
.labelHoras::after {
    position:absolute;
    right:8px;
    top: 4px;
    font-size:12px;
    content: 'hora(s)';
}
.labelHoras > input[type="text"] {
    padding-right: 40px;
    box-sizing: border-box;
}

.alert-card {
	margin: 5px auto 20px auto;
	width: 600px;
	background-color: white;
	color: #a80303;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid #e69c9c;
	line-height: 20px;
	box-shadow: 0px 0px 2px white;	
	box-sizing: border-box;

}

#img-foto, #foto, .fotos {
	image-orientation: none;
}