body {
}

.top
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.img-logo
{
    max-width: 100%;
}
.nome-usuario
{
    font-size: 20px;
    text-align: left;
    color: #369;
}

.data-atual
{
    text-align: left;
    color: #369;
}

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

/* Menu customizado */
.navbar-custom {
    background-color:#369;
    color:#ffffff;
    border-radius:0;
}

.navbar-nav > li 
{
    float: none;
    display: inline-block;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color:transparent;
}
.navbar-custom .navbar-brand {
    color:#eeeeee;
}

.navbar-custom .navbar-toggle {
    border: 1px solid #FFF;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-custom .nav .open>a, .navbar-custom .nav .open>a:focus, .navbar-custom .nav .open>a:hover {
    background-color: #8198C1;
    border-color: #8198C1;
}

.navbar-custom .nav>li>a:focus, .navbar-custom .nav>li>a:hover 
{
    text-decoration: none;
    background-color: #79ACE0;
}

.navbar-custom .navbar-nav>.active>a, .navbar-custom .navbar-nav>.active>a:focus, .navbar-custom .navbar-nav>.active>a:hover
{
    background-color: #93C1F1;
}

/* Regras especificas para telas de PC */
@media (min-width: 768px) {
      .navbar-brand {
        display: none;
      }
  
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }  
    
    .nome-usuario, .data-atual
    {
        text-align: right;
    }
    
    .form-radio
    {
        float: right;
    }
}

/* Regras especificas para mobile */
@media (max-width: 767px) 
{
    .logo-empresa
    {
        text-align: center;
    }
    
}


.navbar .navbar-custom {
  text-align: center;
}

/* Painel */
.painel-principal
{
    width: auto;
    margin: 0 auto; 
    margin-bottom: 20px;   
    border-left: solid 1px #369;
    border-right: solid 1px #369;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom: solid 1px #369;
}

.grupo
{
    padding: 5px;
}

.titulo
{
    width: auto;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFF;      
    padding: 07px;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
}

.painel-principal>.titulo
{
    background: -moz-linear-gradient(#369,#7FAAD4);
    background: -o-linear-gradient(#369,#7FAAD4);
    background: -webkit-linear-gradient(#369,#7FAAD4);
    background: -linear-gradient(#369,#7FAAD4);
}

.painel-secundario
{
    text-align:left;
    margin: 35px 10px 10px 10px;
    padding: 20px 10px 10px 10px;
    border: solid 1px #CCC;
}

.painel-secundario .titulo {
    font: bold 11px/20px Verdana, Helvetica, Arial, sans-serif;
    color: #009;
    top: -36px;
    bottom: 15px;
    position:relative;
    padding: 5px 20px;
    border-top: solid 1px #E5E5E5;
    border-right: solid 1px #AAA;
    border-bottom: solid 1px #AAA;
    border-left: solid 1px #E5E5E5;
    background-color: #FFF;
    text-align: center;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
}


.painel-secundario .conteudo 
{
    margin-top: -20px;
    overflow: visible;
}

/* Home */
.box-menu
{
    background-color: #369;
    border-radius: 5%;
    display: inline;
    float: left;
    position: relative;
    height: 150px;
    text-align: center;
    margin: 1%;  
    color: White;
    font-size: 1.2em;  
    padding: 15px;
    cursor: pointer;
}

.box-menu span
{
    display: block;
}

.box-menu i
{
    font-size: 75px;
}


@media (min-width: 436px) 
{
    .rotate-landscape
    {
        display: none;
    }        
}

@media (max-width: 414px) 
{
    .box-menu
    {
        width: calc(100% / 2 - 2%);
    }        
}

@media (min-width: 415px) and (max-width: 700px)
{
    .box-menu
    {
        width: calc(100% / 4 - 2%);
    }
}

@media (min-width: 700px) 
{
    .box-menu
    {
        width: calc(100% / 5 - 2%);
    }
    
    .painel-secundario .titulo 
    {
        left: 0px;
        max-width: 230px;
    }
}

/*Paginação*/
.paginacao
{
    font-size: 20px;
}

.paginacao td
{
    padding: 10px;
}

/* - */
.form-label
{
    font-weight: bold;
    text-align: right;
}

.red
{
    color: Red;
}

.info
{
    color: Blue;
    font-weight: bold;
}

.login-titulo
{
    font-size: 2.5em;
    color: #369;
    text-align: center;
    margin-top: 30px;
}

.login-imagem
{
    padding: 10px;
}