.icone-inicio {
    margin-bottom: 20px !important;
}

.icone-inicio>a {
    background: rgba(255, 255, 255, 0.7);
}

.icone-inicio>a:hover {
    background: #F2601E;
    color: #fff;
}

.icone-inicio img {
    max-height: 209px !important;
    ;
}

.vinculo_ativo {
    background: rgba(108, 255, 100, 0.1);
}

.vinculo_inativo {
    background: rgba(255, 108, 100, 0.1);
}
tr.vinculo_ativo>td, tr.vinculo_inativo>td{
    border-top: 1px solid #ddd !important;
}
.box-Avaliacao img {
    width: 28px;
    cursor: pointer;
}

.box-AdmAvaliacao img {
    width: 28px;
}

.btnPrintRelatorio {
    /*display: none;*/
}

.cartaoDiv {
    height: 100px;
    width: 160px;
    background: #4486E4;
    border-radius: 5px;
    margin: auto;
}

.cartaoDiv div {
    position: absolute;
    color: #fff;
}

.cartaoDiv .nome {
    margin-top: 77px;
    margin-left: 9px;
    font-size: 12px;
}

.cartaoDiv .numero {
    margin-top: 40px;
    width: 160px;
    text-align: center;
}

.cartaoDiv .validade {
    margin-top: 60px;
    font-size: 10px;
    margin-left: 100px;
}

.cartaoDiv .bandeira {
    width: 50px;
    height: 36px;
    margin-left: 56px;
    margin-top: 5px;
    background: url("../imagens/bandeiras.png") no-repeat;
}

.cartaoDiv .bandeira.visa {
    background-position-y: -36px;
}

.cartaoDiv .bandeira.mastercard {
    background-position-y: -72px;
}

.cartaoDiv .bandeira.elo {
    background-position-y: -108px;
}

.cartaoDiv .bandeira.amex {
    background-position-y: -144px;
}

.cartaoDiv .bandeira.diners {
    background-position-y: -180px;
}

.form-pagamento {
    width: 400px;
    margin: auto;
}

.form-pagamento .bandeira_card {
    position: absolute;
    width: 50px;
    height: 36px;
    z-index: 1000;
    left: 22px;
    top: 4px;
    transition: background-position .2s ease-in;
    background: url("../imagens/bandeiras.png") no-repeat;
}

.main-header .logo {
    padding: 0px;
    background: #3c8dbc !important;
}

.main-header .logo img {
    margin: auto;
    padding: 5px;
}

.barra {
    border-bottom: 5px solid #0073b7;
    margin-bottom: 3px;
    height: 115px;
    background: #3c8dbc !important;
}

.barra img {
    margin: auto;
    padding: 5px;
    max-width: 100%;
}

@media (max-width:768px) {
    .main-header .logo, .main-header .logo img {
        height: 80px !important;
    }
    .barra {
        height: 85px;
    }
    .barra img {
        height: 80px;
    }
}

@media (max-width:400px) {
    .main-header .logo, .main-header .logo img {
        height: 60px !important;
    }
    .barra {
        height: 63px;
    }
    .barra img {
        height: 60px;
    }
}
.modal-loading .modal-dialog .modal-content {
    text-align: center;
    height: 120px;
    padding: 10px;
    top: 50%;
    margin-top: -80px;
}

.modal-loading .modal-dialog {
    height: 100%;
}

.banner {
    border-bottom: solid 1px #000;
}

.navbar-menu {
    position: absolute;
    right: 0;
    padding: 0;
}

.navbar-menu .nav-item a {
    color: #FFF !important;
    padding: 6px 15px 7px 15px !important;
}

.navbar-menu .nav-item a:hover {
    color: #000 !important;
    background: #fff;
}

.side.inicio {
    background: #000;
}

.footer {
    margin-top: 3px;
    border-top: solid 1px #000;
    background: #666;
    color: #fff;
    padding: 10px;
}

.checkbox label {
    padding-bottom: 5px
}

.erro-dias label {
    border-bottom: 2px solid red;
}

.erro-foto {
    border: 2px solid red !important;
}

.box-border {
    border-color: #aaa;
    box-shadow: 0 1px 1px 1px #ddd;
}

.cursor-pointer {
    cursor: pointer;
}

.desativado {
    text-decoration: line-through;
    color: #ccc;
}

.text-cinza {
    color: #666;
}

iframe[src*="youtube"] {
    width: 100%;
}

select:disabled {
    background-color: rgb(235, 235, 228);
}

.modal-header {
    background: #3c8dbc !important;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.fotoColaborador {
    border-radius: 50%;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.fotoPonto {
    width: 20px;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
}

.faceigual {
    border: #00CC00 2px solid !important;
}

.facediferente {
    border: red 2px solid !important;
}

.popoverFoto {
    text-align: center !important;
    font-size: 9pt!important;
    width: 150px;
}

.tabelaPontos tr.linhaPonto:hover {
    background: #ccffcc;
}

.totaldia {
    background: #dce9f6;
}

.horaextradia {
    background: #ccccff;
}

.horanoturnadia {
    background: #009999;
    color: #fff;
}

.faltadia {
    background: #ffcccc;
}

.tabelaPontos tr.linhaPonto:hover .totaldia, .tabelaPontos tr.linhaPonto:hover .horaextradia, .tabelaPontos tr.linhaPonto:hover .faltadia, .tabelaPontos tr.linhaPonto:hover .horanoturnadia {
    background: none;
    color: #000;
}

.tabelaPontos .linhaPonto td {
    padding: 7px;
    text-align: center;
    vertical-align: middle;
}

.tabelaPontos .linhaPonto td:hover {
    background: #a6e3a6 !important;
}

.box-body.box-descricaoPlano p {
    font-size: 20pt !important;
}

.box-body.box-descricaoPlano span {
    margin: -18px 0 5px;
    display: block;
    font-size: 8pt;
}

.callout a {
    text-decoration: none !important;
}

.btn.btn-orange {
    background: #f90 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 25px;
}

fotoPonto.faceigual {
    border: green 2px solid;
}

.listaColaboradores {
    display: inline-block;
    background: #eee;
    margin: 7px 3px;
    padding: 2px 5px;
}
.resultCalcBH, .resultZeraBH{
    border: 1px solid #ccc;
    text-align: center;
    font-size: 14pt;
}
.resultCalcBH .progresso, .resultZeraBH .progresso{
    height: 5px;
    background: rgb(55, 44, 216);
    width: 0%;
}
.resultCalcBH .progresso.erro, .resultZeraBH .progresso.erro{
    background: red !important;
}
.listaCalcularHoras span , .listaZerarHoras span{
margin-left: 5px;
}
.listaCalcularHoras img , .listaZerarHoras img{
    width:  20px;
    }
.listaColaboradores input {
    margin: 4px 3px 0 -20px !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    vertical-align: middle;
}

.listaColaboradores label {
    padding: 2px 2px 2px 22px !important;
}

.requerido {
    border: 1px solid #ccc;
    border-left: 5px solid #0066cc;
    border-radius: 5px;
    padding: 10px;
}

.erro.requerido {
    border-left: 5px solid red !important;
}
span.erro{
    color: red !important;
    font-size: 11pt;
}

@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.spinner-btn {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
}
.spinner-btn-lg {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 0;
    border: 3px solid #fff;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
}
label{
    font-weight: normal !important;
}