/* 
    Partes do CSS sobrescritas
*/

a
{
    color:#0084b4;
}

#keypad-div
{
    z-index: 1999 !important;
}

.ui-dialog
{
    /*   -webkit-border-radius: 10px !important;
        -moz-border-radius: 10px !important;
        border-radius: 10px !important;*/
    margin-top: 10px;
}
.ui-autocomplete-multiple-container
{
    width: 300px !important;
}

.ui-panelgrid *{
    vertical-align: top;
    border: 0px !important; 
}

.td, .th, .tr {
    vertical-align: top !important;
    text-align: center !important;

}

.ui-column-filter .ui-inputfield .ui-inputtext {
    background: #FCFCFC !important; 
}


.ui-inputfield {
    background: #FCFCFC !important; 
    color: #036ba7 !important;
}


.ui-inputfield:hover {
    background: #FCFCFC !important; 
}


.ui-inputfield:active {
    background: #FCFCFC !important; 
}

.ui-inputtext {
    background-color: #FCFCFC !important; 
}


.inputDataTable {
    background: #FCFCFC !important;
}

.ui-widget-overlay
{
    background: #000 !important;
    opacity: .55 !important;
    filter: alpha(opacity=75);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
}

.ui-autocomplete-input {

    border: 0px  !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 26px !important;
    background: #fff !important;
}


/*
* Estilos para tela de login
*/

#rodapeprincipal, #rodapeprincipal a 
{

    color: white;
    text-shadow: 0 1px 1px rgba(0,0,0,.2); 
    text-align: center; 
    margin-top: 70px; 

}

#login {
    /* -moz-box-shadow: 0px 0px 15px 6px #888888;
     -webkit-box-shadow: 0px 0px 15px 6px #888888;
     box-shadow: 0px 0px 15px 6px #888888; */
    margin-left:auto;
    margin-right:auto;
    margin-top: 100px;
    width: 920px;
    color: #999;
    height:200px;
    /*background-color: #FCFCFC;*/
}

#loginparte1 {
    width: 500px;
    float:left;
    height:220px;
    margin:5px;
    /* -moz-box-shadow: 0px 0px 15px 6px #888888;
     -webkit-box-shadow: 0px 0px 15px 6px #888888;
     box-shadow: 0px 0px 15px 6px #888888; */
    padding: 10px;
    padding-top: 30px;
    background-color: #FCFCFC;
    -webkit-box-shadfow: 0 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 3px rgba(0,0,0,0.25);
}

#loginparte2 {
    width: 350px;
    float:left;
    height:220px;
    margin:5px;
    /* -moz-box-shadow: 0px 0px 15px 6px #888888;
     -webkit-box-shadow: 0px 0px 15px 6px #888888;
     box-shadow: 0px 0px 15px 6px #888888; */
    padding: 10px;
    padding-top: 30px;
    background-color: #FCFCFC;
    -webkit-box-shadfow: 0 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 3px rgba(0,0,0,0.25);
}

.login2 {
    width: 250px;
    display: block;
    padding: 7px 55px 7px 45px;
    margin: 0 auto 8px auto;
    background: url(../css/imagens/login-icons.png) no-repeat 0px -22px !important;
    border: 1px solid #bcbcbc;
    height: 26px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999 !important;
}

.login2:focus, .login2:hover {
    background: url(../css/imagens/login-icons.png) no-repeat 0px -220px !important;

}

.login3 {
    width: 250px;
    display: block;
    padding: 7px 55px 7px 45px;
    margin: 0 auto 8px auto;
    background: url(../css/imagens/login-icons.png) no-repeat 0px -75px !important;
    border: 1px solid #bcbcbc;
    height: 26px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999 !important;
}

.login3:focus, .login3:hover {
    background: url(../css/imagens/login-icons.png) no-repeat 0px -270px !important;
}


/* FIM DOS ESTILOS DA TELA DE LOGIN */



.titulo {
    color: #3966b0;
    font-size: 20px !important; 
    font-weight: bold;
    font-family: sans-serif;

}



#topofixed {
    background: #FCFCFC; 
    height: 100px;  
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 2px 3px rgba(0,0,0,0.25);
}

#topofixed-conteudo {
    width: 1055px;
    margin: 0 auto;
}


#divTitulosPaginasGeral {
    color: #3966b0;
    font-size: 18px; 
    font-weight: bold;
    font-family: sans-serif;
    height: 74px;
    margin: 5px;
    line-height: 74px;
    vertical-align: top;   
    font-family: helvetica;

}


#conteudos {
    float: left;
    width: 870px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadfow: 0 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 3px rgba(0,0,0,0.25);
    margin-top: 10px;
    padding: 10px;
    background-color: #FCFCFC;

}


#conteudo-direita {
    float: right;
    width: 270px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadfow: 0 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 3px rgba(0,0,0,0.25);
    margin-top: 10px;
    padding: 10px;
    background-color: #FCFCFC;

}

.conteudo-esquerda {
    float: left;
    width: 270px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadfow: 0 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 3px rgba(0,0,0,0.25);
    margin-top: 10px;
    padding: 10px;
    background-color: #FCFCFC;

}


#conteudo-cima {
    width: 1180px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadfow: 0 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 2px 3px rgba(0,0,0,0.25);
    margin-top: 10px;
    padding: 10px;
    background-color: #FCFCFC;

}


.c1, .c2
{
    vertical-align: top; 
    padding: 5px;
}

.alinhameio
{
    vertical-align: center; 
    padding: 10px;
}

.alinhatopo
{
    vertical-align: top; 
}

.iconeMenu {
    margin-top: 8px;
    height: 80px;
    width: 80px;
    float: right; 
}

.iconeMenu:hover {
    height: 90px;
    width: 90px;
    margin-top: 8px;

}

.iconeMenu:active {
    height: 90px;
    width: 90px;
    margin-top: 8px;

}



.iconeMenuExterno {
    height: 34px;
    width: 34px;
    float: right;
    line-height: 50px;
    margin-top: 10px;
    margin-left: 6px;

}

#menufixed {
    position: fixed;
    height: 50px;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    background-color: #fff;
}

#menufixed-conteudo {
    width: 1055px;
    margin: 0 auto;
    text-align: right;

}

.imagemConfig {
    margin-left: 35%;
}

.tableConfig {
    border: 0px !important; 
}

.menuexportacao
{
    text-align: right;
    margin:10px;
}


/* ESTILOS MENU USUARIO */

#menuUsuario {
    vertical-align: top !important;
    line-height: 24px;

}

#rodapesistema
{

}



/* Inseridos para o Projeto ASUIS */


.menuInternoTitulos {
    background: transparent ;
    border: 0px;
    border-bottom: 2px solid #f70082;
    border-radius: 0;
    color: #f70082;
}

.linhareceita
{
    background: #ECFFEF !important; 
}

.linhadespesa
{
    background: #FFECEC !important; 
}

.receita .ui-progressbar-value {
    background: #40c851 !important;
}

.despesa .ui-progressbar-value {
    background: #FF0000 !important;
}

.tabMenu .ui-widget-header {
    background: transparent !important;
    border: 0px;
    border-bottom: 2px solid #428bca;
    border-radius: 0;
    color: #428bca;
}


.tabMenu .ui-widget-content {
    border: 0 !important;
}

.ui-tabmenu {
    border: 0 !important;
}

.tabVerde .ui-state-active {
    background: #00D30E !important;
}

.botoesMeses .ui-button
{
    margin-right: 15px;
}


.movcol1, .movcol2
{
    vertical-align: top;
    width: 40px;
    height: 100%;
}
.movcol2
{
    vertical-align: top;
}

.dialogInfo .ui-dialog-titlebar {
    background: #5bc0de;
    color: #fff;
    font-weight: bold;
    border-radius: 4px !important;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
}



.ui-corner-all {
    border-radius: 4px !important;
}

.ui-corner-right {
    border-radius: 4px !important;
}

.ui-corner-left {
    border-radius: 4px !important;
}


.iconesAcoes {
    height: 24px;
    margin-left: 3px;
}

.erEvento {
    background-color: #0084b4 !important;
}

.erReserva {
    background-color: #449d44 !important;
}

.erContrato {
    background-color: #ac2925 !important;
}


.semBorda {
    border: 0 !important;
}

.semBorda .ui-widget-content {
    border: 0px !important;
}


ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
 
ul.img-list{
  display: inline-block;
  height: 128px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 128px;
}

span.text-avatar {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 128px;
  opacity: 0;
  -webkit-transition: opacity 800ms;
  -moz-transition: opacity 800ms;
  -o-transition: opacity 800ms;
  transition: opacity 800ms;
  border-radius: 4px;
}
 
span.text-avatar span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

ul.img-list:hover span.text-avatar {
  opacity: 1;
}

.iconsDash {
    text-align: center;
    margin: 5px;
    padding-top: 3px;
    background-color: #fff;
    background-position: -30px;
    display: block;
    float: left;
    height: 77px;
    width: 88px;
    color: #565656;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition-property: background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
    -moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
}

.iconsDash:hover {
    background-position: 0;
    -webkit-border-bottom-left-radius: 50% 10px;
    -moz-border-radius-bottomleft: 50% 10px;
    border-bottom-left-radius: 50% 10px;
    -webkit-box-shadow: -5px 7px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -5px 7px 10px rgba(0, 0, 0, 0.25);
    box-shadow: -5px 7px 10px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
}

.iconsDash a:link {
    text-decoration: none;
    color: #565656;
}

.iconsDash a:hover {
    text-decoration: none;
    color: #565656;
}

.iconsDash a:visited {
    text-decoration: none;
    color: #565656;
}

/******************** STYLES 404 Pages ****************************/
.paginas-erro {
    margin:10.83em auto;
    min-width:485px;
    text-align:left;
}

.conteudo-erro h2 {
    font-size:30px;
    color:#858585;
    letter-spacing:-15%;
    line-height:18px;
    text-align:center;
    
    

}
.paginas-erro p {
    font-size:15px;
    color:#858585;
    letter-spacing:-15%;
    line-height:18px;
    text-align:center;
}