﻿.sit_outline_incluir {
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}

    .sit_outline_incluir:enabled {
        background: transparent !important;
        border: 1px solid #0094ff;
        color: #0094ff
    }

    .sit_outline_incluir:hover {
        background: #00ad78 !important;
        border: 1px solid #00ad78;
        color: #fff
    }

.sit_outline_outros {
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}

    .sit_outline_outros:enabled {
        background: transparent !important;
        border: 1px solid #0094ff;
        color: #0094ff
    }

    .sit_outline_outros:hover {
        background: #e933c4 !important;
        border: 1px solid #e933c4;
        color: #fff
    }

.sit_outline_alerta {
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}

    .sit_outline_alerta:enabled {
        background: transparent !important;
        border: 1px solid #0094ff;
        color: #0094ff
    }

    .sit_outline_alerta:hover {
        background: #f26229 !important;
        border: 1px solid #f26229;
        color: #fff
    }

.sit_outline_excluir {
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}
/*Tablet-Botões com cores diferentes do modelo SIT-WEB  LEONARDO 04/11/2020*/
.sit_outline_excluir_tablet_amarelo {
    background: #CACA29 !important;
    border: 1px solid #0094ff;
    color: #fff;
}


    .sit_outline_excluir:enabled {
        background: transparent !important;
        border: 1px solid #0094ff;
        color: #0094ff
    }

    .sit_outline_excluir:hover {
        background: #f85252 !important;
        border: 1px solid #f85252;
        color: #fff
    }

.sit_outline_todos {
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}
/*Tablet-Botões com cores diferentes do modelo SIT-WEB  LEONARDO 04/11/2020*/
.sit_outline_todos_tablet_verde {   /*Botão apontar*/
    background: #22CA48 !important;
    border: 1px solid #0094ff;
    color: #fff;
}
.sit_outline_todos_tablet_vermelho { /*Botão parada*/
    background: #CA3122 !important;
    border: 1px solid #0094ff;
    color: #fff;
}

.sit_outline_todos_tablet_laranja { /*Botão retroativa*/
    background: #CA7622 !important;
    background-color: #CA7622 !important;
    border: 1px solid #0094ff;
    color: #fff;
}


/*hover no nome do recurso  LEONARDO 04/11/2020*/
.hoverRecurso:hover { 
    width: 100px;
    text-decoration: underline;
    font-weight: 700;
    cursor:pointer;
}

.sit_outline_todos:enabled {
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}

    .sit_outline_todos:hover {
        background: #0094ff !important;
        border: 1px solid #0094ff;
        color: #fff
    }

.sit_outline_filtro {
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}

    .sit_outline_filtro:enabled {
        background: transparent !important;
        border: 1px solid #0094ff;
        color: #0094ff
    }

    .sit_outline_filtro:hover {
        background: #344675 !important;
        border: 1px solid #344675;
        color: #fff
    }

#sit_outline_acessar {
    background: transparent !important;
    border: 1px solid #f26229;
    color: #f26229;
    margin-top: 20px;
    padding: 10px 50px 10px 50px !important;
}

    #sit_outline_acessar:enabled {
        background: transparent !important;
        border: 1px solid #f26229;
        color: #f26229
    }

    #sit_outline_acessar:hover {
        background-color: #f26229 !important;
        border: 1px solid #f26229;
        color: #fff
    }

.sit_outline_table {
    background: transparent !important;
    border: 1px solid #adb5bd;
    color: #adb5bd
}

    .sit_outline_table:enabled {
        background: transparent !important;
        border: 1px solid #0094ff;
        color: #0094ff
    }

    .sit_outline_table:hover {
        background: #adb5bd !important;
        border: 1px solid #adb5bd;
        color: #fff
    }

/*CRIAR SOMBRA PARA DIV*/
.sit_box_shadow {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2) !important;
}

/*DEFINICAO DA TELA DE NOTIFICACOES DO USUARIO*/
/*.card-tasks .sit_table-full-width {
    max-height: 710px;
    position: relative;
}*/


/*DEFINICAO DO SPAM NAO LIDO DA TELA DE NOTIFICACOES DO USUARIO*/
.sit_badge_span {
    font-size: 10.998px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999
}



/*DEFINICAO DA TELA DE RESUMO - PERCENTUAIS*/
.chart-circle {
    display: inline-block;
    font-size: 2em;
    height: 160px;
    line-height: 160px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    width: 160px;
}

    .chart-circle canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.card.card-circle-chart .card-title {
    margin-bottom: 10px;
}

.card.card-circle-chart .card-content {
    padding: 10px 15px 10px;
    text-align: center;
}
/* FIM - DEFINICAO DA TELA DE RESUMO - PERCENTUAIS*/


/* DEFINICAO DATATABLE*/
/* DEFINICAO DO INPUT FILTRAR DO DATATABLE*/
.dataTables_filter input {
    font-size: medium !important;
    border-color: #1d8bf8 !important;
    padding: 15px;
    color: #1d8bf8;
}

#datatable_filter {
    display: inline-block;
    width: calc(100% - 302px);
    /*width: calc(100% - 260px);*/
    margin-bottom: 30px;
}

.dt-buttons .btn-group {
    width: auto !important;
    margin-bottom: 30px;
}

.img_index_datatable {
    width: 40px;
    height: 33px;
}

/* FIM - DEFINICAO DO DATATABLE*/


/*COLUNA DE DATA DO DATATABLE PARA ORDERNAR DE FORMA CORRETA*/
.sit_span_colunadata_datatable {
    display: none;
}
/*FIM COLUNA DE DATA DO DATATABLE PARA ORDERNAR DE FORMA CORRETA*/

.btn-fechar-div:hover {
    cursor: pointer;
    font-weight: bolder;
}

.sit-py-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.sit-py-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* GCARDOSO - 2020-06-01 - POR TER TROCADO O COMPONENTE DE SELECTPICKER, HOUVE A NECESSIDADE DE ADICIONAR A CLASSE ABAIXO PARA DEIXAR OS DROPDOWNS COM TODOS OS TEXTOS EM PRETO */
.searchable-text-dark input, .searchable-text-dark li {
    color: #000 !important;
}

/* GCARDOSO - 2020-06-01 - POR TER TROCADO O COMPONENTE DE SELECTPICKER, HOUVE A NECESSIDADE DE ADICIONAR A CLASSE ABAIXO PARA DEIXAR OS ITENS SELECIONADOS EM UMA COR DIFERENTE DE ROSA */
.dropdown-item.active, .dropdown-item:active {
    color: #FFF !important;
    text-decoration: underline !important;
    background: #1D8CF8;
    background: -webkit-linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
    background: -o-linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
    background: -moz-linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
    background: linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
}

/* GCARDOSO - 2020-06-01 - PERSONALIZA O CHECK DE QUANDO O SELECT É MÚLTIPLO */
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    color: #1D8CF8 !important;
    font-weight: bolder;
}

/* GCARDOSO - 2020-06-01 - PERSONALIZA OS BOTÕES DE MARCAR E DESMARCAR */
.dropdown-menu button {
    background: #1D8CF8;
    background: -webkit-linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
    background: -o-linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
    background: -moz-linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
    background: linear-gradient(0deg, #5e72e4 0%, #1D8CF8 100%);
}

    /* GCARDOSO - 2020-06-01 - COLOCA BORDA BRANCA NO PRIMEIRO BOTÃO PARA SEPARAR UM BOTÃO DO OUTRO */
    .dropdown-menu button:first-child {
        border-right: 1px solid #FFF;
    }

/* GCARDOSO - 2020-06-02 - PERSONALIZA A SCROLLBAR */
::-webkit-scrollbar {
    width: 6px;
}

/* GCARDOSO - 2020-06-02 - PERSONALIZA A SCROLLBAR */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(193,193,193,1);
}

/* GCARDOSO - 2020-06-23 */
.font-size-12{
    font-size: 12px !important;
}

/* GCARDOSO - 2020-07-03 */
.border-ajuda {
    border: 1px solid transparent;
    padding: 7px;
    border-radius: 0px;
    display: inline-block;
    width: 20px;
    height: 22px;
    line-height: 8px;
    text-align: center;
    font-weight: normal;
    margin-left: 10px;
    font-size: 14px;
    color: #1D8CF8;
}   

    /* GCARDOSO - 2020-07-03 */
    .border-ajuda:hover {
        cursor: pointer;
        border: 1px solid #1D8CF8;        
    }

/*BOTÃO DE TUTORIAL ADICIONADO 10/11/2020 LEONARDO*/
#BTN_TUTORIAL {
    float: right;
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}

    #BTN_TUTORIAL:enabled {
        background: transparent !important;
        border: 1px solid #0094ff;
        color: #0094ff
    }

    #BTN_TUTORIAL:hover {
        background: #f85252 !important;
        border: 1px solid #0094ff;
        color: #fff;
    }

.sit_outline_tutorial {
    float: right;
    
}
.sit_outline_tutorial_zindex{ /*TRAZ O BOTAO PARA FRENTE NA TELA DE REGISTRO DE PONTO - 11/11/2020 LEONARDO*/
    z-index: 1;
}
.btn_V_A { /*FIXA O BOTAO DA TELA VISAO ADMINISTRATIVA NO CANTO DIREITO - 11/11/2020 LEONARDO*/
    position: absolute;
    top: 50%;
    right: -1%;
    transform: translate(-50%, -50%);
}

.btn sit_outline_tutorial_relProdSemanal{

   
}
/*#BTN_TUTORIAL_PERMISSAO {
    float: right;
    background: transparent !important;
    border: 1px solid #0094ff;
    color: #0094ff
}*/
    


