@charset "UTF-8";
/* 
    Arquivo: contraste-preto.css
    Criado em: 05/10/2016, 14:03:00
    Diretoria: Diretoria de Serviços de Processamento de Dados - DSPD
    Autores  : Gabriel Cabral / Krissia Menezes
    Descrição: CSS Customizado para alterar a cor de fundo de todas as páginas do sistema, inclusive a página de Acessibilidade.
               COR DE FUNDO PRETO
*/

/*
|------------------------------------------------------------------------------
| RESET 
|------------------------------------------------------------------------------
*/
*{
    margin: 0;
    padding:0;
    font-size:100%;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-weight:300;
    box-sizing: border-box;
}
body {text-align: center; background-color: #000 !important; }
a{text-decoration:none; color: #FFFF00;}
a:hover, a:focus{text-decoration:underline; color: #FFFF00;}
ul{list-style:none;}
img{max-width:100%;}

/* MIGALHA DE PÃO */
.breadcrumb{background-color: #333333 !important; color: #fff !important; border: 1px solid #fff !important;}
.breadcrumb span{color: #fff !important;}
.breadcrumb a{color: #FFFF00 !important;}
.breadcrumb a:focus{text-decoration: underline;}

/* H2 DE TODAS AS PÁGINAS INTERNAS */
.principal-article h2{font-size: 1.3em; color: #fff !important; margin-top: -1%;}/* Título h2 das páginas: MAPA DE NOTAS, RECADASTRAMENTO, TROCAR SENHA*/

/*
|------------------------------------------------------------------------------
| INPUTS
|------------------------------------------------------------------------------
*/
.form-control{background-color: #000 !important; color: #fff;}


/*
|------------------------------------------------------------------------------
| MENSAGENS
|------------------------------------------------------------------------------
*/
.alert-success{border:1px solid green;}
.alert-info{border:1px solid #31708f;}
.alert-danger{border:1px solid #a94442;}

.mensagem-info{background-color: #000 !important; color: #fff !important; border-color: #9FCFFF !important;}
.mensagem-danger{background-color: #000 !important; color: #fff !important; border-color: #a94442 !important;}
.mensagem-success{background-color: #000 !important; color: #66CC33 !important; border-color: #66CC33 !important;}
.mensagem-warning{background-color: #000 !important; color: #fff !important; border-color: #DFD179 !important;}
.mensagem-warning strong{color: #fff !important;}

/*
|------------------------------------------------------------------------------
| BOTÕES
|------------------------------------------------------------------------------
*/
.btn-primary{background-color: #000 !important; border-color: #FFFF00 !important; color: #FFFF00 !important;}
.btn-primary:hover, .btn-primary:focus{text-decoration: underline;}

.btn-success{background-color: #000 !important; border-color: #FFFF00 !important; color: #FFFF00 !important;}
.btn-success:hover, .btn-success:focus{text-decoration: underline;}

.btn-link{color: #FFFF00 !important;}
.btn-link:hover, .btn-link:focus{text-decoration: underline;}


/*
|------------------------------------------------------------------------------
| BARRA DE PROGRESSO
|------------------------------------------------------------------------------
*/
.progress-bar-success{background-color: #333 !important; border: 1px solid #fff !important;}

/*
|------------------------------------------------------------------------------
| TABELAS DO SUB-MENU PIT
|------------------------------------------------------------------------------
*/
.tabela-pit thead tr{background-color: #333 !important;}
.tabela-pit tbody tr{background-color: #000 !important;}



/*
|------------------------------------------------------------------------------
| BARRA DE ACESSIBILIDADE  
|------------------------------------------------------------------------------
*/
.menu-acessivel{width: 100%; padding: 6px; background-color: #35434f; font-family: 'Open Sans', sans-serif;}
.menu-acessivel .icon-bar{background-color: #fff;}
.menu-acessivel .navbar-brand{color: #fff; font-size: 1em;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 1px;
}
.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 25px;
}
.navbar-nav>li>span {
    margin-right: 2px;
    line-height: 25px;
}
.menu-acessivel li {margin-left: 0; font-size: 13px; color: #fff; float: left;}
.menu-acessivel li a{color: #FFFF00; font-weight: 400; }
.menu-acessivel li a:focus, .menu-acessivel li a:hover{border: 1.5px solid red; border-radius: 4px; background-color: #35434f !important; color: #fff; text-decoration: none;}
.menu-acessivel .divider-vertical {height: 25px;margin: 0 9px;border-left: 1px solid #888;border-right: 1px solid #888;}
.menu-acessivel .divider-horizontal {width: 100%;margin: 9px 0px;border-top: 1px solid #888;}

.numero{padding: 0 5px; border-radius: 5px; background-color: #000; color: #fff;}
.branco{ padding: 5px; border-radius: 5px; background-color: #fff; color: #000;}
.preto{ padding: 5px; border-radius: 5px; background-color: #000; color: #fff;}
.azul{ padding: 5px; border-radius: 5px; background-color: #9FCFFF; color: #000;}
.amarelo{ padding: 5px; border-radius: 5px; background-color: #DFD179; color: #000;}


/*
|------------------------------------------------------------------------------
| CABEÇALHO 
|------------------------------------------------------------------------------
*/
/*
| TOPO: LOGO DA UEPA + NOME DO USUÁRIO
| PÁGINAS QUE COMPÕE TAIS CLASSES: MAIN, MAPA DE NOTAS, RECADASTRAMENTO, TROCAR SENHA
*/
header .cabecalho{width: 100%; padding: 1% 0; margin-left: 0; background: url(../imagens/background-3.png) top center; float: left;}
header .cabecalho .logo{width: 100%; background-color: #fff !important;}
header .cabecalho .cabecalho-username{
    background-color: #333 !important;
    margin-top: 15%;
    color: #fff !important;
    padding: 3% 0;
    border-radius: 4px;
    font-size: 1.1em;
    border-bottom: 5px solid #fff !important;

}


/*
|------------------------------------------------------------------------------
| MENU 
|------------------------------------------------------------------------------
*/
/*MENU RESPONSIVO*/
.navbar-default .navbar-toggle {
    border-color: #f1f0f0;
    background-color: #fff;
}
.navbar-brand{color: #fff !important;}
.navbar-brand:hover{color: #fff !important;}


/*NAV - nav id="irmenu"*/
#irmenu{
    background-color:#333 !important; 
    float: left;
    box-shadow:0px 0px 3px grey;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

/*NAVEGAÇÃO - div id="menu" */
#menu{padding: 0;}

#menu ul{
    background-color:#333 !important;  
    list-style:none;
}
#menu ul li{
    display:inline;
}
#menu > ul > li:hover > a {
    color: #000 !important;
    background-color: #fff;
    border-bottom: 5px solid #000 !important;
}

#menu ul li a{
    padding: 15px 25px;
    width: 100%;
    display:inline-block;
    z-index: 2;
    text-decoration:none;
    text-transform:uppercase;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#menu ul li a:focus{
    border: 2px solid red;
    color: #148;
    background-color: #fff;
}

#menu,
#menu ul li,
#menu ul li a {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*CLASSE ATIVO*/
#menu > ul > li.ativo > a{
    color: #000 !important;
    background-color: #fff;
    border-bottom: 5px solid #000 !important;
}

/*SUBMENU*/
#menu-via-teclado li {
    float:left;
    position:relative;
}
#menu-via-teclado li ul {
    display:none;
    position:absolute;
    left:0;
    margin:0;
    padding:0;
}
#menu-via-teclado li:hover ul{
    display:block;
}
#menu-via-teclado li ul li{
    width: 100%;
}
#menu-via-teclado > li > ul > li > a {                                                
    width: 100%;
    padding: 7px 10px; 
}

#menu-via-teclado > li > ul > li:hover > a{
    color: #148;
    background-color: #fff;
    border-bottom: 5px solid #009ae1;
}

/*
|------------------------------------------------------------------------------
| RODAPÉ 
|------------------------------------------------------------------------------
*/
.rodape{width:100%; background-color: #000 !important; color: #fff; padding: 2%; float: left;}
.icones span{font-size:2em; margin-right: 1%;}
.rodape p{font-size: 1em; margin-top: 1%; text-align: center;}
.rodape a{color: #FFFF00 !important;}

.btn-rodape{border-radius:5%; cursor:pointer; padding:0;}
.btn-rodape #flip{font-size: 1.2em;}

.rodape #panel{font-size: 1.3em; padding: 10px; display: none; font-family: Tahoma, Geneva, sans-serif;}

/*
|------------------------------------------------------------------------------
| /FIM DO RESET 
|------------------------------------------------------------------------------
*/





/*============================================================================ 
  |  ARQUIVO: index.php
  |  DESCRIÇÃO: Página de login do sistema SIGA Docente
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#main-login{padding: 2% 0;}
#main-login .painel-login {padding: 0; margin: 0; box-shadow: 1px 2px 2px #696969;}

#main-login .panel-heading {background-color: #000 !important;}
#main-login .panel-heading .logo{width: 100%; background-color: #fff;}

#main-login .painel-login .formulario{padding: 10px 25px 0px 25px;background-color: #000 !important;}
.painel-login .formulario a{color: #FFFF00 !important;}
#main-login .painel-login .formulario .form-group .input-index{ width: 100%; font-size: 1.1em; font-family: 'Open Sans', sans-serif; color: #fff !important;}
#main-login .painel-login .formulario .form-group .input-index input{height: 40px; background-color: #000 !important;}



/*============================================================================ 
  =============================================== FIM DA CUSTOMIZAÇÃO DO LOGIN
  ============================================================================*/





/*============================================================================ 
  |  ARQUIVO: RSenha.php
  |  DESCRIÇÃO: Primeira página para recuperar a senha do Docente
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#main-RSenha{padding: 2% 0;}
#main-RSenha .painel-RSenha{padding: 0px !important; margin: 0; box-shadow: 1px 2px 2px #696969;  background-color: #000 !important;}

#main-RSenha .panel-heading {background-color: #000 !important;}
#main-RSenha .panel-heading .logo{width: 100%; background-color: #fff;}

#main-RSenha .painel-RSenha .formulario{padding: 0px 25px 15px 25px; background-color: #000 !important; color: #fff !important;}
#main-RSenha .painel-RSenha .formulario .form-group .input-index{ width: 100%; font-size: 1.1em; font-family: 'Open Sans', sans-serif; }
#main-RSenha .painel-RSenha .formulario .form-group .input-index input{height: 40px; background-color: #000 !important;}



/*============================================================================ 
  ============================================== FIM DA CUSTOMIZAÇÃO DO RSenha
  ============================================================================*/





/*============================================================================ 
  |  ARQUIVO: RSenhaCONF.php
  |  DESCRIÇÃO: Segunda página para recuperar a senha do Docente
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#main-RSenhaCONF{padding: 2% 0;}
#main-RSenhaCONF .painel-RSenhaCONF{padding: 0px !important; margin: 0; box-shadow: 1px 2px 2px #696969; background-color: #000 !important; color: #fff;}

#main-RSenhaCONF .panel-heading {background-color: #000 !important;}
#main-RSenhaCONF .panel-heading .logo{width: 100%; background-color: #fff;}

#main-RSenhaCONF .painel-RSenhaCONF .formulario{padding: 0px 20px 15px 20px; background-color: #000 !important;}




/*============================================================================ 
  |  ARQUIVO: RSenhaRESULT.php
  |  DESCRIÇÃO: Segunda página para recuperar a senha do Docente
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#main-RSenhaRESULT{padding: 2% 0;}
#main-RSenhaRESULT .painel-RSenhaRESULT{padding: 0px !important; margin: 0; box-shadow: 1px 2px 2px #696969; background-color: #000 !important; color: #fff;}

#main-RSenhaRESULT .panel-heading {background-color: #000 !important;}
#main-RSenhaRESULT .panel-heading .logo{width: 100%; background-color: #fff !important;}

#main-RSenhaRESULT .painel-RSenhaRESULT .formulario{padding: 0px 25px 15px 25px;}
#main-RSenhaRESULT .painel-RSenhaRESULT .formulario .form-group { width: 100%; font-size: 1.1em; font-family: 'Open Sans', sans-serif;}
#main-RSenhaRESULT .painel-RSenhaRESULT .formulario .form-group .input-index input{height: 40px;}







/*============================================================================ 
  |  ARQUIVO: modulos/main/main.php
  |  DESCRIÇÃO: Página Inicial do sistema SIGA Docente
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article {color: #fff !important;}
#principal{float: left; width: 100%;  margin-top: 2%; margin-bottom: 2%;}
#principal .principal-article{background-color: #000 !important; border: 1px solid #fff !important; border-radius: 4px; border-left: 5px solid #fff !important; padding-left: 2%; padding-right: 2%; padding-bottom: 2%;}
#principal .principal-article h3{font-size: 1.2em;  color: #fff !important;}





/*============================================================================ 
  |  ARQUIVO: modulos/lancamentos/index.php
  |  DESCRIÇÃO: Página de Lançamentos do sistema SIGA Docente
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article .tabela-lancamentos {background-color: #000 !important;}
#principal .principal-article .tabela-lancamentos thead{background-color: #35434F; color: #fff;}
#principal .principal-article .tabela-lancamentos thead tr th, 
#principal .principal-article .tabela-lancamentos tbody tr td{}
#principal .principal-article .tabela-lancamentos tbody tr {background-color: #000 !important; color: #fff;}




/*============================================================================ 
  |  ARQUIVO: modulos/fechamento/index.php
  |  DESCRIÇÃO: Página de Fechamento do sistema SIGA Docente
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article .tabela-fechamento thead{background-color: #35434F; color: #fff;}
#principal .principal-article .tabela-fechamento thead tr{width: 100%;}
#principal .principal-article .tabela-fechamento tbody tr{background-color: #000 !important;}
#principal .principal-article .tabela-fechamento thead tr .selecionar{width: 11%; text-align: center;}
#principal .principal-article .tabela-fechamento tbody tr .selecionar{width: 11%; text-align: center;}





/*============================================================================ 
  |  ARQUIVO:  modulos/dadospessoais/ASenha.php
  |  DESCRIÇÃO: Página para alterar a senha de acesso
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
.bloco-tr-senha {font-family: 'Open Sans', sans-serif; }
.bloco-tr-senha .bloco-botoes{padding: 0; margin-bottom: 20px; margin-top: 20px;}





/*============================================================================ 
  |  ARQUIVO:  modulos/dadospessoais/index.php
  |  DESCRIÇÃO: Página para alterar a senha de acesso
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article .bloco-recad{font-family: 'Open Sans', sans-serif; }
#principal .principal-article .bloco-recad h3 a{text-decoration: none; color: #fff;}
#principal .principal-article .bloco-recad .panel-heading{background-color: #333 !important;}
#principal .principal-article .bloco-recad .panel-body{background-color: #000 !important;}
#principal .principal-article .bloco-recad .panel-body dl{ padding: 0;}
#principal .principal-article .bloco-recad .panel-body dl dt{}
#principal .principal-article .bloco-recad .panel-body dl dd{margin-bottom: 10px; padding: 0 15px;}
#principal .principal-article .bloco-recad .panel-body .row .col-md-6{margin: 7px 0;}/*Espaçamento entre as colunas col-md-6*/




/*============================================================================ 
  |  ARQUIVO:  modulos/atividadecomplementar/CAtividadeprofessor.php
  |  DESCRIÇÃO: Página para cadastrar e consultar atividades complementares
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article .CAtividadeprofessor{font-family: 'Open Sans', sans-serif; }





/*============================================================================ 
  |  ARQUIVO: modulos/previsaolicenca/index.php
  |  DESCRIÇÃO: Página para cadastrar e consultar previsões de licença
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article .previsaolicenca{font-family: 'Open Sans', sans-serif; }
#principal .principal-article .previsaolicenca textarea{max-width: 100%; margin: 0px; width: 840px; height: 113px;}




/*============================================================================ 
  |  ARQUIVO: modulos/previsaoposgraduacao/index.php
  |  DESCRIÇÃO: Página para cadastrar e consultar previsões de pós-graduação
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article .previsaoposgraduacao{font-family: 'Open Sans', sans-serif; }




/*============================================================================ 
  |  ARQUIVO: modulos/producaoacademica/index.php
  |  DESCRIÇÃO: Página para cadastrar e consultar produções acadêmicas
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#principal .principal-article .producaoacademica{font-family: 'Open Sans', sans-serif; }





/*
|------------------------------------------------------------------------------
| MOBILE FIRST 
|------------------------------------------------------------------------------
@media screen and (min-width: 480px)
@media screen and (min-width: 568px)
@media screen and (min-width: 640px)
@media screen and (min-width: 667px)
@media screen and (min-width: 768px)
@media screen and (min-width: 1024px)
@media screen and (min-width: 1366px)
*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
    /*===== LOGOMARCA =====*/
    #main-login .panel-heading .logo{width: 50%;}/*LOGO UEPA*/
    #main-RSenha .panel-heading .logo, #main-RSenhaCONF .panel-heading .logo,
    #main-RSenhaRESULT .panel-heading .logo{width: 50%;}/*LOGO UEPA*/

    /*===== LOGOMARCA - CABEÇALHO =====*/
    header .cabecalho .logo{width: 50%;}
}

/* SMALL DEVICES - SMARTPHONES - iPhone */
@media screen and (min-width: 640px){
    /*===== LOGOMARCA =====*/
    #main-login .panel-heading .logo{width: 50%;}/*LOGO UEPA*/
    #main-RSenha .panel-heading .logo, #main-RSenhaCONF .panel-heading .logo,
    #main-RSenhaRESULT .panel-heading .logo{width: 50%;}/*LOGO UEPA*/

    /*===== LOGOMARCA - CABEÇALHO =====*/
    header .cabecalho .logo{width: 50%;}

    #menu{padding: 0 30px 0 15px;}
}

/* SMALL DEVICES - SMARTPHONES - iPhone */
@media screen and (min-width: 768px){
    /*===== LOGOMARCA =====*/
    #main-login .panel-heading .logo{width: 60%;}/*LOGO UEPA*/
    #main-RSenha .panel-heading .logo, #main-RSenhaCONF .panel-heading .logo,
    #main-RSenhaRESULT .panel-heading .logo{width: 50%;}/*LOGO UEPA*/

    /*===== LOGOMARCA - CABEÇALHO =====*/
    header .cabecalho .logo{width: 100%;}


    /*===== LISTA DL DA PÁGINA SOBRE DADOS PESSOAIS: modulos/dadospessoais/index.php =====*/
    #principal .principal-article .bloco-recad .panel-body dl dt{width:50%;}
}


/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
    /*===== LOGOMARCA =====*/
    #main-login .panel-heading .logo{width: 70%;}/*LOGO UEPA*/
    #main-RSenha .panel-heading .logo, #main-RSenhaCONF .panel-heading .logo,
    #main-RSenhaRESULT .panel-heading .logo{width: 50%;}/*LOGO UEPA*/

    /*===== LOGOMARCA - CABEÇALHO =====*/
    header .cabecalho .logo{width: 80%;}
}

/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {

    /*===== LOGOMARCA =====*/
    #main-login .panel-heading .logo{width: 70%;}/*LOGO UEPA*/
    #main-RSenha .panel-heading .logo, #main-RSenhaCONF .panel-heading .logo,
    #main-RSenhaRESULT .panel-heading .logo{width: 40%;}/*LOGO UEPA*/

    /*===== LOGOMARCA - CABEÇALHO =====*/
    header .cabecalho .logo{width: 80%;}
}

@media screen and (min-width: 1366px) {

}