@charset "UTF-8";
/* 
    Arquivo: geral.css
    Criado em: 18/06/2016, 17:53:00
    Diretoria: Diretoria de Serviços de Processamento de Dados - DSPD
    Autores  : Abner Felipe, Gabriel Cabral, Krissia Menezes
*/

/*
|------------------------------------------------------------------------------
| 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: #f5f5f5; }
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;}

/* H2 DE TODAS AS PÁGINAS INTERNAS */
.principal-article h2{font-size: 1.5em; color: #000; margin-top: -1%;}

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

/*
|------------------------------------------------------------------------------
| 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: 0.9em;}
.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: #fff; 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: #337ab7; 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%;}
header .cabecalho .cabecalho-username{
    background-color: #f5f5f5;
    margin-top: 15%;
    color: #114488;
    padding: 3% 0;
    border-radius: 4px;
    font-size: 1.1em;
    border-bottom: 5px solid #114488;

}


/*
|------------------------------------------------------------------------------
| 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:#148; 
    float: left;
    box-shadow:0px 0px 3px grey;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

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

#fConclusao {
margin-left:-7% !important; 
margin-top:-1%; 
position:relative;
}

#data {
font-weight: normal !important;

}
#menu ul{
    background-color:#148; 
    list-style:none;
}
#menu ul li{
    display:inline;
}
#menu > ul > li:hover > a {
    color: #000000;
    background-color: #fff;
    border-bottom: 5px solid #009ae1;
}

#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: #148;
    background-color: #fff;
    border-bottom: 5px solid #009ae1 ;
}

/*SUBMENU*/
/*#menu ul li ul 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 ul li ul li:hover > a{
    color: #148;
    background-color: #fff;
    border-bottom: 5px solid #009ae1;
}

/*
|------------------------------------------------------------------------------
| RODAPÉ 
|------------------------------------------------------------------------------
*/
.rodape{width:100%; background-color: #35434f; 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: #E9DDC6 !important;}

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

.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: 4% 0; background: url(../imagens/background-3.png); }
#main-login .painel-login {padding: 0; margin: 0; box-shadow: 1px 2px 2px #696969;}

#main-login .panel-heading {background-color: #f5f5f5;}
#main-login .panel-heading .logo{width: 100%;}

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

/*============================================================================ 
  =============================================== 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; background: url(../imagens/background-3.png);}
#main-RSenha .painel-RSenha{padding: 0px !important; margin: 0; box-shadow: 1px 2px 2px #696969;}

#main-RSenha .panel-heading {background-color: #f5f5f5;}
#main-RSenha .panel-heading .logo{width: 100%;}

#main-RSenha .painel-RSenha .formulario{padding: 0px 25px 15px 25px;}
#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;}



/*============================================================================ 
  ============================================== 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; background: url(../imagens/background-3.png);}
#main-RSenhaCONF .painel-RSenhaCONF{padding: 0px !important; margin: 0; box-shadow: 1px 2px 2px #696969;}

#main-RSenhaCONF .panel-heading {background-color: #f5f5f5;}
#main-RSenhaCONF .panel-heading .logo{width: 100%;}

#main-RSenhaCONF .painel-RSenhaCONF .formulario{padding: 0px 20px 15px 20px;}



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




/*============================================================================ 
  |  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; background: url(../imagens/background-3.png);}
#main-RSenhaRESULT .painel-RSenhaRESULT{padding: 0px !important; margin: 0; box-shadow: 1px 2px 2px #696969;}

#main-RSenhaRESULT .panel-heading {background-color: #f5f5f5;}
#main-RSenhaRESULT .panel-heading .logo{width: 100%;}

#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{float: left; width: 100%;  margin-top: 2%; margin-bottom: 2%;}
#principal .principal-article{background-color: #fff; border: 1px solid #e3e3e3; border-radius: 4px; border-left: 5px solid #148; padding-left: 2%; padding-right: 2%; padding-bottom: 2%;}
#principal .principal-article h3{font-size: 1.2em;}





/*============================================================================ 
  |  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 thead{background-color: #35434F; color: #fff;}
#principal .principal-article .tabela-lancamentos { }
#principal .principal-article .tabela-lancamentos thead tr th, 
#principal .principal-article .tabela-lancamentos tbody tr td{}




/*============================================================================ 
  |  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 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-body{}
#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 DADPS 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: 65%;}/*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: 60%;}/*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) {

}

/*============================================================================ 
  |  ARQUIVO: modulos/*
  |  DESCRIÇÃO: Inserção de uma imagem de Carregando ao clicar nos links em geral.
  |  CSS PERSONALIZADO COM SUAS RESPECTIVAS CLASSES
  ============================================================================*/
#blanket,#aguarde {
    position: fixed;
    display: none;
}

#blanket {
    left: 0;
    top: 0;
    background-color: #f0f0f0;
    filter: alpha(opacity =         65);
    height: 100%;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    opacity: 0.65;
    z-index: 9998;
}

#aguarde {
    width: 50%;
    height: 30px;
    top: 40%;
    left: 24%;
   	line-height: 30px;

    z-index: 9999;
    padding-left: 27px;
}
#aguarde > p{
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	margin-top:-10px;	
}

@media screen and (max-width: 480px) {
	
}