/* ------------------------------------------------------------------------------
 *
 *  # Custom CSS code
 *
 *  Place here all your custom css.
 *
 * ---------------------------------------------------------------------------- */

/* esconde mensagem de erro abaixo do input */
.help-block {
    display: none;
}

/* adiciona efeito de hover nos cards que possuem essa classe */
.card-hover:hover {
    border-color: #aaaaaa;
}

/* icones 4x dentro dos cars mudam de cor no hover. */
.card-hover:hover .icon-4x {
    color: #0b58a5 !important;
}

/* Efeito hover na lista de media */
.media-hover:hover {
    background-color: rgba(0,0,0,.04);
}

/* lista de fundos com gradient e pattern de imagem */
.gradient-1 {
    background: linear-gradient(to top right, #2490d9, #00d685);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #2490d9, #00d685);
    background-repeat: repeat
}

.gradient-2 {
    background: linear-gradient(to top right, #6e51ec, #b051ec);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #6e51ec, #b051ec);
    background-repeat: repeat
}

.gradient-3 {
    background: linear-gradient(to top right, #3494e6, #ec6ead);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #3494e6, #ec6ead);
    background-repeat: repeat
}

.gradient-4 {
    background: linear-gradient(to top right, #3b4371, #f3904f);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #3b4371, #f3904f);
    background-repeat: repeat
}

.gradient-5 {
    background: linear-gradient(to top right, #ff5f6d, #ffc371);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #ff5f6d, #ffc371);
    background-repeat: repeat
}

.gradient-6 {
    background: linear-gradient(to top right, #1481a9, #885b36);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #1481a9, #885b36);
    background-repeat: repeat
}

.gradient-7 {
    background: linear-gradient(to top right, #2b5876, #4e4376);
    background: url(../images/backgrounds/city.png), linear-gradient(to top right, #2b5876, #4e4376);
    background-repeat: repeat
}

.gradient-8 {
    background: linear-gradient(to top right, #1bb6c3, #0d6ac3);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #1bb6c3, #0d6ac3);
    background-repeat: repeat
}

.gradient-9 {
    background: linear-gradient(to top right, #19c3c1, #2c75ca);
    background: url(../images/backgrounds/panel_bg.png), linear-gradient(to top right, #19c3c1, #2c75ca);
    background-repeat: repeat
}

.gradient-10 {
    background: linear-gradient(to top right, #0866c6, #333333);
    background: url(../images/backgrounds/city.png), linear-gradient(to top right, #0866c6, #333333);
    background-repeat: repeat
}


/***************/
/*** AJUSTES ***/
/**************/

/* posição do icone no input quando é validado */
select.form-control.is-valid,
.was-validated select.form-control:valid {
    background-position: center right calc(.38462em + .51875rem);
}

/* posição do icone no input quando é validado */
select.form-control.is-invalid,
.was-validated select.form-control:invalid {
    background-position: center right calc(.38462em + .51875rem);
}

.has-error .uniform-uploader {
    border: 1px solid #f44336;
}

.navbar-brand {
    padding-top: .40002rem;
    padding-bottom: .40002rem;
}

.navbar-brand img {
    height: 1.6rem;
}

/* preloader da pagina de login */
.page_overlay {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

/* Botao bem pequeno */
.btn-dt {
    padding: .2125rem .33752rem !important;
}

/* transforma todos inputs dentro do form em form-control-sm */
.form-sm .form-control:not(textarea) {
    height: calc(1.6667em + .625rem + 2px);
    padding: .3125rem .75rem;
    font-size: .75rem;
    line-height: 1.6667;
    border-radius: .125rem
}

.form-sm .input-group>.custom-select,
.form-sm .input-group>.input-group-append>.btn,
.form-sm .input-group>.input-group-append>.input-group-text,
.form-sm .input-group>.input-group-prepend>.btn,
.form-sm .input-group>.input-group-prepend>.input-group-text {
    padding: .3125rem .75rem;
    font-size: .75rem;
    line-height: 1.6667;
    border-radius: .125rem
}

.form-sm .select2-selection--single {
    padding: .3130rem 0;
}

/* remove margem acima do select2 dentro do sweetalert */
.swal2-popup .select2-container {
    margin: 0 auto 0 auto;
}

/* .dataTables_wrapper .table td, .dataTables_wrapper .table th {
    padding: .75rem 1rem;
} */

/* aumenta o tamanho do modal-lg */
@media (min-width: 992px) {
    .modal-lg2 {
        max-width: 1000px;
    }
}

@media (min-width: 576px) {
    .modal-semifull {
        max-width: 88%;
        margin-left: 6%;
        margin-right: 6%;
    }
}

/* estilo de footer tradicional do modal */
.modal-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: rgba(0, 0, 0, .02);
}

/* Texto vermelho no input checkbox ao validar erro */
.has-error .form-check-label {
    color: #E53935;
}

/* Mensagem de processando tabela do datatables */
.dataTables_wrapper .dataTables_processing {
    z-index: 99;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    opacity: 0.8;
    cursor: wait;
    position: absolute;
}

.dataTables_wrapper .dataTables_processing .processing-mensagem {
    z-index: 100;
    position: absolute;
    margin: auto;
    width: 200px;
    height: 40px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
    color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #000;
    cursor: wait;
    display: inline-block;
    font-weight: bold;
    padding-top: 10px;
}

/* Mensagem de processando tabela do datatables controle */
.div-controle .dataTables_wrapper .dataTables_processing {
    z-index: 99;
    border: none;
    display: flex;
    justify-content: center !important;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    opacity: 0.8;
    cursor: wait;
}

.div-controle .dataTables_wrapper .dataTables_processing .processing-controle {
    display: flex !important;
    justify-content: center !important;
    width: 100%;
    height: 100%;
}

.div-controle .dataTables_wrapper .dataTables_processing .processing-controle .processing-controle-mensagem {
    z-index: 100;
    align-self: center !important;
    width: 130px;
    height: 36px;
    text-align: center;
    color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #000;
    cursor: wait;
    font-weight: bold;
}

/* Muda o cursor ao passar mouse emcima da linha no datatables select */
.datatable-select tbody tr {
    cursor: pointer;
}

/* Tamanho da paginação nas tabelas datatables */
.dataTables_paginate .paginate_button {
    padding: .1475rem;
    min-width: 2rem;
}

/* margem da parte de baixo da tabela datatables */
.dataTables_info {
    margin-bottom: 0.625rem;
}

/* margem da parte de baixo da tabela datatables */
.dataTables_paginate {
    margin: 0 0 0.625rem 1.25rem;
}

/* tabela controle tamanho menor */
.table-controle th {
    padding: .25rem 1.25rem;
    white-space: nowrap
}

/* tabela controle tamanho menor */
.table-controle td {
    padding: .20rem 1.25rem;
    white-space: nowrap
}

/* muda cor do fundo da linha selecionada na tabela controle */
.table-controle tbody>tr.selected,
.table-controle tbody>tr>.selected {
    background-color: #e8f5e9;
}

/* muda cor do fundo da linha selecionada na tabela controle */
.table-controle tbody>tr.table-danger.selected td,
.table-controle tbody>tr>.table-danger.selected td {
    background-color: #fdd8d6;
}

/* muda cor da linha na tabela controle quando estiver editando form do registro */
.formControleEdit .table-controle tbody>tr.selected td,
.formControleEdit .table-controle tbody>tr>.selected td {
    color: #0866c6;
}

/* desativa ordenacao quando estiver editando form na tabela controle */
.formControleEdit .table-controle thead>tr th,
.formControleEdit .table-controle thead>tr>th {
    pointer-events: none;
}

/* tamanho do div onde tabela controle fica dentro e barra de rolagem se tamanho for maior*/
.div-controle {
    height: 142px;
    overflow-y: auto;
    clear: both;
}

/* desativa click no link do listarInput */
.nolink {
    pointer-events: none;
    color: #9e9e9e;
}

/* altera cor dos items/menus no sidebar quando clikados/ativos */
.sidebar-dark .nav-sidebar>.nav-item-open>.nav-link:not(.disabled) {
    background-color: #1f4d6b;
}

.sidebar-dark .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #1f4d6b;
}

/* Tabela Tamanho Micro */
.table-micro>thead>tr>th,
.table-micro>tbody>tr>th,
.table-micro>tfoot>tr>th {
    font-weight: 500;
}

.table-micro>thead>tr>th,
.table-micro>tbody>tr>th,
.table-micro>tfoot>tr>th,
.table-micro>thead>tr>td,
.table-micro>tbody>tr>td,
.table-micro>tfoot>tr>td {
    padding: .3rem !important;
    line-height: 1 !important;
}

/* tabela de historico de movimento de bem */
.tblEditPaBensAva {
    height: 110px;
    border: 1px solid #ddd;
    overflow: auto;
}

/* Widget Whatsapp */
.whatsapp-bg {
    background-color: rgb(230, 221, 212);
    position: relative;
}

/* Widget Whatsapp */
.whatsapp-bg::before {
    background: url(../images/backgrounds/whatsapp.png);
    background-repeat: repeat;
    opacity: 0.08;
    position:absolute;
    display: block;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
}

@media (min-width: 768px) {
    .timeline-left .timeline-container:before,
    .timeline-left .timeline-date:after,
    .timeline-left .timeline-date:before,
    .timeline-left:after,.timeline-left:before {
        left: 1.5rem;
    }
}


/* ====================== COLORS HOVER ====================== */

.bg-hover-primary:hover { background: #2196f3 !important; }
.text-hover-primary:hover { color: #2196f3 !important; }
.bg-hover-success:hover { background: #4CAF50 !important; }
.text-hover-success:hover { color: #4CAF50 !important; }
.bg-hover-danger:hover { background: #F44336 !important; }
.text-hover-danger:hover { color: #F44336 !important; }
.bg-hover-warning:hover { background: #FF5722 !important; }
.text-hover-warning:hover { color: #FF5722 !important; }
.bg-hover-info:hover { background: #00BCD4 !important; }
.text-hover-info:hover { color: #00BCD4 !important; }
.bg-hover-pink:hover { background: #E91E63 !important; }
.text-hover-pink:hover { color: #E91E63 !important; }
.bg-hover-violet:hover { background: #9C27B0 !important; }
.text-hover-violet:hover { color: #9C27B0 !important; }
.bg-hover-purple:hover { background: #673AB7 !important; }
.text-hover-purple:hover { color: #673AB7 !important; }
.bg-hover-indigo:hover { background: #3F51B5 !important; }
.text-hover-indigo:hover { color: #3F51B5 !important; }
.bg-hover-blue:hover { background: #03A9F4 !important; }
.text-hover-blue:hover { color: #03A9F4 !important; }
.bg-hover-teal:hover { background: #009688 !important; }
.text-hover-teal:hover { color: #009688 !important; }
.bg-hover-green:hover { background: #8BC34A !important; }
.text-hover-green:hover { color: #8BC34A !important; }
.bg-hover-orange:hover { background: #FF9800 !important; }
.text-hover-orange:hover { color: #FF9800 !important; }
.bg-hover-brown:hover { background: #795548 !important; }
.text-hover-brown:hover { color: #795548 !important; }
.bg-hover-grey:hover { background: #777777 !important; }
.text-hover-grey:hover { color: #777777 !important; }
.bg-hover-slate:hover { background: #607D8B !important; }
.text-hover-slate:hover { color: #607D8B !important; }
.bg-hover-yellow:hover { background: #FFFF00 !important; }
.text-hover-yellow:hover { color: #FFFF00 !important; }
.bg-hover-black:hover { background: #000000 !important; }
.text-hover-black:hover { color: #000000 !important; }
.bg-hover-dark:hover { background: #324148 !important; }
.text-hover-dark:hover { color: #324148 !important; }
.bg-hover-white:hover { background: #FFFFFF !important; }
.text-hover-white:hover { color: #FFFFFF !important; }
.border-hover-lightgrey:hover { border-color: #fcfcfc !important; }
.border-hover-success:hover { border-color: #4CAF50 !important; }
.border-hover-danger:hover { border-color: #F44336 !important; }
.border-hover-warning:hover { border-color: #FF5722 !important; }
.border-hover-info:hover { border-color: #00BCD4 !important; }
.border-hover-pink:hover { border-color: #E91E63 !important; }
.border-hover-violet:hover { border-color: #9C27B0 !important; }
.border-hover-purple:hover { border-color: #673AB7 !important; }
.border-hover-indigo:hover { border-color: #3F51B5 !important; }
.border-hover-blue:hover { border-color: #03A9F4 !important; }
.border-hover-teal:hover { border-color: #009688 !important; }
.border-hover-green:hover { border-color: #8BC34A !important; }
.border-hover-orange:hover { border-color: #FF9800 !important; }
.border-hover-brown:hover { border-color: #795548 !important; }
.border-hover-grey:hover { border-color: #777777 !important; }
.border-hover-slate:hover { border-color: #607D8B !important; }
.border-hover-yellow:hover { border-color: #FFFF00 !important; }
.border-hover-black:hover { border-color: #000000 !important; }
.border-hover-dark:hover { border-color: #324148 !important; }
.border-hover-white:hover { border-color: #FFFFFF !important; }