/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18/04/2017, 20:19:36
    Author     : vitor
*/

.painel-titulo{
    color:#fff;
    background-color:#5cb85c;
    border-color:#4cae4c;
    padding: 0.5em 1.8em 0.5em 1.8em;

    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:0.4em;
    font-size: 0.55em;
}

.clear{clear:both;}

/*MENSAGENS DO SISTEM*/
.trigger{padding: 15px 15px 15px 40px; background: #eee; font-size: 14px; margin-bottom: 15px; border-radius: 10px;}
.trigger a{font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 5px 15px; background: #069; color: #fff;}
.trigger a:hover{background: #09f; color: #fff;}

.accept{background: #71ca73 url(../icons/accept.png) center left 10px no-repeat}
.infor{background:  #c8dbfd url(../icons/infor.png) center left 10px no-repeat}
.alert{background:  #faf7b7 url(../icons/alert.png) center left 10px no-repeat}
.error{background:  #ffafaf url(../icons/error.png) center left 10px no-repeat}

.msg{font-size: 1.6em; margin-bottom: 30px; }
.msg span{font-style: italic; text-decoration: underline;}

.sucesso{
    background-color: #97de97;
}

.vencendo{
    font-weight: bold !important;
    background-color: #f5e79e !important;
}

.atrasado{
    font-weight: bold !important;
    background-color: #d9534f !important;
}

.fonte-pequena{
    font-size: 0.7em !important;
    text-transform: uppercase;
    font-weight: bold !important;
}
.fonte-media{
    font-size: 0.85em !important;
    text-transform: uppercase;
}
.fonte-grande{
    font-size: 0.9em !important;
    text-transform: uppercase;
}

.material-icons{
    font-size: 14px;
}

#tblHome {
    border: 2px solid #000 !important;
}
#tblHome>tbody>tr>td, 
#tblHome>tbody>tr>th, 
#tblHome>tfoot>tr>td, 
#tblHome>tfoot>tr>th, 
#tblHome>thead>tr>td, 
#tblHome>thead>tr>th {
    border: 2px solid #000 !important;
}

@media (max-width: 768px) {
    .esconde{
        display: none;
    }
    
    .tabela{
        width: 100% !important; border-right:15px; font-weight:700;
    }
}

@media (min-width: 768px) {
    .esconde{
        visibility: visible;
    }
    .tabela{
        width: 70% !important; border-right:15px; margin-left: 30%; font-weight:700;
    }
}

@media (min-width: 992px) {
    .esconde{
        visibility: visible;
    }
}

@media (min-width: 1200px) {
    .esconde{
        visibility: visible;
    }
}

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

.inativo{
   pointer-events: none;
   cursor: default;
}