/*
* After modifying this style sheet, refresh the page being designed to see the effect of the modification.
* Click the Refresh button in the Visual Designer toolbar to refresh the page.
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);

BODY, TH, TD, P, DIV, SPAN, INPUT, BUTTON, SELECT, TEXTAREA, FORM, B, STRONG, I, U, H1, H2, H3, H4, H5, H6,
DL, DD, DT, UL, LI, OL, OPTION, OPTGROUP, A {
    font-family:'Open Sans', Helvetica, Arial, sans-serif!important;
    font-size:11px;
}

* {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

#panelEscolarBasico_SJC.cqlf *, #panelEscolarSecundario_SJC.cqlf *{
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

body {
    /* background-image:url(../resources/images/fundo.gif);*/
    background-repeat:repeat-x;
    text-align:center;
    font-family:Arial;
    font-size:11px;
}

#menu{ /* por causa do IE6 */
    margin-left:2.5px;
    margin-right:2.5px;
    float:left;
    text-align:left;
    width: 148px;
}

.menu {
    z-index: 2;
}

/* por causa do FF IE7 */
html>body #menu{
    margin-left:5px;
    margin-right:5px;
}

.menuOmissao{
    height:450px;
}

/******************************************************************************/
/******************************************************************************/

#nivel0 {/*rebordo*/
    width: 148px;
    border-style: none solid none solid;
    border-color:  #ffffff;
    border-width: 0px;
    float:left;
    text-align: right;
}

#nivel0  a {/*altura*/

    voice-family: "\"}\"";
    voice-family: inherit;
    height: 20px;
    margin-bottom: 1px;
    padding-left: 7px !important;
    text-decoration: none;
}

#nivel0 a:link, #nivel0 a:visited {
    color: #fff!important;
    display: block;
    background: #008C9E;
    padding: 5px 2px 2px 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nivel0 a:hover {
    color: #fff;
    background: #005F6B;
    padding: 5px 2px 2px 0;
    text-align: left;
}

#nivel0 a:active {
    color: #fff;
    padding: 5px 2px 2px 0;
    text-align: left;
}

/******************************************************************************/
/******************************************************************************/

#nivel1 {
    width: 148px;
    border-style: none solid none solid;
    border-color: #ffffff;
    border-width: 0px;
    float:left;
    text-align: right;
}

#nivel1  a {
    height: 17px;
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
}

#nivel1 a:link, #nivel1 a:visited {
    height: 17px;
    width: 134px;
    border-style: none solid none solid;
    border-color: #ffffff;
    border-width: 0px;
    color: #000;
    float:left;
    background: #ddd ;
    padding: 5px 2px 2px 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nivel1 a:hover {
    background:#d0d0d0;
}

#nivel1 a:active {

}

/******************************************************************************/
/******************************************************************************/

#nivel2 {
    width: 148px;
    border-style: none solid none solid;
    border-color: #ffffff;
    border-width: 0px;
    float:left;
    text-align: left;
}

#nivel2  a {
    height: 17px;
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
}

#nivel2 a:link, #nivel2 a:visited {
    color: #000;
    display: block;
    background: #f5f5f5;
    padding: 5px 2px 2px 20px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nivel2 a:hover {
    color: #fff;
    background: #00c4c9;
    text-align: left;
    text-decoration: none;
}

#nivel2 a:active {
    color: #000;
    background: #f5f5f5;
    text-align: left;
}

/******************************************************************************/
/******************************************************************************/

#nivel3 {
    width: 148px;
    border-style: none solid none solid;
    border-color: #D0D0D0;
    border-width: 1px;
    float:left;
    text-align:left;
}

#nivel3  a {
    height: 17px;
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
}

#nivel3 a:link, #nivel3 a:visited {
    color: #fff;
    display: block;
    background: url(../resources/images/nivel3.gif);
    padding: 5px 2px 2px 0;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nivel3 a:hover {
    color: #fff;
    background: url(../resources/images/nivel3.gif) 0 -32px;
    padding: 5px 2px 2px 0;
    text-align: left;
}

#nivel3 a:active {
    color: #fff;
    background: url(../resources/images/nivel3.gif) 0 -64px;
    padding: 5px 2px 2px 0;
    text-align: left;
}

/******************************************************************************/
/***************************DISABLED*****************************************/
#nivel0 .disabled{
    height: 17px;
    width: 145px;
    border-style: none solid none solid;
    border-color: #ffffff;
    border-width: 1px;
    float:left;
    background: url(../resources/images/nivel0Dis.gif);
    padding: 5px 2px 2px 0;
    text-align: left;
}
#nivel1 .disabled{
    height: 17px;
    width: 134px;
    border-style: none solid none solid;
    border-color: #ffffff;
    border-width: 0px;
    float:left;
    background: #ddd ;
    padding: 5px 2px 2px 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;

}
#nivel2 .disabled{
    height: 17px;
    width: 145px;
    border-style: none solid none solid;
    border-color: #ffffff;
    border-width: 1px;
    float:left;
    background: url(../resources/images/nivel2Dis.gif) ;
    padding: 5px 2px 2px 0;
    text-align: left;
}

.menuSeleccionado{
    background: #00c4c9;
    color: #fff;
}
.nivel0NaoSeleccionado{
    color: #fff;
}
/******************************************************************************/
/******************************************************************************/
#header{
    margin-bottom: 14px;
    margin-left: 5px;
    margin-right: 5px;
    /*     background-image: url('images/SIGO-logo.png'); */
    background-repeat: no-repeat;
    background-position: left center;
    /* background-image: url(../resources/images/fundo_header.gif); */
}

.header-bar {
    background: none repeat scroll 0 0 #F5F5F5;
    box-shadow: 0 0px 6px #AAAAAA;
    height: 93px;
    left: 0;
    position: absolute;
    text-indent: -9999em;
    width: 100%;

}

#conteudo{
    margin-right: 5px;
    text-align:left;
    background-color: white;
    width: 755px;
}

html>body #conteudo{
    margin-left:5px;
    margin-right:5px;
    margin-left: 160px;
}

#login{
    width: 100%;
    height:178px;
    margin: auto;
    top: 200px;
    margin-top: 200px;
    background-color: #f5f5f5;
    box-shadow: 0 0 7px rgba(0,0,0,.2);
    border-right-style: solid;
    border-right-color: white;
    border-right-width: 5px;
    /*background-image: url(../resources/images/fundo_login.gif);*/
    font-size: 11px;
    font-family:Arial;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#userEntidadesLogin{
    width: 100%;
    height:100%;
    margin: auto;
    top: 200px;
    margin-top: 200px;
    background-color: #f5f5f5;
    box-shadow: 0 0 7px rgba(0,0,0,.2);
    border-right-style: solid;
    border-right-color: white;
    border-right-width: 5px;
    /*background-image: url(../resources/images/fundo_login.gif);*/
    font-size: 11px;
    font-family:Arial;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
}

.login-container {
    width: 910px;
    position: relative;
    margin: 0 auto;
    margin-top: 38px;
    display: inline-block;
}

#footer{
    width: 910px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 23px;
    background-color: rgb(243,243,243);
    clear: both;
}



.footer-bar {
    background: none repeat scroll 0 0 #f5f5f5;
    height: 60px;
    left: 0;
    position: absolute;
    width: 100%;
    text-indent: -9999em;
}

#divSuporte{
    width: 910px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    clear: both;
}

#main{
    width: 920px;
    background-color: white;
    margin: auto;
}



/*CPAIVA*/
#frameBIExt{
    width: 920px;
    height: 650px;
    margin: auto;
    background-color: white;

}
#frameBIInt{
    width: 883px;
    height: 640px;
    margin-top: 2px;
}

.menuBI{
    position: relative;
    width: 150px;
    vertical-align:top;
    background-color: #FFFFFF;
    border-color: #E8EFEB;
    border-style: none solid solid none;
    border-width: 1.5px;
    left: -7px;
    /*border-radius: 1.6em; */

}

.row1{}
.row2{}

table.Tbl tr.row1 td, table.Tbl tr.row1 th
{
    background-color: rgb(229, 230, 230);
}

table.Tbl tr.row2 td, table.Tbl tr.row2 th
{
    background-color: rgb(252,252,252);
}

table.Tbl_ tr.row1
{
    background-color: rgb(229, 230, 230);
}

table.Tbl_ tr.row2, table.Tbl_ tr.row2
{
    background-color: rgb(252,252,252);
}

table.Tbl_, table.Tbl_ > tbody > tr > td, table.Tbl_ > tbody > tr > th {
    border: solid 1px #AAAAAA;
    border-collapse: collapse;
}

/*
No borders on Radiobuttons inside a table.
    Note:
    Remember to add this class to the radiobuttongroup: table_radios
*/
table table.table_radios td{
    border: none;
}

.staticText{
    background-color: rgb(229, 230, 230);
    padding: 3px;
    height:14px;
}

.staticTextVerde{
    background:#9BBB59;
    padding: 3px;
    height:14px;
    padding-right: 20px;
    padding-left: 20px;
}


.staticTextVermelho{
    background:#F8CBAD;
    padding: 3px;
    height:14px;
    padding-right: 6px;
    padding-left: 6px;
}

.staticTextComent{
    background-color: rgb(229, 230, 230);
    padding: 3px;
    height:14px;
    padding-right: 5px;
    padding-left: 5px;
}



/*validacao se os campos das grelhas dos CQEPs estao nos dominios */
.outOfRange{
    background-color: #FF9E9E; 
}
.emptyValueError{
    background-color: #FFFCB1; 
}

.emptyValueError td{
    background-color: #FFFCB1 !important; 
}

.valueIsOk{
    background-color: white; 
}
.valorBloqueadoSJC{		
    outline:solid 1px #C91414;
}
.valorMenor100{		
    outline:solid 2px red;
}

.borderRed{		
    outline:solid 2px red;
}

.certificadoEmOutra{		
    outline:solid 1px #8AB800;
    border-style:solid;
    border-width:1px;
}

.staticTextCQEPs{
    background-color: rgb(229, 230, 230);
    padding: 2px;
    height:14px;
    border-style:solid;
    border-width:1px;
    border-color: rgb(229, 230, 230);
}

.bloqueadaEmOutra{	
    background-color: white;
    outline:solid 2px #FFCC00;
    border-style:solid;
    border-width:1px;
}

/*css para as tabelas de competências - chave   -  OLD :  background-color: #C5DB85; */
.cabecalho_tabela{
    background-color: #d0d0d0;
    padding-top:6px;
    padding-bottom: 6px;
    padding-left:3px;
    padding-right:3px;
    text-align:center;
    font-weight: bolder;
}

.style_checbox{
    background-color: rgb(185, 204, 134);
}

.style_checbox_certificada{
    background-color: rgb(185, 204, 134);
}

.style_checbox_certificada_CV{
    background-color: rgb(185, 204, 134);
        padding: 6px 1px 1px 1px;
}

.style_checbox_outro_plano{
    background-color: rgb(255, 232, 119);
}

.style_checbox_outro_plano_CV{
    background-color: rgb(255, 232, 119);
    padding: 6px 1px 1px 1px;
}

.style_checbox_equivalencia{
    background-color: rgb(187, 217, 196);
}

.style_checbox_sem_formador{
    background-color: rgb(255, 158, 94);
}

.style_checbox_repetir{
    background-color: rgb(115, 43, 245);
}

.style_checbox_por_preencher{
    background-color: rgb(246, 104, 108);
}

.style_textfieldNota{
    width: 20px;
}

.style_textfieldNota_certificada{
    background-color: rgb(185, 204, 134)!important;
    width: 20px;
}

.style_textfieldNota_outro_plano{
    background-color: rgb(255, 232, 119)!important;
    width: 20px;
}

.style_textfieldNota_sem_formador{
    background-color: rgb(255, 158, 94)!important;
    width: 20px;
}

.style_textfieldNota_equivalencia{
    background-color: rgb(187, 217, 196)!important;
    width: 20px;
}


.cabecalho{
    padding-top:6px;
    padding-bottom: 6px;
    padding-left:3px;
    padding-right:3px;
    font-weight: bolder;
    border-top: solid rgb(6, 140, 158) 1px;
    border-left: solid rgb(6, 140, 158) 1px;
}

.titulos_areas{
    text-align: left;
    width: 238px;
}

.titulos_unidades{
    text-align: left;
    width: 238px;
}

.titulos_areas_cno{
    text-align: center;
    width: 165px;
}

.titulos_unidades_cno{
    text-align: center;
    width: 238px;
}

.nivel{
    font-size: 8px;
    font-weight: bold;
}


#pf_infoTipoEntidade{
    padding: 15px;
    /* background-image: url(../resources/images/fundo_menu1.gif); */
    background: #f9f9f9;
    border: 1px dotted #aaa;

}

#pf_tituloMsg{
    margin-top: 5px;
}

/* Style rules to make Java Server faces Standarad data tables look better */

.list-header {
    background-color: #eeeeee;
    font-size: 11px;
    font-weight: bold;
}

.list-paging-header {
    background-color: white;
}

.list-paging-footer {
    background-color: white;
}

.list-row-even {
}

.list-row-odd {
    background-color: #eeeeee;
}

/* Style rules for message severity levels */

.infoMessage {
    color: black;
}

.warnMessage {
    color: orange;
    font-weight: bold;
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.info {
    color: #9F6000;
    background-color: #94d6ea;
    border: 0px solid;
    border-radius: 3px;
}

.padding5{
    padding: 5px;
}

.errorMessage {
    color: red;
    font-weight: bold;
}

.fatalMessage {
    color: red;
    font-style: italic;
    font-weight: bold;
}
.caixaTextoMedio{
    width: 80px;
}
.colunaTabelaMedio{
    width: 80px;
    text-align: justify;
}
.colunaTabelaMedioCentrado{
    width: 80px;
    text-align: center;
}
.colunaTabelaSmall{
    width: 15px;
    text-align: justify;
}
.colunaTabelaIcon{
    width: 50px;
    text-align: center;
}
.colunaTabelaIconSmall{
    width: 30px;
    text-align: center;
}
.colunaTabelaHoras{
    width: 60px;
    text-align: center;
}

.dropDownPequena{ width: 120px; }
.dropDownMedia{ width: 200px; }
.dropDownGrande{ width: 550px; }

.celulaHorario {
    background-color: white;
    position: absolute;
    width: 75px;
    text-align: center;
}

.celulaTopoHorario{
    height: 19px;
}
.celulaBaixaHorario{
    height: 9px;
}
.celulaPreenche{
    /*background-color: rgb(165, 205, 56);*/
    background-color: rgb(6, 140, 158);
}

/*não esta a funcionar*/
.label1{
    margin-top: 20px;
}

/*propriedade default para
definir o style de um
TextArea disabled = true */
.TxtAra {
    font:bold;
    padding-left:0px;
    min-height: 59px; 
    min-width: 547px;
}

.TxtAraDis {
    background-color: rgb(253, 253, 253);
    color: rgb(0, 0, 0);
    font:bold;
    padding-left:0px;
    min-height: 59px; 
    min-width: 547px;
}

/*propriedade default para
definir o style de um
TextArea disabled = true */
.TxtAraS {
    font:bold;
    padding-left:0px;
    min-height: 59px; 
    min-width: 160px;
}

.TxtAraSDis {
    background-color: rgb(253, 253, 253);
    color: rgb(0, 0, 0);
    font:bold;
    padding-left:0px;
    min-height: 59px; 
    min-width: 160px;
}

/*propriedade default para
definir o style de um
TextArea disabled = true */
.TxtAraHL {
    font:bold;
    padding-left:0px;
    min-height: 100px; 
    min-width: 547px;
}

.TxtAraHLDis {
    background-color: rgb(253, 253, 253);
    color: rgb(0, 0, 0);
    font:bold;
    padding-left:0px;
    min-height: 100px; 
    min-width: 547px;
}

.username {
    text-transform:uppercase;
}

.deslocaTotalResultados{
    left: 60px;
}


/* Begin -  ToolTip style */
.toolTipDiv:hover .toolTipDivMsg {
    display: block;
}
.toolTipDivMsg {
    display: none;
    background:#F0F0F0;
    margin-left: 28px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    width:250px;
    height:150px;
}
.toolTipDiv {
    margin:100px;
}
/* End - ToolTip style */

/* Begin -  ToolTip_SaidaProf style */
.toolTipSaidaProfDiv .toolTipSaidaProfDivMsg {
    display: block;
}
.toolTipSaidaProfDivMsg {
    display: none;
    background:#F0F0F0;
    margin-left: 28px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    width:350px;
    height: fit-content;
}
.toolTipSaidaProfDiv {
    margin:1px;
}
/* End - ToolTip_SaidaProf style */

.LblLev2Txt, .LblLev3Txt, .LblLev2smTxt {
    color: #111 !important;
    font-family: Arial!important;
    font-size: 1.0em;
}

select, input[type="text"], input[type="password"], textarea {
    border: 1px solid #aaa!important;
    padding: 2px;
}

input[type="text"]{
    font-size: 10px;
}

.readOnly  {
    border: 1px solid #aaa!important;
    background: #E5E6E6;
}

#login-logo{
    background-image: url("images/SIGO-logo.png");
    background-repeat: no-repeat;
    height: 72px;
    left: 50%;
    margin-left: -73px;
    position: absolute;
    text-indent: -9999em;
    top: -26px;
    width: 158px;
}

iframe[id*="datas.js"]{
    height: 182px!important;
    width: 164px!important;
}

.spanMediadores{
    height: 1px;
    border: 0; 
    border-top: 1px solid #00C4C9;
    margin: 1em 0; 
    padding: 0;
}

.tabPadding div.Tab1SelTxtNew, a.Tab1Lnk{
    padding: 10px!important;
    max-width: 100px;
}

.tituloQuestionario{
    color: #005F6B!important; 
    font-size: 11px; 
    font-weight: bold;
}

.questionarioDiv{
    margin-bottom: 20px;
    text-align: justify;        
}

.questionarioDiv b{
    font-weight: bold;     
}

.questionarioSubtitle{
    font-size: 13px;
}

.questionarioSubtitleSombreado{
    background-color: #DDD;
}

table.tblbk th {
    vertical-align: bottom;
    padding: 0px;
    background-color: #efefef;
}

.tblColHdr{
    border: 1px solid #AAAAAA;
    vertical-align: bottom;
    padding: 0px;
    background-color: #efefef;
}

.MnuStd b{
    font-weight: bold;     
}

.Dis{
    color: #000;
}


/* AC 20151002 AUTOSIZE - Classe para fazer o autosize das textareas dos questionários (pode ser usada em outras textareas por aplicação da classe e utilizaçao de JQuery) */
textarea.auto-height {
    resize: vertical;
    max-height: 600px; /* set as you need it */
    height: auto;      /* can be set here of in JS */
    overflow-y: auto;
    word-wrap:break-word;
}

textarea.auto-heightDis {
    resize: vertical;
    max-height: 800px; /* set as you need it - Altura máxima - Dá para mais de 4000 caracteres mas depende das mudanças de linha*/
    height: auto;      /* can be set here of in JS */
    overflow-y: auto;
    word-wrap:break-word;
}

.outOfRangeHHMM{
    background-color: #FF9E9E; 
}

.emptyValueErrorHHMM {
    background-color: white; 
}

.isHHMMOk{
    background-color: white; 
}


tr.firstrow > th{
}

tr.secondrow > th {
    height: 200px;
}

tr.secondrow th > div{ 
    width: 50px;
}

tr.secondrow th > div > div{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    -ms-transform-origin: left bottom; /* IE 9 */
    -webkit-transform-origin: left bottom; /* Chrome, Safari, Opera */
    transform-origin: left bottom;
    margin-left: 50px;
    width: 200px;
    text-align: left;
    height: 50px;
    padding-left: 4px;
    
}


tr.firstrow th > div{
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg); 
    width: 15px;
    padding: 0 5px 0 5px;
    white-space: nowrap;
    padding: 0px 0px 0px 5px;
}

.tarefas{
    padding-left: 5px;
    text-align: left;
}

.col70{
    width: 69px;
}

.no{
	width: 30px;
}

.insav{
	width: 100px;
}

.CSSR{
	width: 35px;
}

.pontuacao-left{
    float: left; 
    padding-left: 20px;
}

.pontuacao-right{
    float: right; 
    padding-right: 20px;
}

.Tab1TblSelTd{
	width:150px;
}

.Tab1Div td{
    width: 150px;
    text-align: center;
    text-align: -webkit-center;    
}

#tableColumnTemCC th{
	text-align: center;
}

.colPont{
	width: 60px;
}

.plano-disciplinas{
    display: table-cell; min-width:400px; max-width:330px; vertical-align:top; margin-top: 2px;
}
.plano-duracaototal{
    width: 70px;
}
.plano-anos{
    display: table-cell; padding-left: 15px; min-width:40px; max-width:40px; vertical-align:top;
}
.plano-local{
    min-width:50px; max-width:50px; display: table-cell; padding-left: 10px; vertical-align:top;
}
.plano-ufcd{
    min-width:50px; max-width:50px; display: table-cell; padding-left: 10px; vertical-align:top;
}

.MnuStdDis {
    background-color: #f0f0f0;
    color: #333;
}

.TxtFldDis {
    background-color: #f0f0f0;
}

.desig{
    min-width: 600px;
    border-collapse: collapse;
    padding: 0px;
    margin: 2.5px 0 2.5px 0;
}

.desig-footer{
    margin-bottom: 2em;
}

.nota{
    min-width: 75px;
    border-collapse: collapse;
    padding: 0px;
    text-align: center;
    margin: 2.5px 0 2.5px 0;
}

.nota-footer{
    margin-bottom: 2em;
}


.titleClass:not(:last-child){
    font-weight:bold;
    font-size:12px;
}

.dataStyle td{
    border-bottom: 1px solid #ddd;
}

table.dataStyle{
    margin-bottom: 10px;
}
.notaStyle td{
        border-bottom: none;
}

.show-grid {
  margin-bottom: 15px;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.new-version-alert{
    padding: 5px;
    margin: 5px;
    /*margin-bottom: 20px;*/
    border: 1px solid transparent;
    border-radius: 4px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    font-size: 10px;
}

.cartao-cidadao {
    position: absolute;
    padding: 5px;
    top:100%;
    left:37%;
}
.cartao-cidadao a.logocc {
    padding: 0 !important;
    margin: 0 !important;
    width: 125px;
    height: 32px !important;
    background: #FFFFFF;
    border-radius: 3px !important;
    border: 1px solid #EEEEEE !important;
}

.cartao-cidadao a.logocc img {
    margin-right: -37%;
}

.headerCol{
     color: #008c9e;
     vertical-align: bottom;
     padding: 5px;
     background-color: #f5f5f5;
}

.utl{
    padding: 5px;
}


.utlLoginTable {
    border-collapse: collapse;
}

.utlLoginTable tr:nth-child(odd) {
   background-color: #ffffff;
}

.utlLoginTable tr:nth-child(even) {
    background-color: #f5f5f5;
} 

.pl-height-NoAltEsc{
    height: 115px !important;
}

.pl-height-AltEsc{
    height: 145px !important;
}

.processoAntigo{
    left: 340px;
}

.processoNovo{
    left: 450px;
}

.insBottom{
    margin-bottom: 10px;
}

.ddTipo{
    width: 92px;
}

.ddTipoSC{
    width: 288px;
}

.topNotANQEP{
    top: 92px;
}

.topANQEP{
    top: 132px;
}

.topANQEPButtons{
    top: 105px;
}

.topNotANQEPButtons{
    top: 68px; 
}

.arrowSC img{
    margin-bottom: -20px !important;
}

.dtValidadeLeitura{
    top: 81.7px;
}

.dtValidadeNotLeitura{
    top: 77px;
}

.ultAnoEscANQEP{
    width: 167px;
}

.ultAnoEscNotANQEP{
    width: 265px;
}

.quadroResumo{
    font-weight: bold;
    color: #111;
    font-size: 12px;
}

.tableResumo > tbody > tr > td{
    padding: 1px 5px 1px 5px;
}

.tableResumo > tbody > tr:last-child > td{
    background-color: #F2F2F2;
    font-weight: bold;
}

.tableResumo > tbody > tr:first-child > th > span{
    font-size: 10px; 
}

.tableResumo > tbody > tr > td > span{
    font-size: 10px;
}

.quadroResumoLabel{
    color: #111 !important;
    font-family: Arial!important;
    font-size: 10px;
    font-weight: bold;
}

.emailDiv{
    display: none; 
    background-color: #F0F0F0; 
    width: 200px; 
    height: 70px;
    margin-left: 520px; 
    margin-top: 400px;
    position: absolute;
    border: 1px solid #999 !important;
}

.emailDiv p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}

.nifDiv{
    display: none; 
    background-color: #F0F0F0; 
    width: 200px; 
    height: 25px;
    margin-left: 380px; 
    margin-top: 190px;
    position: absolute;
    border: 1px solid #999 !important;
}

.nifDiv p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}

.nissDiv{
    display: none; 
    background-color: #F0F0F0; 
    width: 280px; 
    height: 25px;
    margin-left: 380px; 
    margin-top: 225px;
    position: absolute;
    border: 1px solid #999 !important;
}

.nisslDiv p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}

.nTurmasPrevistasDiv {
    display: none; 
    background-color: #F0F0F0; 
    width: 300px; 
    height: 40px;
    margin-left: 420px; 
    margin-top: 0px;
    position: absolute;
    border: 1px solid #999 !important;
}

.nTurmasPrevistasDiv p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}

.nTurmasPrevistasDivCampoIndicativo {
    display: none; 
    background-color: #F0F0F0; 
    width: 390px; 
    height: 52px;
    margin-left: 420px; 
    margin-top: 0px;
    position: absolute;
    border: 1px solid #999 !important;
}

.nTurmasPrevistasDivCampoIndicativo p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}

.nTurmasPrevistasDivCriarAprov {
    display: none; 
    background-color: #F0F0F0; 
    width: 300px; 
    height: 40px;
    margin-left: 270px; 
    position: absolute;
    border: 1px solid #999 !important;
    z-index: 2;
    bottom: 45px;
}

.nTurmasPrevistasDivCriarAprov p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}

.autorizadoRedeDiv {
    display: none; 
    background-color: #F0F0F0;
    width: 420px;
    margin-left: -285px;
    margin-top: 0px;
    position: absolute;
    border: 1px solid #999 !important;
    z-index: 3;
    text-align: justify;
    padding: 5px;
}

.autorizadoRedeDiv p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}

.naoMostrarHomologacao{
    height: 220px;
}

.mostrarHomologacao{
    height: 240px;
}

.regimeNaoMostrarHomologacao{
    top: 170px;
}

.regimeMostrarHomologacao{
    top: 205px;
}

.divDesdCriarAprov { 
    min-height: 250px !important;
}

.panelFiltroHeightNotMod{
    height: 48px; 
}

.panelFiltroHeightMod{
    height: 78px; 
}

.buttonTopNotMod{
    top: 24px;
}

.buttonTopMod{
    top: 54px;
}

.total > td {
    background-color: #F2F2F2 !important;
    font-weight: bold;
}

.identDiv{
    display: none; 
    background-color: #F0F0F0; 
    width: 350px; 
    height: 105px;
    margin-left: 230px; 
    margin-top: -75px;
    position: absolute;
    border: 1px solid #999 !important;
    z-index: 999999;
}

.identDiv p {
    display: block;
    color:#111 !important;
    text-align: justify;
    white-space: normal;
    font-size: 11px;
    margin: 5px 5px 5px 5px;
}