/* Estilizações de animações com keyframes, utilizados em regras "animate" */
.fadein{
    -webkit-animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s;
}
.fadeout{
    transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
}
@keyframes fadeInUp{
    from{
        opacity: 0;
        transform: translateY(20px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes shake{
    0%, 100%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(-5px);
    }
    75%{
        transform: translateX(5px);
    }
}
@keyframes slideUp{
    from{
        opacity: 0;
        transform: translateY(30px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-moz-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-webkit-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-ms-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-o-keyframes fadein{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/* Declarações de fontes */
@font-face{
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/* Estilizações principais */
/* Reset e Estilos Base */
*{
    margin: 0;
    box-sizing: border-box;
}
html{
    position: relative;
    min-height: 100%;
}
body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*background: linear-gradient(135deg, #b7bac7 0%, #e6e7ed 100%);*/
    min-height: 100vh;
    margin-bottom: 60px;
}
body#pagina{
    background-color: #b7bac7;
}
body.externo{
    padding: 20px;
    margin-bottom: 60px;
    /*    display: flex;
        align-items: center;
        justify-content: center;*/
}
body.interno{
    padding-top: 0px;
}

/* Cabeçalho */
#barra_central{
    margin: auto;
    height: 77px;
    background-color: #4aa16a;
    text-align: center;
    color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 4px 20px rgba(74, 161, 106, 0.3);
    position: relative;
    animation: fadein 5s;
}

#barra_central .brasao{
    text-align: right;
    padding-right: 10px;
    width: 30%;
}
#barra_central .brasao>img.desktop{
    margin-left: 2px;
}
#barra_central .brasao>img.mobile{
    margin-left: 2px;
}
#barra_central .brasao_wsmart{
    width: 30%;
    text-align: left;
    vertical-align: top
}

#barra_central .dados{
    font-size: 12px;
    width: 30%;
}
#barra_central .dados>div{
    text-align: center;
    line-height: 18px;
    margin-right: 5px;
}
/* Barra de menus */
#barra_menus{
    margin: auto;
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    border: none;
}
#barra_menus .navbar-collapse{
    /*    padding: 0 15px 0 3px;
        border-bottom: 2px solid #A8CB39;*/
}

#barra_menus ul.itens>li>a{
    color: #333;
}
#barra_menus ul.itens>li>a>img,
#barra_menus ul.itens>li>a>i.fa,
#barra_menus ul.itens>li>a>span.glyphicon{
    margin-right: 3px;
    color: #067513;
}

#barra_menus ul.itens>li{
    margin-top: 4px;
}
#barra_menus ul.itens>li>a{
    margin-left: 0;
    margin-right: 0;
    padding: 9px 9px 9px 5px;
    border: 1px solid transparent;
    border-radius: 3px;
}
#barra_menus ul.itens>li.dropdown.open>a,
#barra_menus ul.itens>li.link.open>a,
#barra_menus ul.itens>li.link.open>a>img,
#barra_menus ul.itens>li.link.open>a>i.fa,
#barra_menus ul.itens>li.link.open>a>span.glyphicon{
    border: 1px solid #aaa;
    background-color: #067513;
    color: white;
    text-shadow: 0px 1px 0px black;
}
#barra_menus ul.itens>li>a>img:hover,
#barra_menus ul.itens>li>a>i.fa:hover,
#barra_menus ul.itens>li>a>span.glyphicon:hover,
#barra_menus ul.itens>li>a>img:focus,
#barra_menus ul.itens>li>a>i.fa:focus,
#barra_menus ul.itens>li>a>span.glyphicon:focus
{
    color: white;
    border: none;
}
#barra_menus ul.itens ul.dropdown-menu{
    padding: 1px;
    min-width: 0;
    /*box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);*/
    background-color: #4aa16a;
}
#barra_menus ul.itens ul.dropdown-menu>li>a{
    padding: 3px 10px 3px 0;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #333;
    /*text-shadow: 0px 1px 0px rgba(255,255,255,0.7);*/
    background-color: #4aa16a;
}
#barra_menus ul.itens ul.dropdown-menu>li>a:hover, #barra_menus ul.itens ul.dropdown-menu>li>a:focus{
    border: 1px solid #aaa;
    background-color: #067513;
    color: white;
    text-shadow: 0px 1px 0px black;
}
#barra_menus ul.itens ul.dropdown-menu>li>a>i.fa,
#barra_menus ul.itens ul.dropdown-menu>li>a>span.glyphicon{
    padding: 3px 3px 3px 1px;
}
#barra_menus ul.itens ul.dropdown-menu>li>a>img,
thead.products_in_acquisition div.weighted_average_cost{
    padding-left: 3px;
}
#barra_menus ul.itens ul.dropdown-menu>li>a>i.fa,
#barra_menus ul.itens ul.dropdown-menu>li>a>span.glyphicon{
    min-width: 25px;
    text-align: center;
}
#barra_menus ul.itens ul.dropdown-menu>li>a>span,
button.iconpicker div.rotulo{
    margin-left: 5px;
}
#barra_menus ul.busca>li{
    margin-top: 4px;
    margin-right: 3px;
}
#barra_menus ul.busca>li>select{
    width: 300px;
}
#barra_menus ul.link_ajuda{
    margin-right: -7px;
}
#theme{
    background: url(../images/moon-sprite.png) !important;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    background-size: 30px 60px !important;
    outline: none;
}
#theme.dark-theme{
    background-position-y: -30px !important;
}
/* Campo de busca da barra de menus */
#busca_menu + span.select2-container span.select2-selection__arrow{
    border-color: transparent;
    background: transparent;
}
#busca_menu + span.select2-container span.select2-selection__arrow>b{
    border-color: transparent;
    border-width: 0;
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: -6px;
    margin-top: -7px;
}
#busca_menu + span.select2-container span.select2-selection__arrow>b:before{
    content: "\f002";
}
#busca_menu-container .select2-results__options>li.select2-results__option[aria-disabled="true"]{
    font-weight: bold;
    opacity: 1;
    background: transparent;
    color: #666565;
}
#busca_menu-container .select2-results__options>li.select2-results__option span.treenode{
    margin-left: 7px;
}
#busca_menu-container .select2-results__options>li.select2-results__option i.fa{
    min-width: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
#busca_menu-container .select2-results__options>li.select2-results__option span.rotulo{
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Corpo*/
#corpo{
    /*border-radius: 10px;*/
    margin: auto;
    padding: 10px 5px;
    width: 98%;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
}

/* Rodapé */
#rodape{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 58px;
}
#rodape .text-muted{
    color: black;
    font-size: 12px;
    text-align: center;
    margin: 0;
}
#rodape p.tempo_requisicao{
    text-align: right;
    font-size: smaller;
    color: #333;
    position: absolute;
    bottom: 0;
    right: 0;
}
/* Informações do sistema, nas páginas de login e seleção de módulos */
.informacoes_sistema{
    display: inline-block;
    text-align: center;
}
.informacoes_sistema div.img_wsmart{
    background: url('../images/brasao_wsmart.png');
}
.informacoes_sistema div.img_wsmart,
.informacoes_sistema div.img_brasao{
    margin: auto;
    width: 208px;
    height: 65px;
}

.bem_vindo_form_login h5{
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}
.bem_vindo_form_login p{
    font-size: 12px;
    margin: 0;
}
/* Moldura da direita, nas páginas de login e seleção de módulos  */
#login{
    border: 1px solid #ccc;
    border-radius: 12px;
    box-shadow: 0px 1px 10px #999;
    font-family:Arial, Helvetica, sans-serif;
    color:#666666;
    font-size:12px;
    margin: 0 auto;
    text-align: center;
}
.ft_titulo_form_login{
    color:#999999;
    font-weight:bold;
    font-size: 16px;
}
.nome_sistema{
    font-weight: bold;
    font-size: 16px;
}
/* Formulário da página de login */
/* Header do Card */
.login-header{
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    padding: 40px 30px;
    text-align: center;
    color: white;
}
.login-header .img_wsmart, .modules-header .img_wsmart{
    height: 80px;
    /*width: 120px;  importante definir largura */
    background: url('../images/brasao_wsmart.png') no-repeat center;
    background-size: contain; /* ou cover */

    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.login-header h1{
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 1px;
}

/* Body do Card */
.login-body{
    padding: 40px 30px;
}
#formLogin{
    margin: 0 50px;
}
#formLogin div.form-group>label{
    font-size: 14px;
}
.form-group{
    /*margin-bottom: 25px;*/
}
.form-group label{
/*    display: block;
    margin-bottom: 8px;
    color: #333;
    font-weight: 500;
    font-size: 14px;*/
}
/* Botões de sair do sistema */
div.btn-group button.sair_completamente{
    padding: 3px;
}

.sessao_expirada div.titulo{
    font-size: 22px;
    color: #ff0000;
    font-weight: bold;
    margin-bottom: 30px;
}
.sessao_expirada div.texto{
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 30px;
}
/* Fieldsets (gerados a partir do componente "Panel", do Bootstrap) */
.caixa, .caixa_media, .caixa_grande{
    margin-left: auto;
    margin-right: auto;
    border-color: #AAA;
    background: transparent;
}
.caixa,
div.bootstrap-datetimepicker-widget li.picker-switch>table>tbody>tr>td{
    width: 50%;
}
.caixa_media{
    width: 60%;
}
.caixa_grande{
    width: 90%;
}

.legenda{
    color: white !important;
    text-shadow: 0px 1px 0px black;
    border-color: #AAA !important;
    padding: 3px 0 3px 15px;
    background-color: #067513 !important;
}
.legenda h3.panel-title{
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin: 9px 0;
    padding-right: 15px;
}

/* Estilizações adicionais referentes ao Bootstrap Iconpicker */
button.iconpicker{
    min-height: 34px;
}

div.indicador_carregamento_icones span.rotulo{
    display: inline-block;
    vertical-align: 5px;
}

table.table-icons tbody i.fa{
    margin-right: 0 !important;
}
i.ip_icons{
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}
i.ip_icons.t32x32{
    width: 32px;
    height: 32px;
}
/* Layout de formulários */
.form{
    text-align: center;
    background-color: white;
}
button.form-list, a.form-list{
    float: right;
    margin-top: -5px;
    margin-right: 3px;
}
.form div.aviso_obrigatorio{
    text-align: center;
    font-size: 13px;
}
.form div.aviso_vermelho{
    color: red;
    font-size: 12px;
    margin: 0;
}
.form div.aviso_vermelho>ul{
    width: 350px;
    padding-left: 15px;
    margin-bottom: 0;
    text-align: justify;
}
.botoes{
    width: 100%;
    text-align: center;
    padding: 5px;
}
.botoes>div.esquerda{
    float: left;
}
.botoes>div.direita{
    float: right;
}
.form-group>label{
    font-weight: bold;
    color: #444;
    text-align: left;
}
.form-group>div{
    text-align: left;
}
/* tables de listagem */
.opentable{
    margin-bottom: 20px;
    /*position: relative;*/
}
div.dataTables_wrapper div.dataTables_length select{
    width: 90px;
}
.opentable div.dataTables_processing{
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    z-index: 3;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background: rgba(0,0,0,0.7);
}
.opentable div.dataTables_processing>div.modal_carregando{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 128px;
    padding: 10px 2px;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background: #4aa16a;
}
.opentable div.dataTables_processing>div.modal_carregando.cima{
    top: 9.5%;
    bottom: auto;
}
.opentable div.dataTables_processing>div.modal_carregando.baixo{
    top: auto;
    bottom: 0%;
}

.opentable div.dataTables_processing button.preto{
    color: #ffffff;
    font-weight: bold;
    background-color: #787;
    border-color: #565;
}
.opentable div.dataTables_processing button.preto:hover, .opentable div.dataTables_processing button.preto:focus{
    background-color: #898;
    border-color: #454;
}

div.caption{
    font-weight: normal;
    font-size: 18px;
    color: #444;
    padding: 5px;
    text-align: center;
}
.opentable div.top, .opentable div.bottom{
    text-align: center;
}
.opentable div.top{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 0;
}
.opentable div.bottom{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 0;
}
.opentable .dataTables_wrapper div.dt-buttons{
    /*display: none;*/
    margin-top: 5px;
    margin-left: 5px;
    border-color: #aaa;
    float: right !important;
}
div.dt-buttons>button.dt-button{
    padding:0;
    border:none;
    background: none;
    margin-right: 0;
    margin-bottom: 0;
}

/* Estiliza os botões de paginação */
/*.opentable div.dataTables_info, .opentable div.dataTables_paginate, .opentable div.dataTables_length{
    display: inline-block;
    vertical-align: middle;
}

.opentable div.dataTables_info, .opentable div.dataTables_length>label{
    font-weight: bold !important;
    color: #333;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.opentable div.dataTables_info{
    padding-top: 0 !important;
}

.opentable div.dataTables_paginate{
    margin: 0 5px !important;
}

.opentable div.dataTables_paginate>ul{
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

.opentable div.dataTables_paginate li>a{
    border-color: #aaa;
    color: #4F4F4F;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
    background: rgb(244,244,244);
}

.opentable div.dataTables_paginate li>a:hover,
.opentable div.dataTables_paginate li>a:focus{
    background: rgb(232,232,232);
    background-color: #DEDEDE;
}
.opentable div.dataTables_paginate li>a:active{
    color: #EFEFEF;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    background: RGB(74, 161, 106);
}
.opentable div.dataTables_paginate li.active>a{
    color: #EFEFEF;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    box-shadow: none;
    background: rgb(108, 150, 102);
}
.opentable div.dataTables_paginate li.first>a, .opentable div.dataTables_paginate li.previous>a,
.opentable div.dataTables_paginate li.next>a, .opentable div.dataTables_paginate li.last>a{
    color: #666;
}
.opentable div.dataTables_paginate li.first>a:active, .opentable div.dataTables_paginate li.previous>a:active,
.opentable div.dataTables_paginate li.next>a:active, .opentable div.dataTables_paginate li.last>a:active{
    color: #EFEFEF;
}
.opentable div.dataTables_paginate li.disabled>a{
    border-color: #AAA !important;
    background: lightgray !important;
    color: gray !important;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none;
}
.opentable div.dataTables_length>label{
    margin: 0 !important;
}
.opentable div.dataTables_length select{
    padding-left: 5px;
    padding-right: 5px;
}
.opentable div.dataTables_length span.select2{
    width: 75% !important;
    font-weight: normal;
}
*/
.dataTables_length {
    width: 20%;
    text-align: center;
}

.dataTables_info {
    width: 30%;
    text-align: center
}

.dataTables_paginate {
    width: 40%;
    text-align: center;
}

.select2-selection__rendered{
    overflow: visible !important;
}
.pagination>li>a, .pagination>li>span {
    padding: 0px;
}
.opentable div.dataTables_info, .opentable div.dataTables_paginate, .opentable div.dataTables_length {
    display: inline-block;
    vertical-align: middle;
}

.opentable div.dataTables_info, .opentable div.dataTables_length>label {
    /*font-weight: bold !important;*/
    color: #333;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.opentable div.dataTables_info {
    padding-top: 0 !important;
}

.opentable div.dataTables_paginate {
    margin: 0 5px !important;
}

.opentable div.dataTables_paginate>ul {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

.opentable div.dataTables_paginate li>a {
    border-color: #aaa;
    color: #000000;
    /*text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);*/
    background-color: #FFFFFF;
    padding: 5px;
    height: 30px;
    width: 30px;
    border-radius: 5px !important;
    text-align: center;
    line-height: 20px;   /* Centraliza o texto verticalmente */
    transition: all 0.3s ease;  /* Efeito suave ao passar o mouse */
    margin-left: 3px;
}

.opentable div.dataTables_paginate li>a:hover,
.opentable div.dataTables_paginate li>a:focus {
    background-color: #53c986;
    color: white;
}

.opentable div.dataTables_paginate li>a:active {
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
    background-color: rgb(242, 184, 11);
}

.opentable div.dataTables_paginate li.active>a {
    color: #fff;
    font-weight: bold;
    background-color: #4aa16a;
}

.opentable div.dataTables_paginate li.first>a,
.opentable div.dataTables_paginate li.previous>a,
.opentable div.dataTables_paginate li.next>a,
.opentable div.dataTables_paginate li.last>a {
    color: #000;
}

.opentable div.dataTables_paginate li.first>a:active,
.opentable div.dataTables_paginate li.previous>a:active,
.opentable div.dataTables_paginate li.next>a:active,
.opentable div.dataTables_paginate li.last>a:active {
    color: #EFEFEF;
    font-stretch: normal;
}

.opentable div.dataTables_paginate li.disabled>a {
    border-color: #AAA !important;
    background: lightgray !important;
    color: gray !important;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none;
    border-radius: 50%; /* Botões circulares para estado desabilitado também */
}


.opentable table{
    margin: 0 !important;
    border-top: 0;
    border-bottom: 0;
    width: 100%;
}
table.fixedHeader-floating,
.card.card-outline-tabs{
    border-top: 0;
}
table.fixedHeader-floating,
table.fixedHeader-floating>thead>:first-child>:first-child,
table.fixedHeader-floating>thead>:first-child>:last-child,
div.datepicker span.month,
div.datepicker span.year,
div.datepicker span.decade{
    border-radius: 0;
}
.opentable table>thead>tr>th,
table.fixedHeader-floating>thead>tr>th{
    border-bottom: 0;
    white-space: nowrap;
}
.opentable table>tfoot>tr>th{
    padding: 4px;
    display: table-cell !important;
}
.opentable table>thead>tr>th,
.opentable table>thead>tr>.greentd,
table.fixedHeader-floating>thead>tr>th,
table.fixedHeader-floating>thead>tr>.greentd,
.opentable table>tfoot>tr>th,
.opentable table>tfoot>tr>.greentd,
table.fixedHeader-floating>tfoot>tr>th,
table.fixedHeader-floating>tfoot>tr>.greentd,
.greentd{
    color: #EFEFEF;
    /*text-shadow: 0px 1px 0px rgba(0,0,0,0.7);*/
    background: RGB(74, 161, 106);
}
.opentable table>thead>tr>.greentd,
.opentable table>tfoot>tr>.greentd,
.greentd{
    font-weight: bold;
    border-bottom: 0 !important;
}
.greentd_2{
    color: #444;/*#EFEFEF;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);*/
    font-weight: bold;
    border-bottom: 0;
    background: #a9e39f; /*#6e9867;*/
}
.opentable table>thead>tr>th:after,
table.fixedHeader-floating>thead>tr>th:after{
    opacity: 1 !important;
    color: #EFEFEF;
}
.opentable table>thead>tr>th.sorting:hover,
.opentable table>thead>tr>th.sorting:focus,
table.fixedHeader-floating>thead>tr>th.sorting:hover,
table.fixedHeader-floating>thead>tr>th.sorting:focus{
    box-shadow: 0px 0px 8px #85cbb2;
    background: #53c986;
}
.opentable table>thead>tr>th.sorting_asc,
.opentable table>thead>tr>th.sorting_desc,
table.fixedHeader-floating>thead>tr>th.sorting_asc,
table.fixedHeader-floating>thead>tr>th.sorting_desc{
    background: #53c986;
}
.opentable table>thead>tr>th,
table.fixedHeader-floating>thead>tr>th{
    padding: 8px;
}
.opentable table th,
.opentable table td,
table.fixedHeader-floating th,
table.fixedHeader-floating td{
    text-align: center;
    vertical-align: middle !important;
}
.opentable tbody>tr.even{
    background-color: #EEE;
}
.opentable table>tbody>tr:hover>td{
    background: #DDEAB5;
}
.opentable table>tbody>tr.child>td{
    text-align: justify;
}
.opentable table>tbody>tr.child:hover>td{
    background: transparent;
}
.opentable tbody>tr>td>div.btn-group>button{
    min-width: 32px !important;
    padding: 6px;
}

.opentable table.dataTable tr.dtrg-group.dtrg-level-0 td{
    text-align: left;
}
.tablehorizontal{
    margin: auto;
    border-collapse: separate;
    border-spacing: 3px;
    min-width: 200px;
}
.tablehorizontal tbody>tr>th, .tablehorizontal tbody>tr>td{
    border: 1px solid #AAA;
    padding: 3px 1px;
}
.tablehorizontal tbody>tr>th{
    color: white;
    font-weight: bold;
    text-shadow: 0px 1px 0px #444;
    text-align: right;
    background: #067513;
}
.tablehorizontal tbody>tr>td{
    background: #DEDEDE;
    min-width: 50px;
    text-align: left;
}
/* Avisos - Estilizações padrões */
.popover{
    cursor: pointer;
    border-width: 2px;
    box-shadow: 3px -3px 6px #444;
}
.popover.left>.arrow:after{
    border-right-width: 1px;
}
.popover.right>.arrow:after{
    border-left-width: 1px;
}
.popover.top>.arrow:after{
    border-bottom-width: 1px;
}
.popover.bottom>.arrow:after{
    border-top-width: 1px;
}
.popover>div.popover-content{
    border-radius: 7px;
    padding: 5px;
    font-weight: bold;
    font-size: 13px;
}
/* Avisos - Estilizações específicas de cada classe */
.popover.aviso{
    border-color: #CD2626;
    background-color: #FFC1C1;
}
.popover.aviso.amarelo{
    border-color: #8B7500;
    background-color: #FFF68F;
}
.popover.aviso.verde{
    border-color: #004300;
    background-color: #B7E8C5;
}
.popover.aviso.azul{
    border-color: #000080;
    background-color: #C1C1FF;
}
.popover.aviso.cinza_balao{
    border-color: #696969;
    background-color: #E8E8E8;
}
/* Avisos - Estilizações específicas da função de exibir força de senhas */
.popover.aviso.forca_senha{
    border-color: #696969;
    background-color: #E8E8E8;
}
.popover.aviso.forca_senha .barra{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #888;
    background-color: #efefef;
}
.popover.aviso.forca_senha table.barra td{
    width: 25px;
    padding: 3px;
}
.popover.aviso.forca_senha table.barra td.fraca{
    background-color: crimson;
}
.popover.aviso.forca_senha table.barra td.razoavel{
    background-color: gold;
}
.popover.aviso.forca_senha table.barra td.forte{
    background-color: limegreen;
}
.popover.aviso.forca_senha table.barra td.segura{
    background-color: deepskyblue;
}
/* Campos de formulário 
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    box-shadow: inset 0 2px 2px #8f8f8f;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, .uneditable-input:hover{
    border-color: #70ab96;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    border-color: #70ab96;
    box-shadow: 0px 0px 5px #85cbb2, inset 0 2px 2px #8f8f8f;
    outline: 0 none;
}
textarea{
    box-shadow: inset 0 2px 2px #8f8f8f !important;
}
textarea:hover{
    border-color: #70ab96 !important;
}
textarea:focus{
    border-color: #70ab96 !important;
    box-shadow: 0px 0px 5px #85cbb2, inset 0 2px 2px #8f8f8f !important;
    outline: 0 none !important;
}*/
button.btn.btn-default, a.btn.btn-default{
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255, 255, 255,0.7);
    border-color: #AAA;
    background: rgb(244,244,244);
}
button.btn.btn-default:hover, button.btn.btn-default:focus, button.btn.btn-default.focado,
a.btn.btn-default:hover, a.btn.btn-default:focus, a.btn.btn-default.focado{
    background: rgb(232,232,232);
}
button.btn.btn-default:active, button.btn.btn-default.ativo,
a.btn.btn-default:active, a.btn.btn-default.ativo{
    color: #EFEFEF;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    background: RGB(74, 161, 106);
}
button.btn.btn-default:active>i.fa, a.btn.btn-default:active>i.fa,
button.btn.btn-default.ativo>span.glyphicon, a.btn.btn-default.ativo>span.glyphicon{
    color: #EFEFEF !important;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7) !important;
}
button.iconpicker div.icone, button.iconpicker div.rotulo,
.opentable div.dataTables_info,
.opentable div.dataTables_paginate, .opentable div.dataTables_length,
button.btn.btn-default>img, a.btn.btn-default>img,
button.btn.btn-default>i.fa, a.btn.btn-default>i.fa,
button.btn.btn-default>span.glyphicon, a.btn.btn-default>span.glyphicon,
button.btn.btn-default>span, a.btn.btn-default>span,
.alinhadoVertical,
.legenda button.btn, .legenda a.btn{
    display: inline-block;
    vertical-align: middle;
}

button.btn.btn-default>i.fa.text-success-brighter, a.btn.btn-default>i.fa.text-success-brighter,
button.btn.btn-default>span.glyphicon.text-success-brighter, a.btn.btn-default>span.glyphicon.text-success-brighter{
    color: #66b268;
    text-shadow: 0px 1px 0px black;
}
/* Campos <select> instanciados pela biblioteca Select2 */
/*.select2-container span.select2-selection--single{
    box-shadow: inset 0 2px 2px #8f8f8f;
    border-color: #A8A8A8;
    height: 30px;
    outline: none;
}
.select2-container span.select2-selection--single:hover, .select2-container span.select2-selection--single:focus,
.select2-container span.select2-selection--single:hover>span.select2-selection__arrow, .select2-container span.select2-selection--single:focus>span.select2-selection__arrow{
    border-color: #70AB96;
}
.select2-container span.select2-selection--single:hover, .select2-container span.select2-selection--single:focus{
    box-shadow: 0px 0px 8px #85cbb2, inset 0 2px 2px #8f8f8f !important;
}
.select2-container span.select2-selection__rendered{
    padding-right: 28px !important;
}
.select2-container--default .select2-selection--multiple{
    box-shadow: inset 0 2px 2px #8f8f8f;
    border: 1px solid #ccc;
    background: #FFFFFF url('../images/search.png') no-repeat;
    background-position: right center;
    background-origin: content-box;
    padding-right: 2px;
}
.select2-container--default .select2-selection--multiple:hover{
    border-color: #70ab96;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #70ab96;
    box-shadow: 0px 0px 5px #85cbb2, inset 0 2px 2px #8f8f8f;
    outline: 0 none;
}
.select2-selection--multiple ul.select2-selection__rendered{
    width: 95% !important;
}
.select2-container span.select2-selection__arrow{
    border-left: 1px solid #A8A8A8;
    border-top: 1px solid white;
    width: 28px !important;
    height: 28px !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: rgb(240,240,240);
}
.select2-container span.select2-selection--single:hover>span.select2-selection__arrow,
.select2-container span.select2-selection--single:focus>span.select2-selection__arrow{
    border-top: 1px solid white;
    background: rgb(208,228,212);

}
.select2-container span.select2-selection--single:hover>span.select2-selection__arrow>b,
.select2-container span.select2-selection--single:focus>span.select2-selection__arrow>b{
    border-color: #04763C transparent transparent transparent;
}
.select2-container--open span.select2-selection--single>span.select2-selection__arrow>b,
.select2-container--open span.select2-selection--single:hover>span.select2-selection__arrow>b,
.select2-container--open span.select2-selection--single:focus>span.select2-selection__arrow>b{
    border-color: transparent transparent #04763C transparent;
}

span.select2-dropdown{
    border-left-color: #DDD;
    border-right-color: #DDD;
    border-bottom-color: #DDD;
}
span.select2-dropdown--below{
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}
span.select2-dropdown--above{
    box-shadow: 0px -5px 10px rgba(0,0,0,0.8);
}
ul.select2-results__options{
    padding: 1px;
}
.select2-results__options>li.select2-results__option.loading-results, .select2-results__options>li.option.load-more{
    text-align: center;
    padding: 0;
}
.select2-results__options>li.select2-results__option.loading-results>span.loadingwheel,
.select2-results__options>li.option.load-more>span.loadingwheel{
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url('../images/processando_fundo.gif');
}
.select2-results__options>li.select2-results__option{
    border: 1px solid transparent;
    border-radius: 3px;
    color: #444444;
}
.select2-results__options>li.select2-results__option:nth-child(even){
    background-color: #F1F1F1;
}
.select2-results__options>li.select2-results__option--highlighted{
    border-color: #2A2A2A;
    background-color: #067513 !important;
    color: white !important;
}
.select2-results__options>li.select2-results__option[aria-selected="true"]{
    color: white !important;
    border-color: white;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
    background: #808080;
}
.select2-results__options>li.select2-results__option[aria-selected="true"]:hover,
.select2-results__options>li.select2-results__option[aria-selected="true"]:focus,
.select2-results__options>li.select2-results__option--highlighted[aria-selected="true"]{
    border-color: #2A2A2A;
}
.select2-results__options div.sessao_expirada,
.sessao_expirada,
.conteiner_arquivo>thead>tr>th,
div.imagem_central,
.bem_vindo_form_login{
    text-align: center;
}
.select2-results__options div.sessao_expirada>h4{
    color: red;
    font-weight: bold;
}
.select2-results__options div.sessao_expirada>p{
    color: black;
    font-weight: bold;
}*/

.select2-container span.select2-selection--single,
.select2-container--default .select2-selection--single{
    /*    box-shadow: inset 0 2px 2px #8f8f8f;
        border-color: #A8A8A8;
        height: 30px;
        outline: none;
    */
    color: #000000 !important;
    font-size: 14px;
    gap: 16px;
    background-color: #ffffff !important;
    align-self: stretch;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: calc(100% - 8px) !important;
    padding: 4px;
    border-radius: 10px;
    border: none;/*0.6px solid #000000;*/
}

.select2-container span.select2-selection--single:hover, .select2-container span.select2-selection--single:focus,
.select2-container span.select2-selection--single:hover>span.select2-selection__arrow, .select2-container span.select2-selection--single:focus>span.select2-selection__arrow{
    border-color: #4aa16a;
}
/*.select2-container span.select2-selection--single:hover, .select2-container span.select2-selection--single:focus,*/
.select2-container--default:hover, .select2-container--default:focus{
    box-shadow: 0px 0px 8px #4aa16a !important;
    border-radius: 12px;
}
.select2-container span.select2-selection__rendered{
    padding-right: 28px !important;
}

.select2-container--default .select2-selection--multiple{
    box-shadow: inset 0 2px 2px #8f8f8f;
    border: 1px solid #ccc;
    background: #FFFFFF url('../images/search.png') no-repeat;
    background-position: right center;
    background-origin: content-box;
    padding-right: 2px;
    min-height: 38px;
}
.select2-container--default .select2-selection--multiple:hover{
    border-color: #f2b80b;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #f2b80b;
    box-shadow: 0px 0px 5px #ad913b, inset 0 2px 2px #8f8f8f !important;
    outline: 0 none;
    border: 1px solid #ccc;
}
.select2-selection--multiple ul.select2-selection__rendered{
    width: 95% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px;
    border: none;
    border-radius: 0;
    padding: 3px 5px;
}

/*.select2-container span.select2-selection__arrow{
    border-left: 1px solid #A8A8A8;
    border-top: 1px solid white;
    width: 28px !important;
    height: 28px !important;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: rgb(240,240,240);
}
.select2-container span.select2-selection--single:hover>span.select2-selection__arrow,
.select2-container span.select2-selection--single:focus>span.select2-selection__arrow{
    border-top: 1px solid white;
    background: rgb(228, 208, 208);
}
.select2-container span.select2-selection--single:hover>span.select2-selection__arrow>b,
.select2-container span.select2-selection--single:focus>span.select2-selection__arrow>b{
    border-color: #f2b80b transparent transparent transparent;
}
.select2-container--open span.select2-selection--single>span.select2-selection__arrow>b,
.select2-container--open span.select2-selection--single:hover>span.select2-selection__arrow>b,
.select2-container--open span.select2-selection--single:focus>span.select2-selection__arrow>b{
    border-color: transparent transparent #f2b80b transparent;
}*/
/* ===============================================
   SELECT2 - ESTILO MODERNO
   =============================================== */

/* Container sem filtro */
.select2-container.sem_filtro span.select2-search {
    display: none;
}

/* Dropdown principal */
span.select2-dropdown {
    border: 2px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

/* Sombras do dropdown */
span.select2-dropdown--below {
    box-shadow: 0 5px 20px rgba(102, 234, 159, 0.3);
    animation: slideDown 0.2s ease-out;
}

span.select2-dropdown--above {
    box-shadow: 0 -5px 20px rgba(102, 234, 159, 0.3);
    border-radius: 12px 12px 0 0;
    animation: slideUp 0.2s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Lista de opções */
ul.select2-results__options {
    padding: 5px;
    max-height: 300px;
}

/* Loading e Load More */
.select2-results__options > li.select2-results__option.loading-results,
.select2-results__options > li.option.load-more {
    text-align: center;
    padding: 10px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    margin: 3px;
}

.select2-results__options > li.select2-results__option.loading-results > span.loadingwheel,
.select2-results__options > li.option.load-more > span.loadingwheel {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../images/processando_fundo.gif') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

/* Opções da lista */
.select2-results__options > li.select2-results__option {
    border: 2px solid transparent;
    border-radius: 8px;
    color: #333;
    padding: 10px 12px;
    margin: 3px 0;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

/* Opções alternadas (zebrado) */
.select2-results__options > li.select2-results__option:nth-child(even) {
    background-color: #f8f9fa;
}

.select2-results__options > li.select2-results__option:nth-child(odd) {
    background-color: #ffffff;
}

/* Opção em destaque (hover) */
.select2-results__options > li.select2-results__option--highlighted {
    border-color: #66ea9f;
    background: linear-gradient(135deg, #e8faf1 0%, #d4f5e3 100%) !important;
    color: #2d7a54 !important;
    transform: translateX(3px);
    box-shadow: 0 2px 8px rgba(102, 234, 159, 0.2);
}

/* Opção selecionada */
.select2-results__options > li.select2-results__option[aria-selected="true"] {
    /*color: white !important;*/
    border-color: #4aa16a;
    /*text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);*/
    background: linear-gradient(135deg, #66ea9f 0%, #4aa16a 100%);
    font-weight: 600;
}

/* Opção selecionada em hover */
.select2-results__options > li.select2-results__option[aria-selected="true"]:hover,
.select2-results__options > li.select2-results__option[aria-selected="true"]:focus,
.select2-results__options > li.select2-results__option--highlighted[aria-selected="true"] {
    border-color: #2d7a54;
    background: linear-gradient(135deg, #4aa16a 0%, #2d7a54 100%);
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(102, 234, 159, 0.4);
}

/* Mensagem de sessão expirada */
.select2-results__options div.sessao_expirada {
    text-align: center;
    padding: 20px;
    background: linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);
    border-radius: 10px;
    margin: 5px;
    border: 2px solid #ff6b6b;
}

.select2-results__options div.sessao_expirada > h4 {
    color: #dc3545;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.select2-results__options div.sessao_expirada > p {
    color: #333;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

/* Estilização do campo Select2 */
.select2-container--default .select2-selection--single {
    border: 2px solid #e0e0e0 !important;
    border-radius: 10px !important;
    height: 42px;
    padding: 6px 12px !important;
    transition: all 0.3s ease;
    background: #f8f9fa !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #66ea9f;
    background: white;
    box-shadow: 0 0 0 4px rgba(102, 234, 159, 0.1);
    outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    color: #9d9e9d;
    font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #4aa16a transparent transparent transparent;
    border-width: 6px 5px 0 5px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #4aa16a transparent;
    border-width: 0 5px 6px 5px;
}

/* Select2 múltiplo */
.select2-container--default .select2-selection--multiple {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    min-height: 42px;
    padding: 4px 8px;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.select2-container--default .select2-selection--multiple:focus,
.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #66ea9f;
    background: white;
    box-shadow: 0 0 0 4px rgba(102, 234, 159, 0.1);
    outline: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /*background: linear-gradient(135deg, #66ea9f 0%, #4aa16a 100%);*/
    background-color: #4aa16a;
    border: none;
    border-radius: 6px;
    color: white;
    padding: 4px 8px;
    font-weight: 600;
    margin: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    margin-right: 5px;
    font-weight: bold;
    transition: all 0.2s ease;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ff6b6b;
}

/* Campo de busca dentro do select */
.select2-container--default .select2-search--inline .select2-search__field {
    font-weight: 500;
    color: #333;
    padding: 4px 0;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: #999;
    font-weight: 400;
}

/* Scrollbar customizada */
.select2-results__options::-webkit-scrollbar {
    width: 8px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #66ea9f 0%, #4aa16a 100%);
    border-radius: 10px;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #4aa16a 0%, #2d7a54 100%);
}

/* Campos de calendário instanciados pelo componente Bootstrap Datetimepicker */
div.conteiner_calendario.comum{
    width: 137.5px;
}
div.conteiner_calendario.data_hora{
    width: 175px;
}

.conteiner_calendario.intervalo_aberto span.rotulo{
    display: table-cell;
    vertical-align: middle;
}
.conteiner_calendario.intervalo_aberto span.input-group-addon{
    width: 0;
}
div.bootstrap-datetimepicker-widget{
    box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    width: 21em !important;
}
div.bootstrap-datetimepicker-widget.timepicker-sbs{
    width: 38em !important;
}
div.datepicker>div>table>thead>tr:first-child>th{
    border-radius: 0;
    color: white;
    background: RGB(74, 161, 106);
}
div.datepicker>div>table>thead>tr:first-child>th:hover{
    color: #DDD;
    background: RGB(74, 161, 106);
}
div.datepicker>div>table>thead>tr:first-child>th.prev, div.datepicker>div>table>thead>tr:first-child>th.next{
    font-family: 'Glyphicons Halflings' !important;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
}
div.datepicker>div>table>thead>tr:first-child>th.prev{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
div.datepicker>div>table>thead>tr:first-child>th.next{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
div.datepicker>div>table>thead>tr>th.datepicker-switch{
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
div.datepicker>div>table>thead th.dow{
    font-weight: normal;
    background: #EEFFEE;
}
div.datepicker>div>table>thead th.dow:first-child, div.datepicker>div>table>thead th.dow:last-child,
div.datepicker>div>table>tbody>tr>td.day:first-child, div.datepicker>div>table>tbody>tr>td.day:last-child{
    color: #a66;
}
div.datepicker>div>table>tbody>tr>td.day.old:first-child, div.datepicker>div>table>tbody>tr>td.day.old:last-child,
div.datepicker>div>table>tbody>tr>td.day.new:first-child, div.datepicker>div>table>tbody>tr>td.day.new:last-child{
    color: #999;
}
div.datepicker>div>table>tbody td.day.today,
.informacoes_sistema .ft_sistema, .informacoes_sistema .ft_modulo,
div.datepicker>div>table>tbody td.day.active,
div.datepicker span.month.active,
div.datepicker span.year.active,
div.datepicker span.decade.active{
    font-weight: bold;
}
div.datepicker>div>table>tbody td.day{
    border-radius: 0;
    min-width: 40px;
}
div.datepicker>div>table>tbody td.day,
div.datepicker>div>table>tbody td.day.today,
div.datepicker>div>table>tfoot>tr>th.today,
div.datepicker span.month,
div.datepicker span.year,
div.datepicker span.decade{
    border: 1px solid #d8d8d8 !important;
    background: rgb(244,244,244);
}
div.datepicker-decades>table>tbody td,
div.datepicker-decades>table>tbody td>span{
    line-height: 0;
}
div.datepicker-decades>table>tbody td>span:not(.decade){
    height: 0;
}
div.datepicker>div>table>tbody td.day:hover,
div.datepicker>div>table>tbody td.day.today:hover,
div.datepicker>div>table>tfoot>tr>th.today:hover,
div.datepicker span.month:hover,
div.datepicker span.year:hover,
div.datepicker span.decade:hover{
    background: rgb(232,232,232);
}
div.datepicker>div>table>tbody td.day:focus, div.datepicker>div>table>tbody td.day:active,
div.datepicker>div>table>tbody td.day.today:focus, div.datepicker>div>table>tbody td.day.today:active,
div.datepicker>div>table>tbody td.day.focused, div.datepicker>div>table>tbody td.day.today.focused,
div.datepicker>div>table>tbody td.day.active, div.datepicker>div>table>tbody td.day.today.active,
div.datepicker>div>table>tbody td.day.active:hover, div.datepicker>div>table>tbody td.day.today.active:hover,
div.datepicker>div>table>tfoot>tr>th.today:active,
div.datepicker span.month:active,
div.datepicker span.year:active,
div.datepicker span.decade:active{
    color: #EFEFEF !important;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    background: RGB(74, 161, 106);
}
div.datepicker>div>table>tbody td.day.disabled, div.datepicker>div>table>tbody td.day.disabled:hover
div.datepicker>div>table>tbody td.day.disabled:focus, div.datepicker>div>table>tbody td.day.disabled:active{
    cursor: not-allowed;
    opacity: .35;
    color: #999 !important;
    text-shadow: none;
    background: #f4f4f4;
}

div.datepicker>div>table>tbody td.day.old, div.datepicker>div>table>tbody td.day.new{
    opacity: .35;
}

div.datepicker span.month.active,
div.datepicker span.year.active,
div.datepicker span.decade.active{
    background-color: RGB(74, 161, 106) !important;
}

div.bootstrap-datetimepicker-widget a[data-action]{
    color: RGB(74, 161, 106) !important;
}
div.bootstrap-datetimepicker-widget a[data-action]>span{
    border: 1px solid #aaa;
}
div.bootstrap-datetimepicker-widget a[data-action]>span:active{
    color: #EFEFEF !important;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    background: RGB(74, 161, 106);
}
div.bootstrap-datetimepicker-widget a[data-action='today']>span{
    border-radius: 3px 0 0 3px;
    border-right: 0;
    background-color: #337ab7;
}
div.bootstrap-datetimepicker-widget a[data-action='close']>span{
    border-radius: 0 3px 3px 0;
    background-color: #c9302c;
}
div.bootstrap-datetimepicker-widget a[data-action='today']>span:before,
div.bootstrap-datetimepicker-widget a[data-action='close']>span:before{
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
}
div.bootstrap-datetimepicker-widget a[data-action='today']>span:active:before,
div.bootstrap-datetimepicker-widget a[data-action='close']>span:active:before,
a.links_tela_inicial,
.fa-alinhado-topo-direito.fa-plano-branco,
.fa-alinhado-fundo-direito.fa-plano-branco{
    color: white;
}
div.bootstrap-datetimepicker-widget a[data-action='today']>span:before{
    content: 'Hoje';
}
div.bootstrap-datetimepicker-widget a[data-action='close']>span:before{
    content: 'Fechar';
}
/* Campos de arquivo instanciados pelo componente FileUploader */
div.fileuploader{
    border: 1px solid #777;
    border-radius: 3px;
    min-width: 250px;
}
div.fileuploader div.conteiner_input{
    width: 0;
    height: 0;
    overflow: hidden;
}
div.fileuploader div.titulo{
    text-align: center;
    padding: 2px 0;
    background: RGB(74, 161, 106);
}
div.fileuploader div.conteudo{
    padding: 3px;
    min-height: 20px;
}
div.fileuploader .escolher_arquivo>span.glyphicon{
    vertical-align: 0;
}
div.fileuploader .escolher_arquivo>span.rotulo{
    vertical-align: 0;
    margin-left: 3px;
}
.conteiner_arquivo,
table.geracao_pdf p,
.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item,
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item ,
.card-body > .table{
    margin-bottom: 0;
}

.conteiner_arquivo>tbody>tr>td{
    text-align: center;
    vertical-align: middle;
}
.conteiner_arquivo>tbody>tr>td.tipo{
    padding-left: 2px;
    padding-right: 2px;
}
.conteiner_arquivo img.thumbnail{
    margin-bottom: 0;
    cursor: pointer;
}
.conteiner_arquivo>tbody>tr>td.dados{
    text-align: left;
}
.conteiner_arquivo span.rotulo, .conteiner_arquivo span.valor{
    display: inline-block;
    vertical-align: top;
}
.conteiner_arquivo span.rotulo{
    font-weight: bold;
    padding-right: 3px;
}
.conteiner_arquivo .nome>span.valor{
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.conteiner_arquivo td.acoes>button{
    min-width: 0;
    padding: 4px 6px;
}
.conteiner_arquivo td.acoes>button>i.fa{
    font-size: 16px;
}
/* Barras de progresso */
div.progress{
    margin-bottom: 0;
    background: #FFFFFF;
    height: 26px;
    border: 1px solid #A5C956;
}
div.progress span.progress-value{
    position: absolute;
    margin-top: 2px;
    left: 50%;
    transform: translate(-50%);
    color: #444;
    font-weight: bold;
    text-shadow: 0px 1px 0px white;
}
div.progress-bar{
    padding-top: 2px;
    border-right: 1px solid #A5C956;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    box-shadow: none;
    min-width: 0;
}
div.progress-bar[aria-valuenow='100']{
    border-right: none;
}
div.progress-bar:not(.progress-bar-striped){
    background: rgb(190,222,121);
}
div.progress-bar-striped{
    background-color: rgb(190,222,121);
}
/* Botões backlink */
div.backlink{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
div.backlink .btn{
    border: 1px solid #C0C0C0;
    font-size: 14px;
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0px 1px 0px rgba(255, 255, 255,0.7);
    padding: 3px;
    width: 100%;
    background: rgb(232,232,232);
}
div.backlink .btn:hover, div.backlink .btn:focus{
    color: #efefef;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
    background: RGB(74, 161, 106);
}
div.backlink>div:first-child{
    padding-left: 0;
    padding-right: 2px;
}
div.backlink>div+div{
    padding-left: 2px;
    padding-right: 2px;
}
div.backlink>div:last-child{
    padding-right: 0;
}
/* Janelas modais */
.modal.fade .modal-dialog{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: auto;
}
.modal.fade{
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -ms-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
.modal-backdrop{
    background: #000;
}
body.modal-open{
    overflow-y: initial !important;
    padding-right: 0 !important;
}
.janela_modal{
    display: block;
    padding-right: 0 !important;
}
.janela_modal.informacao .modal-dialog,
.janela_modal.aviso .modal-dialog,
.janela_modal.confirmacao .modal-dialog,
.janela_modal.erro .modal-dialog{
    display: inline-block;
    width: auto;
    min-width: 400px;
    max-width: 600px;
}
.janela_modal .modal-content{   
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    animation: fadeInUp 0.5s ease-out;
    margin-bottom: 20px;
    borde-top:none;
}

.janela_modal h4.modal-title{
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    color: white;
    padding: 7px 12px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}
.janela_modal div.modal-header button.close{
    text-shadow: none;
    color: white;
    padding-left: 1px;
    opacity: 1;
    font-size: 35px;
    width: 35px;
    height: 35px;
    margin-top: 0;
}
.janela_modal div.modal-header button.close:hover,
.janela_modal div.modal-header button.close:focus{
    opacity: 1;
    outline: none;
    border: none;
    border-radius: 3px;
}
.janela_modal .modal-body,
.panel-body{
    padding: 10px;
}
.janela_modal .modal-body span.imagem_modal{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-right: 15px;
    font-size: 48px;
    padding-left: 20px;
    font-family: FontAwesome;
    font-weight: 900;
}
.modal-loading{
    color: #fff;
}
/* Informações */
.janela_modal.informacao span.imagem_modal::before {
    content: "\f05a"; /* i */
    color: #17a2b8; /* azul info */
}

/* Confirmação */
.janela_modal.confirmacao span.imagem_modal::before {
    content: "\f29c"; /* interrogação */
    color: #ff8307; /* laranja */
}

/* Aviso */
.janela_modal.aviso span.imagem_modal::before {
    content: "\f06a"; /* exclamação */
    color: #ffc107; /* amarelo */
}

/* Erro */
.janela_modal.erro span.imagem_modal::before {
    content: "\f06a"; /* exclamação */
    color: #dc3545; /* vermelho */
}

.janela_modal.modal_pagina .modal-content,
.valid_parameter,
.card-header > .card-tools [data-toggle='tooltip'],
th.requisition-footer{
    position: relative;
}
.janela_modal.modal_pagina .modal-header{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border: 0;
}

.janela_modal .modal-content .modal-header{
    padding: 12px 12px 0px 12px;
}

.janela_modal .modal-body td.mensagem_modal{
    text-align: justify;
    font-weight: bold;
    color: #444;
    font-size: 14px;
}
.janela_modal .modal-footer{
    padding: 0 0 10px 0;
    border-top-color: transparent;
    text-align: center;
}

.janela_modal.loadingwheel div.modal-dialog{
    width: 128px;
    min-width: 0;
    max-width: none;
}
.janela_modal.loadingwheel div.modal-header{
    height: auto;
    margin: 0;
    border: 0;
    padding: 12px 0;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    background: #445544;
}
.janela_modal.loadingwheel div.modal-content{
    opacity: 0.88;
    border: 0;
    box-shadow: none;
}
.janela_modal.loadingwheel div.modal-header,
.janela_modal.loadingwheel div.modal-content{
    border-radius: 10px;
}
.janela_modal.loadcoloringwheel div.modal-header i.fa,
.opentable div.dataTables_processing i.fa{
    color: #A2BDA0;
}
.janela_modal.imagem div.modal-content{
    position: absolute;
    height: auto;
    padding: 0;
}
.janela_modal.imagem.carregando div.modal-dialog{
    width: 32px;
}
.janela_modal.imagem.carregando div.modal-content{
    height: 40px;
    padding: 3px;
}
.janela_modal.imagem.carregando div.modal-content span.processing{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../images/processando.gif');
}
.janela_modal.imagem .modal-content>button.close{
    position: absolute;
    top: 1px;
    right: 1px;
    opacity: 1;
    padding: 1px 0 0 0;
    outline: none;
    color: white;
    font-size: 25px;
    width: 30px;
    height: 30px;
    border: 2px solid white;
    border-radius: 20px;
    background-color: black;
    box-shadow: 0px 2.5px 5px rgba(0,0,0,0.8);
}
@media (min-width: 768px){
    .modal-xl{
        width: 95%;
        max-width: 95%;
    }
}
/* Estilizações referente ao componente de exibição de detalhes de erros, usados em janelas modais */
fieldset.detalhes_erro{
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 1px;
}
fieldset.detalhes_erro>legend{
    border: 0;
    margin: 0;
    width: auto;
    text-align: center;
}
fieldset.detalhes_erro>iframe{
    border: 0;
    width: 670px;
    height: 300px;
    overflow: scroll;
}
.janela_modal .modal-dialog.largura_aumentada{
    max-width: 800px;
}

div.processando{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../images/processando.gif');
}
/* Thumbnails na página de listagem de imagens */
.opentable tbody>tr>td>img.thumbnail{
    cursor: pointer;
    margin: 0;
    padding: 0;
    /* border-radius deve ser aplicado em todos os navegadores, exceto o Firefox. Pode gerar bugs em versões mais recentes desse navegador */
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    opacity: .7;
    transition: opacity 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
}
.opentable tbody>tr.odd>td>img.thumbnail{
    border-color: transparent;
}
.opentable tbody>tr.even>td>img.thumbnail{
    border-color: #EEE;
}
.opentable tbody>tr>td>img.thumbnail:hover{
    opacity: 1;
}
/* Imagem exibida na página de detalhes da imagem */
div.imagem_detalhes{
    margin-bottom: 15px;
}
div.imagem_detalhes>img{
    width: 100%;
    height: auto;
    border: 1px solid #444;
    border-radius: 5px;
    cursor: pointer;
}
/* Galeria de imagens, na página inicial */
#galeria{
    margin-left: auto;
    margin-right: auto;
    width: 640px;
    height: 480px;
    border-radius: 5px;
}
#galeria div.item{
    height: 480px;
    background-color: #444;
}
#galeria div.item>img{
    width: 100%;
}
#galeria div.carousel-caption{
    padding-bottom: 5px;
}
#galeria div.carousel-caption>h3,
.caixa_modal{
    margin: 0;
}
#galeria ol.carousel-indicators{
    bottom: 0;
}
#galeria .loading{
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000 url('../images/processando_preto.gif') no-repeat center center;
    margin: -23px 0px 0px -23px;
    z-index: 100;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity: 0.7;
}
/* Estilizações diversas */
.container .text-muted{
    margin: 20px 0;
}
#footer > .container{
    padding-right: 15px;
    padding-left: 15px;
}
code{
    font-size: 80%;
}

hr.separador{
    margin-top: 0;
    border-style: dashed;
    border-color: #bbb;
}
.table-curved{
    border-collapse: separate;
    border: solid #ccc 1px;
    border-radius: 6px;
}
.table-curved > thead:first-child > tr:first-child > th{
    border-bottom: 0px;
    border-top: solid #ccc 1px;
}
.table-curved td, .table-curved th{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved > :first-child > :first-child > :first-child{
    border-radius: 6px 0 0 0;
}
.table-curved > :first-child > :first-child > :last-child{
    border-radius: 0 6px 0 0;
}
.table-curved > :first-child > :first-child > :first-child:last-child{
    border-radius: 6px 6px 0 0;
}
.table-curved > :last-child > :last-child > :first-child{
    border-radius: 0 0 0 6px;
}
.table-curved > :last-child > :last-child > :last-child{
    border-radius: 0 0 6px 0;
}
.table-curved > :last-child > :last-child > :first-child:last-child{
    border-radius: 0 0 6px 6px;
}
/* Árvore de listagem de permissões de funcionalidades */
ul.arvore, ul.arvore ul{
    list-style-type: none;
    background: url(../images/vline.png) repeat-y;
    margin: 0 0 0 10px;
    padding: 0;
}

ul.arvore ul{
    margin-left: 10px;
}

ul.arvore li{
    margin: 0;
    padding: 0 8px;
    line-height: 20px;
    background: url(../images/node.png) no-repeat;
}

ul.arvore li:last-child, ul.arvore li.ultimo{
    background: #DEDEDE url(../images/lastnode.png) no-repeat;
}
/* Novas estilizações de campos múltiplos */
div.campo_multiplo table.conteiner{
    border-collapse: collapse;
    width: 100%;
}
div.campo_multiplo table.conteiner tr,
.janela_modal.modal_pagina .modal-body{
    padding: 0;
}
div.campo_multiplo td.corpo{
    padding: 1px 0;
}
div.campo_multiplo td.acoes{
    font-size: 0;
    text-align: left;
    padding: 1px 0 1px 3px;
}
/*.opentable .dataTables_wrapper div.dt-buttons,*/
.select2-container.sem_filtro span.select2-search,
.opentable>div.acoes,
.opentable.oculta,
.precache,
.card.collapsed-card .card-body,
.card.collapsed-card .card-footer,
.card.maximized-card [data-widget='collapse'],
div.campo_multiplo div.template, div.campo_multiplo div.valores,
.visivel_pdf{
    display: none;
}

div.campo_multiplo td.acoes>button{
    display: none;
    padding: 4px 9px;
}
div.campo_multiplo td.acoes>button:first-of-type(':visible'){
    /* border-radius: 3px 0 0 3px; */
}
div.campo_multiplo td.acoes>button:last-of-type(':visible'){
    /* border-radius: 0 3px 3px 0; */
}
div.campo_multiplo td.acoes>button::-moz-focus-inner{
    padding: 0;
    border: 0;
}
div.campo_multiplo button.adicionar{
    display: inline-block !important;
    vertical-align: middle !important;
}

.oculto_pdf{
    display: block;
}
/* Estilizações referentes ao campo múltiplo usado no cadastro de produtos de aquisições e requisições*/
thead.products_in_acquisition div.row>div,
thead.products_in_requisition div.row>div{
    font-weight: bold;
    font-size: 13px;
}

/* Estilizações referentes ao campo múltiplo usado no formulário de finalização de OSs */
div.so_finishing_transportings label,
div.so_suspending_transportings label,
button.btn.btn-default>span, a.btn.btn-default>span{
    font-size: 13px;
}
div.so_finishing_transportings div.linha,
div.so_suspending_transportings div.linha{
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    border-bottom: 0;
}
div.so_finishing_transportings div.linha>div.col-xs-6,
div.so_suspending_transportings div.linha>div.col-xs-6{
    padding: 2px;
}
div.so_finishing_transportings div.linha:last-of-type,
div.so_suspending_transportings div.linha:last-of-type{
    border-bottom: 1px solid #aaa !important;
}
div.so_finishing_transportings hr,
div.so_suspending_transportings hr{
    border: 1px dashed #666;
    margin: 4px 0;
}
/* Estilizações de radiobuttons */
.radio{
    display: inline-block;
}
/* Estilizações do componente de abas */
.scrtabs-tab-container{
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li>a{
    color: #4aa16a;
}
.scrtabs-tab-scroll-arrow{
    color: #4aa16a !important;
    background: #fff;
    border-top: 1px solid #ddd !important;
}
/* Abas verticais */
div.abas_verticais{
    margin: 5px;
    border-radius: 3px;
}
div.abas_verticais ul.nav-pills.nav-stacked{
    border-top: 1px dashed #ddd;
    padding-right: 0;
}
div.abas_verticais ul.nav-pills.nav-stacked>li{
    margin-top: -1px;
}
div.abas_verticais ul.nav-pills.nav-stacked>li+li,
.card.card-outline-tabs .card-header a.active:hover{
    margin-top: 0;
}
div.abas_verticais ul.nav-pills.nav-stacked>li>a{
    color: #4aa16a;
    background-color: #fff;
    color: #555;
    border-radius: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.abas_verticais ul.nav-pills.nav-stacked>li.active>a,
div.abas_verticais ul.nav-pills.nav-stacked>li.active>a:focus,
div.abas_verticais ul.nav-pills.nav-stacked>li.active>a:hover{
    background-color: #067513;
    color: #fff;
}
div.abas_verticais ul.nav-pills.nav-stacked>li:nth-child(2)>a{
    border-radius: 4px 4px 0 0;
}
div.abas_verticais ul.nav-pills.nav-stacked>li:last-child>a{
    border-radius: 0 0 4px 4px;
}
div.abas_verticais ul.nav-pills.nav-stacked + div.tab-content{
    padding-right: 0;
    border-top: 1px dashed #ddd;
}

/* Estilizações de formulários tables */
.formtable{
    margin: 0 auto !important;
    border-collapse: separate;
    border-spacing: 2px;
    background: white !important;
}
.formtable tr, .formtable td{
    padding: 3px;
    border: 1px solid #999;
    background: white;
}
.td_form_left{
    text-align: left;
    min-width: 100px;
}
.td_form_right{
    text-align: right;
    font-weight: bold;
}
table.tableinterna{
    border: 1px solid #666;
}
table.tableinterna th, table.tableinterna td{
    background: none !important;
    border-collapse: collapse;
    color: #444;
    text-shadow: none !important;
    border: 1px solid #666;
    padding: 0 !important;
}
/* Estilizações de empilhamentos de ícones do FontAwesome */
.fa-stack.botao_novo{
    font-size: 9px !important;
    margin-right: 7px;
}
.fa-stack.acao_tabela{
    font-size: 8px !important;
    margin-right: 7px;
}
.fa-alinhado-topo-direito,
.fa-alinhado-fundo-direito{
    left: 11px;
    text-shadow: none;
}
.fa-alinhado-fundo-direito{
    bottom: -5px;
}
.fa-alinhado-topo-direito{
    top: -5px;
}
.fa-alinhado-topo-direito.fa-fundo-16,
.fa-alinhado-fundo-direito.fa-fundo-16{
    font-size: 16px;
}

/* Estilizações do modal de geração do PDF */
table.geracao_pdf{
    margin: 0 auto;
}
table.geracao_pdf i.fa{
    color: #205BCF;
}
table.geracao_pdf td.mensagem_modal{
    line-height: 1.4;
}

table.geracao_pdf p.problema, table.geracao_pdf ul,
table.table-icons thead input[type='text']{
    font-weight: normal;
}
/* Estilizações do checkbox de seleção de linhas na tabela do CRUD de Requisições */
.select-row{
    padding: 5px !important;
}
.select-row div.checkbox{
    padding-left: 7px;
}
.select-row div.checkbox>input{
    margin-top: 3px;
    cursor: pointer;
    z-index: -1;
}

tr.selected, tr.selected:hover, tr.selected:hover td{
    background-color: #a2c7ae !important;
}

div.batch-actions{
    position: absolute;
    top: 7px;
    right: 15px;
}
div.batch-actions ul.dropdown-menu{
    margin-top: 0;
    border-top: 0;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .350);
    text-shadow: none;
    border-radius: 0;
}
div.batch-actions ul.dropdown-menu li.dropdown-header{
    padding: 5px;
    text-align: center;
    background: #5a7d55;
    color: white;
    text-shadow: 0px 1px 0px #444;
}
div.batch-actions ul.dropdown-menu a{
    padding: 10px 5px;
}
a.dropdown-success{
    background-color: #dff0d8;
}
a.dropdown-primary{
    background-color: #d9edf7;
}
a.dropdown-danger{
    background-color: #f2dede;
}
/* Styles from Monthly Readings' screen */
#monthly_readings{
    border: 1px solid #aaa;
    border-radius: 4px;
    margin-top: 5px;
    padding: 5px;
}

/*
.form-control{
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    padding: 12px 15px;
    font-size: 15px;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.form-control:focus{
    border-color: #53c986;
    background: white;
    box-shadow: 0 0 0 4px rgba(102, 234, 159, 0.1);
    outline: none;
}
*

/* Additional styles for "Bootstrap Float Label" component */
.has-float-label label,
.select-row div.checkbox>label,
#barra_menus ul.itens>li.dropdown{
    cursor: pointer;
}
.has-float-label .form-control:placeholder-shown:not(:focus)+label{
    font-size: 100%;
    top: 0.7em;
    cursor: default !important;
}
.has-float-label label::after{
    height: 4px;
}
.grid-table .has-float-label{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.has-float-label span.select2-container--disabled + label::after,
.has-float-label select[disabled] + label::after{
    background-color: #eee;
}
/**/
#photos_container{
    margin: 15px;
}
#photos_container>div[class^='col-']{
    position: relative;
    margin-bottom: 15px;
}
#photos_container img{
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    opacity: .9;
}
#photos_container img:hover,
#photos_container img:focus{
    opacity: 1;
}
#photos_container div.btn-group{
    position: absolute;
    top: 5px;
    right: 20px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.8);
}
#water_system_recovery_values_total{
    padding-left: 50px;
}
table.medium_font_size_table tbody tr td{
    font-size: 12px;
    padding: 4px;
}
table.greatest_font_size_table thead tr th,
table.greatest_font_size_table tbody tr td{
    font-size: 18px;
    padding: 7px;
}
.align-middle{
    vertical-align: middle !important;
}
.align-top{
    vertical-align: top !important;
}

.valid_parameter:after{
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: FontAwesome;
    font-weight: bold;
    content: "\f00c";
}
.table > thead > tr > td.secondary,
.table > tbody > tr > td.secondary,
.table > tfoot > tr > td.secondary,
.table > thead > tr > th.secondary,
.table > tbody > tr > th.secondary,
.table > tfoot > tr > th.secondary,
.table > thead > tr.secondary > td,
.table > tbody > tr.secondary > td,
.table > tfoot > tr.secondary > td,
.table > thead > tr.secondary > th,
.table > tbody > tr.secondary > th,
.table > tfoot > tr.secondary > th{
    background-color: #6c757d !important;
    color: white;
}

#user_login:before{
    content: "\f007";
    font-family: 'FontAwesome';
}
#user_login{
    cursor:none;
    font-family: 'FontAwesome';
}
.login-container{
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

/* Card de Login */
.login-card{
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    animation: slideUp 0.5s ease-out;
}
.toggle-password:before{
    content: "\f070";
    font-family: 'FontAwesome';
}
/* Ícone alterado (olho aberto) */
.toggle-password[data-show="true"]:before{
    content: "\f06e";
    font-family: 'FontAwesome';
}
/* Estilo base */
.toggle-password{
    cursor: pointer;
    color: #333333;
}
/* Caps Lock Warning */
#divCaps{
    display: none;
    background: #fff3cd;
    color: #856404;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    margin-top: 10px;
    animation: shake 0.5s ease;
}

@-webkit-keyframes progress-bar-simple-stripes{
    from{
        background-position: 1rem 0;
    }
    to{
        background-position: 0 0;
    }
}

@keyframes progress-bar-simple-stripes{
    from{
        background-position: 1rem 0;
    }
    to{
        background-position: 0 0;
    }
}

.progress-simple{
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
}

.progress-bar-simple{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce){
    .progress-bar-simple{
        transition: none;
    }
}

.progress-bar-simple-striped{
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-simple-animated{
    -webkit-animation: progress-bar-simple-stripes 1s linear infinite;
    animation: progress-bar-simple-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce){
    .progress-bar-simple-animated{
        -webkit-animation: none;
        animation: none;
    }
}
.float-right{
    float:right !important;
}
.progress-group{
    margin-bottom: .5rem;
}

.card-primary:not(.card-outline) > .card-header{
    background-color: #007bff;
}

.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-primary:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-primary.card-outline{
    border-top: 3px solid #007bff;
}

.card-primary.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-primary.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #007bff;
}

.bg-primary .btn-tool,
.bg-gradient-primary .btn-tool,
.card-primary:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-primary .btn-tool:hover,
.bg-gradient-primary .btn-tool:hover,
.card-primary:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover{
    background: #0067d6;
    color: #ffffff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover{
    background: #3395ff;
    color: #ffffff;
}

.card-secondary:not(.card-outline) > .card-header{
    background-color: #6c757d;
}

.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-secondary:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-secondary.card-outline{
    border-top: 3px solid #6c757d;
}

.card-secondary.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-secondary.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #6c757d;
}

.bg-secondary .btn-tool,
.bg-gradient-secondary .btn-tool,
.card-secondary:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-secondary .btn-tool:hover,
.bg-gradient-secondary .btn-tool:hover,
.card-secondary:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover{
    background: #596167;
    color: #ffffff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover{
    background: #868e96;
    color: #ffffff;
}

.card-success:not(.card-outline) > .card-header{
    background-color: #28a745;
}

.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-success:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-success.card-outline{
    border-top: 3px solid #28a745;
}

.card-success.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-success.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #28a745;
}

.bg-success .btn-tool,
.bg-gradient-success .btn-tool,
.card-success:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-success .btn-tool:hover,
.bg-gradient-success .btn-tool:hover,
.card-success:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-success .bootstrap-datetimepicker-widget .table td,
.card.bg-success .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover{
    background: #208637;
    color: #ffffff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover{
    background: #34ce57;
    color: #ffffff;
}

.card-info:not(.card-outline) > .card-header{
    background-color: #17a2b8;
}

.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-info:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-info.card-outline{
    border-top: 3px solid #17a2b8;
}

.card-info.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-info.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #17a2b8;
}

.bg-info .btn-tool,
.bg-gradient-info .btn-tool,
.card-info:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-info .btn-tool:hover,
.bg-gradient-info .btn-tool:hover,
.card-info:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-info .bootstrap-datetimepicker-widget .table td,
.card.bg-info .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover{
    background: #128294;
    color: #ffffff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover{
    background: #1fc8e3;
    color: #ffffff;
}

.card-warning:not(.card-outline) > .card-header{
    background-color: #ffc107;
}

.card-warning:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header a{
    color: #1F2D3D;
}

.card-warning:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-warning.card-outline{
    border-top: 3px solid #ffc107;
}

.card-warning.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-warning.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #ffc107;
}

.bg-warning .btn-tool,
.bg-gradient-warning .btn-tool,
.card-warning:not(.card-outline) .btn-tool{
    color: rgba(31, 45, 61, 0.8);
}

.bg-warning .btn-tool:hover,
.bg-gradient-warning .btn-tool:hover,
.card-warning:not(.card-outline) .btn-tool:hover{
    color: #1F2D3D;
}

.card.bg-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-warning .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover{
    background: #dda600;
    color: #1F2D3D;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #1F2D3D;
}

.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover{
    background: #ffce3a;
    color: #1F2D3D;
}

.card-danger:not(.card-outline) > .card-header{
    background-color: #dc3545;
}

.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-danger:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-danger.card-outline{
    border-top: 3px solid #dc3545;
}

.card-danger.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-danger.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #dc3545;
}

.bg-danger .btn-tool,
.bg-gradient-danger .btn-tool,
.card-danger:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-danger .btn-tool:hover,
.bg-gradient-danger .btn-tool:hover,
.card-danger:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover{
    background: #c62232;
    color: #ffffff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover{
    background: #e4606d;
    color: #ffffff;
}

.card-light:not(.card-outline) > .card-header{
    background-color: #f8f9fa;
}

.card-light:not(.card-outline) > .card-header,
.card-light:not(.card-outline) > .card-header a{
    color: #1F2D3D;
}

.card-light:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-light.card-outline{
    border-top: 3px solid #f8f9fa;
}

.card-light.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-light.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #f8f9fa;
}

.bg-light .btn-tool,
.bg-gradient-light .btn-tool,
.card-light:not(.card-outline) .btn-tool{
    color: rgba(31, 45, 61, 0.8);
}

.bg-light .btn-tool:hover,
.bg-gradient-light .btn-tool:hover,
.card-light:not(.card-outline) .btn-tool:hover{
    color: #1F2D3D;
}

.card.bg-light .bootstrap-datetimepicker-widget .table td,
.card.bg-light .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover{
    background: #e0e5e9;
    color: #1F2D3D;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #1F2D3D;
}

.card.bg-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover{
    background: white;
    color: #1F2D3D;
}

.card-dark:not(.card-outline) > .card-header{
    background-color: #343a40;
}

.card-dark:not(.card-outline) > .card-header,
.card-dark:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-dark:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-dark.card-outline{
    border-top: 3px solid #343a40;
}

.card-dark.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-dark.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #343a40;
}

.bg-dark .btn-tool,
.bg-gradient-dark .btn-tool,
.card-dark:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-dark .btn-tool:hover,
.bg-gradient-dark .btn-tool:hover,
.card-dark:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover{
    background: #222629;
    color: #ffffff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover{
    background: #4b545c;
    color: #ffffff;
}

.card-lightblue:not(.card-outline) > .card-header{
    background-color: #3c8dbc;
}

.card-lightblue:not(.card-outline) > .card-header,
.card-lightblue:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-lightblue:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-lightblue.card-outline{
    border-top: 3px solid #3c8dbc;
}

.card-lightblue.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-lightblue.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #3c8dbc;
}

.bg-lightblue .btn-tool,
.bg-gradient-lightblue .btn-tool,
.card-lightblue:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-lightblue .btn-tool:hover,
.bg-gradient-lightblue .btn-tool:hover,
.card-lightblue:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover{
    background: #32769d;
    color: #ffffff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover{
    background: #5fa4cc;
    color: #ffffff;
}

.card-navy:not(.card-outline) > .card-header{
    background-color: #001f3f;
}

.card-navy:not(.card-outline) > .card-header,
.card-navy:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-navy:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-navy.card-outline{
    border-top: 3px solid #001f3f;
}

.card-navy.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-navy.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #001f3f;
}

.bg-navy .btn-tool,
.bg-gradient-navy .btn-tool,
.card-navy:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-navy .btn-tool:hover,
.bg-gradient-navy .btn-tool:hover,
.card-navy:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-navy .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover{
    background: #000b16;
    color: #ffffff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover{
    background: #003872;
    color: #ffffff;
}

.card-olive:not(.card-outline) > .card-header{
    background-color: #3d9970;
}

.card-olive:not(.card-outline) > .card-header,
.card-olive:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-olive:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-olive.card-outline{
    border-top: 3px solid #3d9970;
}

.card-olive.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-olive.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #3d9970;
}

.bg-olive .btn-tool,
.bg-gradient-olive .btn-tool,
.card-olive:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-olive .btn-tool:hover,
.bg-gradient-olive .btn-tool:hover,
.card-olive:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-olive .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover{
    background: #317c5b;
    color: #ffffff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover{
    background: #50b98a;
    color: #ffffff;
}

.card-lime:not(.card-outline) > .card-header{
    background-color: #01ff70;
}

.card-lime:not(.card-outline) > .card-header,
.card-lime:not(.card-outline) > .card-header a{
    color: #1F2D3D;
}

.card-lime:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-lime.card-outline{
    border-top: 3px solid #01ff70;
}

.card-lime.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-lime.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #01ff70;
}

.bg-lime .btn-tool,
.bg-gradient-lime .btn-tool,
.card-lime:not(.card-outline) .btn-tool{
    color: rgba(31, 45, 61, 0.8);
}

.bg-lime .btn-tool:hover,
.bg-gradient-lime .btn-tool:hover,
.card-lime:not(.card-outline) .btn-tool:hover{
    color: #1F2D3D;
}

.card.bg-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-lime .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover{
    background: #00d75e;
    color: #1F2D3D;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #1F2D3D;
}

.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover{
    background: #34ff8d;
    color: #1F2D3D;
}

.card-fuchsia:not(.card-outline) > .card-header{
    background-color: #f012be;
}

.card-fuchsia:not(.card-outline) > .card-header,
.card-fuchsia:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-fuchsia:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-fuchsia.card-outline{
    border-top: 3px solid #f012be;
}

.card-fuchsia.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-fuchsia.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #f012be;
}

.bg-fuchsia .btn-tool,
.bg-gradient-fuchsia .btn-tool,
.card-fuchsia:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-fuchsia .btn-tool:hover,
.bg-gradient-fuchsia .btn-tool:hover,
.card-fuchsia:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover{
    background: #cc0da1;
    color: #ffffff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover{
    background: #f342cb;
    color: #ffffff;
}

.card-maroon:not(.card-outline) > .card-header{
    background-color: #d81b60;
}

.card-maroon:not(.card-outline) > .card-header,
.card-maroon:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-maroon:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-maroon.card-outline{
    border-top: 3px solid #d81b60;
}

.card-maroon.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-maroon.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #d81b60;
}

.bg-maroon .btn-tool,
.bg-gradient-maroon .btn-tool,
.card-maroon:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-maroon .btn-tool:hover,
.bg-gradient-maroon .btn-tool:hover,
.card-maroon:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover{
    background: #b41650;
    color: #ffffff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover{
    background: #e73f7c;
    color: #ffffff;
}

.card-blue:not(.card-outline) > .card-header{
    background-color: #007bff;
}

.card-blue:not(.card-outline) > .card-header,
.card-blue:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-blue:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-blue.card-outline{
    border-top: 3px solid #007bff;
}

.card-blue.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-blue.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #007bff;
}

.bg-blue .btn-tool,
.bg-gradient-blue .btn-tool,
.card-blue:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-blue .btn-tool:hover,
.bg-gradient-blue .btn-tool:hover,
.card-blue:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-blue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover{
    background: #0067d6;
    color: #ffffff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover{
    background: #3395ff;
    color: #ffffff;
}

.card-indigo:not(.card-outline) > .card-header{
    background-color: #6610f2;
}

.card-indigo:not(.card-outline) > .card-header,
.card-indigo:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-indigo:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-indigo.card-outline{
    border-top: 3px solid #6610f2;
}

.card-indigo.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-indigo.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #6610f2;
}

.bg-indigo .btn-tool,
.bg-gradient-indigo .btn-tool,
.card-indigo:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-indigo .btn-tool:hover,
.bg-gradient-indigo .btn-tool:hover,
.card-indigo:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover{
    background: #550bce;
    color: #ffffff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover{
    background: #8540f5;
    color: #ffffff;
}

.card-purple:not(.card-outline) > .card-header{
    background-color: #6f42c1;
}

.card-purple:not(.card-outline) > .card-header,
.card-purple:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-purple:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-purple.card-outline{
    border-top: 3px solid #6f42c1;
}

.card-purple.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-purple.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #6f42c1;
}

.bg-purple .btn-tool,
.bg-gradient-purple .btn-tool,
.card-purple:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-purple .btn-tool:hover,
.bg-gradient-purple .btn-tool:hover,
.card-purple:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-purple .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover{
    background: #5d36a4;
    color: #ffffff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover{
    background: #8c68ce;
    color: #ffffff;
}

.card-pink:not(.card-outline) > .card-header{
    background-color: #e83e8c;
}

.card-pink:not(.card-outline) > .card-header,
.card-pink:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-pink:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-pink.card-outline{
    border-top: 3px solid #e83e8c;
}

.card-pink.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-pink.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #e83e8c;
}

.bg-pink .btn-tool,
.bg-gradient-pink .btn-tool,
.card-pink:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-pink .btn-tool:hover,
.bg-gradient-pink .btn-tool:hover,
.card-pink:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-pink .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover{
    background: #e21b76;
    color: #ffffff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover{
    background: #ed6ca7;
    color: #ffffff;
}

.card-red:not(.card-outline) > .card-header{
    background-color: #dc3545;
}

.card-red:not(.card-outline) > .card-header,
.card-red:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-red:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-red.card-outline{
    border-top: 3px solid #dc3545;
}

.card-red.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-red.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #dc3545;
}

.bg-red .btn-tool,
.bg-gradient-red .btn-tool,
.card-red:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-red .btn-tool:hover,
.bg-gradient-red .btn-tool:hover,
.card-red:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-red .bootstrap-datetimepicker-widget .table td,
.card.bg-red .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover{
    background: #c62232;
    color: #ffffff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover{
    background: #e4606d;
    color: #ffffff;
}

.card-orange:not(.card-outline) > .card-header{
    background-color: #fd7e14;
}

.card-orange:not(.card-outline) > .card-header,
.card-orange:not(.card-outline) > .card-header a{
    color: #1F2D3D;
}

.card-orange:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-orange.card-outline{
    border-top: 3px solid #fd7e14;
}

.card-orange.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-orange.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #fd7e14;
}

.bg-orange .btn-tool,
.bg-gradient-orange .btn-tool,
.card-orange:not(.card-outline) .btn-tool{
    color: rgba(31, 45, 61, 0.8);
}

.bg-orange .btn-tool:hover,
.bg-gradient-orange .btn-tool:hover,
.card-orange:not(.card-outline) .btn-tool:hover{
    color: #1F2D3D;
}

.card.bg-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-orange .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover{
    background: #e66a02;
    color: #1F2D3D;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #1F2D3D;
}

.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover{
    background: #fd9a47;
    color: #1F2D3D;
}

.card-yellow:not(.card-outline) > .card-header{
    background-color: #ffc107;
}

.card-yellow:not(.card-outline) > .card-header,
.card-yellow:not(.card-outline) > .card-header a{
    color: #1F2D3D;
}

.card-yellow:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-yellow.card-outline{
    border-top: 3px solid #ffc107;
}

.card-yellow.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-yellow.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #ffc107;
}

.bg-yellow .btn-tool,
.bg-gradient-yellow .btn-tool,
.card-yellow:not(.card-outline) .btn-tool{
    color: rgba(31, 45, 61, 0.8);
}

.bg-yellow .btn-tool:hover,
.bg-gradient-yellow .btn-tool:hover,
.card-yellow:not(.card-outline) .btn-tool:hover{
    color: #1F2D3D;
}

.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover{
    background: #dda600;
    color: #1F2D3D;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #1F2D3D;
}

.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover{
    background: #ffce3a;
    color: #1F2D3D;
}

.card-green:not(.card-outline) > .card-header{
    background-color: #28a745;
}

.card-green:not(.card-outline) > .card-header,
.card-green:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-green:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-green.card-outline{
    border-top: 3px solid #28a745;
}

.card-green.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-green.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #28a745;
}

.bg-green .btn-tool,
.bg-gradient-green .btn-tool,
.card-green:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-green .btn-tool:hover,
.bg-gradient-green .btn-tool:hover,
.card-green:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-green .bootstrap-datetimepicker-widget .table td,
.card.bg-green .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover{
    background: #208637;
    color: #ffffff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover{
    background: #34ce57;
    color: #ffffff;
}

.card-teal:not(.card-outline) > .card-header{
    background-color: #20c997;
}

.card-teal:not(.card-outline) > .card-header,
.card-teal:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-teal:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-teal.card-outline{
    border-top: 3px solid #20c997;
}

.card-teal.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-teal.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #20c997;
}

.bg-teal .btn-tool,
.bg-gradient-teal .btn-tool,
.card-teal:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-teal .btn-tool:hover,
.bg-gradient-teal .btn-tool:hover,
.card-teal:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-teal .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover{
    background: #1aa67d;
    color: #ffffff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover{
    background: #3ce0af;
    color: #ffffff;
}

.card-cyan:not(.card-outline) > .card-header{
    background-color: #17a2b8;
}

.card-cyan:not(.card-outline) > .card-header,
.card-cyan:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-cyan:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-cyan.card-outline{
    border-top: 3px solid #17a2b8;
}

.card-cyan.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-cyan.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #17a2b8;
}

.bg-cyan .btn-tool,
.bg-gradient-cyan .btn-tool,
.card-cyan:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-cyan .btn-tool:hover,
.bg-gradient-cyan .btn-tool:hover,
.card-cyan:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover{
    background: #128294;
    color: #ffffff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover{
    background: #1fc8e3;
    color: #ffffff;
}

.card-white:not(.card-outline) > .card-header{
    background-color: #ffffff;
}

.card-white:not(.card-outline) > .card-header,
.card-white:not(.card-outline) > .card-header a{
    color: #1F2D3D;
}

.card-white:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-white.card-outline{
    border-top: 3px solid #ffffff;
}

.card-white.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-white.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #ffffff;
}

.bg-white .btn-tool,
.bg-gradient-white .btn-tool,
.card-white:not(.card-outline) .btn-tool{
    color: rgba(31, 45, 61, 0.8);
}

.bg-white .btn-tool:hover,
.bg-gradient-white .btn-tool:hover,
.card-white:not(.card-outline) .btn-tool:hover{
    color: #1F2D3D;
}

.card.bg-white .bootstrap-datetimepicker-widget .table td,
.card.bg-white .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover{
    background: #ebebeb;
    color: #1F2D3D;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #1F2D3D;
}

.card.bg-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover{
    background: white;
    color: #1F2D3D;
}

.card-gray:not(.card-outline) > .card-header{
    background-color: #6c757d;
}

.card-gray:not(.card-outline) > .card-header,
.card-gray:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-gray:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-gray.card-outline{
    border-top: 3px solid #6c757d;
}

.card-gray.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-gray.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #6c757d;
}

.bg-gray .btn-tool,
.bg-gradient-gray .btn-tool,
.card-gray:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-gray .btn-tool:hover,
.bg-gradient-gray .btn-tool:hover,
.card-gray:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gray .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover{
    background: #596167;
    color: #ffffff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover{
    background: #868e96;
    color: #ffffff;
}

.card-gray-dark:not(.card-outline) > .card-header{
    background-color: #343a40;
}

.card-gray-dark:not(.card-outline) > .card-header,
.card-gray-dark:not(.card-outline) > .card-header a{
    color: #ffffff;
}

.card-gray-dark:not(.card-outline) > .card-header a.active{
    color: #1F2D3D;
}

.card-gray-dark.card-outline{
    border-top: 3px solid #343a40;
}

.card-gray-dark.card-outline-tabs > .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card-gray-dark.card-outline-tabs > .card-header a.active{
    border-top: 3px solid #343a40;
}

.bg-gray-dark .btn-tool,
.bg-gradient-gray-dark .btn-tool,
.card-gray-dark:not(.card-outline) .btn-tool{
    color: rgba(255, 255, 255, 0.8);
}

.bg-gray-dark .btn-tool:hover,
.bg-gradient-gray-dark .btn-tool:hover,
.card-gray-dark:not(.card-outline) .btn-tool:hover{
    color: #ffffff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th{
    border: none;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover{
    background: #222629;
    color: #ffffff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: #ffffff;
}

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover{
    background: #4b545c;
    color: #ffffff;
}

.card{
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
    background-color: #fafafa;
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-right: 15px;
}

.card.bg-dark .card-header{
    border-color: #383f45;
}

.card.bg-dark,
.card.bg-dark .card-body{
    color: #ffffff;
}

.card.maximized-card{
    height: 100% !important;
    left: 0;
    max-height: 100% !important;
    max-width: 100% !important;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 9999;
}

.card.maximized-card.was-collapsed .card-body{
    display: block !important;
}

.card.maximized-card .card-header,
.card.maximized-card .card-footer{
    border-radius: 0 !important;
}

.card .nav.flex-column > li{
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    margin: 0;
}

.card .nav.flex-column > li:last-of-type{
    border-bottom: 0;
}

.card.height-control .card-body{
    max-height: 300px;
    overflow: auto;
}

.card .border-right{
    border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.card .border-left{
    border-left: 1px solid rgba(0, 0, 0, 0.125);
}

.card.card-tabs:not(.card-outline) > .card-header{
    border-bottom: 0;
}

.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link{
    margin-left: -1px;
}

.card.card-tabs.card-outline .nav-item{
    border-bottom: 0;
}

.card.card-tabs.card-outline .nav-item:first-child .nav-link{
    border-left: 0;
    margin-left: 0;
}

.card.card-tabs .card-tools{
    margin: .3rem .5rem;
}

.card.card-tabs:not(.expanding-card).collapsed-card .card-header{
    border-bottom: 0;
}

.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs{
    border-bottom: 0;
}

.card.card-tabs.expanding-card  .card-header .nav-tabs .nav-item{
    margin-bottom: -1px;
}

.card.card-outline-tabs .card-header .nav-item:first-child .nav-link{
    border-left: 0;
    margin-left: 0;
}

.card.card-outline-tabs .card-header a{
    border-top: 3px solid transparent;
}

.card.card-outline-tabs .card-header a:hover{
    border-top: 3px solid #dee2e6;
}

.card.card-outline-tabs .card-tools{
    margin: .5rem .5rem .3rem;
}

.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header,
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs{
    border-bottom: 0;
}

.card.card-outline-tabs.expanding-card  .card-header .nav-tabs .nav-item{
    margin-bottom: -1px;
}

html.maximized-card{
    overflow: hidden;
}

.card-header::after,
.card-body::after,
.card-footer::after,
.card-comments .card-comment::after{
    display: block;
    clear: both;
    content: "";
}

.card-header{
    background: #067513;
    color: #EFEFEF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.75rem 1.25rem;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.collapsed-card .card-header{
    border-bottom: 0;
}

.card-header > .card-tools{
    float: right;
    margin-right: -0.625rem;
}

.card-header > .card-tools .input-group,
.card-header > .card-tools .nav,
.card-header > .card-tools .pagination{
    margin-bottom: -0.3rem;
    margin-top: -0.3rem;
}

.card-title{
    float: left;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

.card-text{
    clear: both;
}

.btn-tool{
    background: transparent;
    color: #adb5bd;
    font-size: 0.875rem;
    margin: -0.75rem 0;
    padding: .25rem .5rem;
}

.btn-group.show .btn-tool, .btn-tool:hover{
    color: #495057;
}

.show .btn-tool, .btn-tool:focus{
    box-shadow: none !important;
}

.text-sm .card-title{
    font-size: 1rem;
}

.text-sm .nav-link{
    padding: 0.4rem 0.8rem;
}

.progress-group-simple{
    margin-top: 0.75rem;
    text-align: left;
}

.card-body > .table > thead > tr > th,
.card-body > .table > thead > tr > td{
    border-top-width: 0;
}

.card-body .fc{
    margin-top: 5px;
}

.card-body .full-width-chart{
    margin: -19px;
}

.card-body.p-0 .full-width-chart{
    margin: -9px;
}

.chart-legend{
    padding-left: 0;
    list-style: none;
    margin: 10px 0;
}

@media (max-width: 576px){
    .chart-legend > li{
        float: left;
        margin-right: 10px;
    }
}

.card-comments{
    background: #f8f9fa;
}

.card-comments .card-comment{
    border-bottom: 1px solid #e9ecef;
    padding: 8px 0;
}

.card-comments .card-comment:last-of-type{
    border-bottom: 0;
}

.card-comments .card-comment:first-of-type{
    padding-top: 0;
}

.card-comments .card-comment img{
    height: 1.875rem;
    width: 1.875rem;
    float: left;
}

.card-comments .comment-text{
    color: #78838e;
    margin-left: 40px;
}

.card-comments .username{
    color: #495057;
    display: block;
    font-weight: 600;
}

.card-comments .text-muted{
    font-size: 12px;
    font-weight: 400;
}

.dark-blue{
    background-color: #34495e;
}
.blue{
    background-color: #2980b9;
}
.red{
    background-color: #e74c3c;
}
.purple{
    background-color: #8e44ad;
}
.indigo{
    background-color: #6610f2;
}
.violet{
    background-color: #6f42c1;
}
.pink{
    background-color: #e83e8c;
}
.orange{
    background-color: #fd7e14;
}
.yellow{
    background-color: #ffc107;
}
.green{
    background-color: #28a745;
}
.teal{
    background-color: #20c997;
}
.cyan{
    background-color: #17a2b8;
}
.white{
    background-color: #fff;
}
.gray{
    background-color: #6c757d;
}
.gray-dark{
    background-color: #343a40;
}
.primary{
    background-color: #007bff;
}
.secondary{
    background-color: #6c757d;
}
.success{
    background-color: #28a745;
}
.info{
    background-color: #17a2b8;
}
.warning{
    background-color: #ffc107;
}
.danger{
    background-color: #dc3545;
}
.light{
    background-color: #f8f9fa;
}
.dark{
    background-color: #343a40;
}

fieldset.scheduler-border{
    border: 1px groove #ddd !important;
    padding: 0 1.4em 0 1.4em !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}
legend.scheduler-border{
    font-size: 14px;
    font-weight: bold !important;
    text-align: left !important;
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    color: #444;
    margin-bottom: 5px !important;
}
.line_disabled{
    border-color: #AAA !important;
    background: #ebc3c7 !important;
    color: #CCC !important;
}

/* Container das abas */
.nav-tabs.water_system {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap; /* Permite que as abas pulem para a próxima linha */
    gap: 8px 2px;    /* Espaçamento: 8px vertical entre linhas, 2px horizontal */
    padding: 0;
    list-style: none;
}

/* Estilização base de cada item da lista */
.nav-tabs.water_system li {
    margin-bottom: 0;
    flex-grow: 1;    /* Faz as abas preencherem o espaço disponível */
    display: flex;
    /*min-width: 150px;*/
}

/* Estilização do link (a seta em si) */
.nav-tabs li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Configurações de largura e texto */
    min-width: 180px;       /* Garante que o texto tenha espaço */
    white-space: nowrap;    /* Impede que o texto quebre linha dentro da aba */
    padding: 12px 25px 12px 35px; /* Mais padding na esquerda para compensar o recorte */
    background: #b7bac7;
    color: #495057;
    font-weight: 500;
    text-decoration: none;
    border: none !important;
    border-radius: 0 !important;
    margin-right: 0;
    /* Cria o formato de seta usando clip-path */
    clip-path: polygon(calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%, 15px 50%, 0% 0%);
    transition: all 0.3s ease;
    width: 100%;
}

/* Ajuste para a primeira aba (não deve ter o recorte na esquerda) */
.nav-tabs li:first-child a {
    clip-path: polygon(calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%, 0% 0%);
    padding-left: 20px;
}

/* Ajuste para a última aba (opcional: pode não ter a ponta na direita) */
.nav-tabs li:last-child a {
    /* Remova se quiser que a última aba também tenha ponta */
}

/* Estilo da aba ATIVA */
.nav-tabs li.active a, 
.nav-tabs li.active a:focus{
    background: #4aa16a !important; 
    color: white !important;
    /*background-color: #53c986;*/
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid #4aa16a;
    text-decoration: none;
    cursor:not-allowed;
}
.nav-tabs li a:hover {
    background: #53c986 !important;
    color: #FFFFFF;
}

/* Ajuste dos ícones */
.nav-tabs li a i {
    margin-right: 8px;
}

.nav.water_system>li>a>img,
.nav.water_system>li>a>span>img{
    filter: opacity(30%);
    -webkit-filter: opacity(30%);
}

/* ÚLTIMA ABA: Recorte na esquerda, reta na direita */
.nav-tabs.water_system li:last-child a {
    /* Explicação do polígono: 
       100% 0% (topo direito reto), 
       100% 100% (base direita reta), 
       0% 100% (base esquerda), 
       15px 50% (recorte da seta), 
       0% 0% (topo esquerdo) 
    */
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 15px 50%, 0% 0%);
    padding-right: 20px; 
}

/* Caso a lista tenha apenas UMA aba (opcional) */
.nav-tabs.water_system li:first-child:last-child a {
    clip-path: none;
    border-radius: 4px !important;
    padding: 12px 20px;
}


.nav.water_system>li.active>a>img, .nav.water_system>li.active>a:focus>img, .nav.water_system>li.active>a:hover>img,
.nav.water_system>li.active>a>span>img, .nav.water_system>li.active>a:focus>span>img, .nav.water_system>li.active>a:hover>span>img{
    filter: brightness(850%);
    -webkit-filter: brightness(850%);
}

#table_header{
    width: 100%;
    max-height: 75px;
    position: absolute;
    overflow: hidden;
}
.oculto{
    display:none;
    max-height: 0;
}
.align-middle-center{
    vertical-align: middle !important;
    text-align: center;
}
.strong, .bold{
    font-weight: bold;
}
.div_photos{
    border: 1px solid gray;
    border-radius: 10px;
    margin-right: 20px;
}
#div_attempt_login{
    display: none;
}
#txt_mostra_senha{
    margin-left: 16px;
}
#txt_mostra_senha, .lkForget:link, .lkForget:visited{
    color:#696969;
    font-weight:bold;
    font-size: 14px;
    text-decoration:none;
}
#txt_mostra_senha:hover, .lkForget:hover{
    color:#a19999;
    text-decoration:none;
}
.lkForget{
    color: #067513;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    margin-top: 15px;
    transition: all 0.3s ease;
}

.lkForget:hover{
    color: #764ba2;
    text-decoration: none;
    transform: translateX(3px);
}
.new_vendor{
    display: none;
}
.ul_margem_curta{
    padding-inline-start: 18px !important;
}

.table.table-striped{
    width: 100% !important;
}

.input-group-addon{
    padding: 6px 6px;
}
/* Addon/Ícone esquerdo */
.input-addon-left {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
    transition: color 0.3s ease;
    z-index: 3;
    pointer-events: none;
    left: 15px;
    font-weight: 700;
}
.input-group .input-addon-left + input{
    padding: 14px 50px 14px 45px;
}
input:focus + .input-addon-left {
    color: #4aa16a;
}

/* Ícone direito (opcional) */
.input-addon-right {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
    cursor: pointer;
    transition: color 0.3s ease;
    z-index: 1;
}

.input-addon-right:hover {
    color: #66ea9f;
}

.bordered{
    border: 1px solid;
}

.sem_quebra{
    /* Permite quebrar palavras longas */
    word-wrap: break-word;      /* Para navegadores antigos */
    word-break: break-all;      /* Força quebra mesmo sem espaços */
    white-space: normal;        /* Permite quebra de linha */

    /* Funciona como suporte adicional */
    overflow-wrap: break-word;

    /* Garante que não ultrapasse o contêiner */
    max-width: 100%;
}
/* Alertas */
.alert-modern{
    border: none;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 25px;
    display: none;
    animation: fadeIn 0.3s ease-out;
}

/*			@keyframes fadeIn{
                                from{ opacity: 0; transform: translateY(-10px); }
                                to{ opacity: 1; transform: translateY(0); }
                        }*/

.alert-modern.show{
    display: block;
}

.alert-danger{
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
    color: white;
}

.alert-danger .close{
    color: white;
    opacity: 0.8;
    text-shadow: none;
}

.alert-danger .close:hover{
    opacity: 1;
}

/* Input Groups */
.form-group, .input-group-modern{
    position: relative;
}

input:not([type="checkbox"]), textarea:not(.select2-search__field){
    width: 100%;
    height: 45px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    background: #f8f9fa;
}
.input-group-modern input{
    padding: 14px 50px 14px 45px;
}

/*.input-group-modern input:focus, .form-group input:focus, form-group textarea:focus{*/
input:focus, textarea:not(.select2-search__field):focus{
    outline: none !important;
    border-color: #067513 !important;
    background: white !important;
    box-shadow: 0 0 0 4px rgba(102, 234, 159, 0.1) !important;
}

/*.input-group-modern input:hover, .form-group input:hover, form-group textarea:hover{*/
input:hover, textarea:not(.select2-search__field):hover{
    box-shadow: 0px 0px 8px #4aa16a!important;
}

.input-icon{
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    color: #999;
    font-size: 18px;
    transition: color 0.3s ease;
    z-index: 2;
    right: 10px;
    pointer-events: none;
}
.input-group-modern .input-icon{
    top: 50%;
    left: 15px;
}

.input-group-modern input:focus + .input-icon{
    color: #067513;
}

.input-group-modern .toggle-icon{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
    font-size: 18px;
    transition: color 0.3s ease;
}

.input-group-modern .toggle-icon:hover{
    color: #067513;
}

/* Botão */
.btn-login{
    width: 100%;
    padding: 14px;
    /*    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);*/
    background-color: #4aa16a;
    border: none;
    border-radius: 12px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
    box-shadow: 0 4px 15px rgba(102, 234, 139, 0.4);
}

.btn-login:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 234, 139, 0.6);
}

.btn-login:active, .btn-form:active{
    transform: translateY(0);
}

.btn-login i, .btn-form i{
    margin-right: 8px;
}

.btn-form{
    padding: 10px;
    border: none;
    border-radius: 12px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
    min-width: 100px;
}

.btn-search{
    background-color: #337ab7;
    box-shadow: 0 4px 15px rgba(102, 144, 234, 0.4);
}

.btn-search:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 144, 234, 0.6);
}

.btn-clear{
    background-color: #a94442;
    box-shadow: 0 4px 15px rgba(234, 102, 102, 0.4);
}

.btn-clear:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(234, 102, 102, 0.6);
}

.btn-return{
    background-color: #4aa16a;
    box-shadow: 0 4px 15px rgba(102, 234, 109, 0.4);
}

.btn-return:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 234, 109, 0.6);
}


/* Footer */
.login-footer{
    text-align: center;
    margin-top: 30px;
    color: white;
    font-size: 13px;
}

.login-footer .copyright{
    margin-bottom: 10px;
}

.login-footer .system-info{
    opacity: 0.8;
    font-size: 11px;
}

.modules-container{
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    /*padding: 40px 20px;*/
}

/* Card Principal */
.modules-card{
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    animation: slideUp 0.5s ease-out;
}

/* Header do Card */
.modules-header{
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    text-align: center;
    color: white;
}
.modules-header{
    padding: 20px 10px;
}

.modules-header .client-name{
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0 10px;
    letter-spacing: 0.5px;
}

.modules-header .welcome-text{
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 5px;
    opacity: 0.95;
}

.modules-header .welcome-subtitle{
    font-size: 14px;
    opacity: 0.85;
    margin: 0;
}

/* Body do Card */
.modules-body{
    padding: 20px 20px;
}

.modules-title{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 15px;
}

.modules-title:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
    border-radius: 3px;
}

/* Grid de Módulos */
.modules-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

/* Card de Módulo */
.module-card{
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #c5c7c5;
    border-radius: 15px;
    padding: 25px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.module-card:before{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
    transition: left 0.3s ease;
    z-index: 0;
}

.module-card:hover:before{
    left: 0;
}

.module-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(102, 234, 159, 0.4);
    /*box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);*/
    border-color: #067513;
}

.module-card .module-content{
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}

.module-card:hover .module-content{
    color: white;
}

.module-card .module-icon{
    font-size: 42px;
    margin-bottom: 15px;
    color: #067513;
    transition: all 0.3s ease;
}

.module-card:hover .module-icon{
    color: white;
    transform: scale(1.1);
}

.module-card .module-name{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease;
}

.module-card:hover .module-name{
    color: white;
}

/* Botão de Sair */
.logout-section{
    text-align: center;
    padding-top: 20px;
    border-top: 2px solid #e9ecef;
}

.btn-logout{
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
    border: none;
    border-radius: 12px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.btn-logout:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.6);
}

.btn-logout:active{
    transform: translateY(0);
}

.btn-logout i{
    font-size: 18px;
}
/* Animação de entrada dos cards */
.module-card{
    animation: fadeInUp 0.5s ease-out;
    animation-fill-mode: both;
}
.module-card:nth-child(1){
    animation-delay: 0.1s;
}
.module-card:nth-child(2){
    animation-delay: 0.2s;
}
.module-card:nth-child(3){
    animation-delay: 0.3s;
}
.module-card:nth-child(4){
    animation-delay: 0.4s;
}
.module-card:nth-child(5){
    animation-delay: 0.5s;
}
.module-card:nth-child(6){
    animation-delay: 0.6s;
}
.module-card:nth-child(7){
    animation-delay: 0.7s;
}
.module-card:nth-child(8){
    animation-delay: 0.8s;
}
.module-card:nth-child(9){
    animation-delay: 0.9s;
}
.module-card:nth-child(10){
    animation-delay: 0.10s;
}

/*

GRÁFICOS DO DASHBOARD

*/
/*.dashboard-container{
            max-width: 1400px;
            margin: 0 auto;
        }*/

.dashboard-row{
    /*display: grid;
    grid-template-columns: 1fr 1fr 6fr;*/
    display: flex;
    gap: 25px;
    margin-bottom: 25px;
}

.white_background_base{
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    padding: 15px;
    animation: fadeInUp 0.5s ease-out;
    margin-bottom: 20px;
}

@keyframes fadeInUp{
    from{
        opacity: 0;
        transform: translateY(20px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

.white_background_title{
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    color: white;
    padding: 7px 12px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.chart-container{
    position: relative;
    height: 400px;
    cursor: pointer;
}

.chart-legend{
    margin-top: 20px;
    max-height: 400px;
    overflow-y: auto;
}

.legend-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1px;
    /*margin-bottom: 8px;*/
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
    color: #333;
}

.legend-item:hover{
    background: #f8f9fa;
    transform: translateX(5px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.legend-color{
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-right: 10px;
    flex-shrink: 0;
}

.legend-label{
    flex: 1;
    font-size: 12px;
    font-weight: 500;
}

.legend-value{
    font-size: 14px;
    font-weight: 700;
    color: #4aa16a;
    padding: 5px 12px;
    background: rgba(102, 234, 159, 0.1);
    border-radius: 6px;
}

.chart-toggle{
    text-align: center;
    margin-bottom: 15px;
}

.toggle-btn{
    background: white;
    border: 2px solid #53c986;
    color: #4aa16a;
    padding: 3px 18px;
    border-radius: 8px;
    margin: 0 5px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
}

.toggle-btn.active{
    background: linear-gradient(135deg, #53c986 0%, #4aa16a 100%);
    color: white;
}

.toggle-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 234, 159, 0.3);
}

/* Scrollbar global */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #53c986;
    /*border-radius: 10px;*/
    border: transparent;
}

::-webkit-scrollbar-thumb:hover {
    background: #4aa16a;
}

/* Responsividade */
@media (max-width: 1024px){
    .dashboard-row{
        display: block;
    }
}

@media (max-width: 768px){
    body{
        padding: 10px;
    }

    .white_background_base{
        padding: 15px;
    }

    .white_background_title{
        font-size: 14px;
        padding: 12px 15px;
    }

    .chart-container{
        height: 300px;
    }

    .legend-item{
        padding: 8px;
    }

    .legend-label{
        font-size: 13px;
    }

    .legend-value{
        font-size: 14px;
    }
}

.table-dashboard{
    margin-top: 20px;
    max-height: 800px;
    overflow-y: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding-left: 10px;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{
    padding-right: 15px;
}

.panel-footer {
    background-color: transparent;
}

.has-float-label label {
    top: -.5em;
}






.theme-switch-item {
    display: flex;
    align-items: center;
    margin-top: 10px !important;
}

.theme-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    cursor: pointer;
}

.theme-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a2ebc1;
    transition: 0.3s;
    border-radius: 30px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

input:checked + .slider {
    background-color: #2c3e50;
}

input:checked + .slider:before {
    transform: translateX(30px);
}

.icon-sun,
.icon-moon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    pointer-events: none;
    transition: opacity 0.3s;
}

.icon-sun {
    left: 8px;
    opacity: 1;
}

.icon-moon {
    right: 8px;
    opacity: 0.3;
}

input:checked ~ .icon-sun {
    opacity: 0.3;
}

input:checked ~ .icon-moon {
    opacity: 1;
}

.theme-switch:hover .slider {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 0 8px rgba(0,0,0,0.1);
}

.theme-switch:active .slider:before {
    width: 26px;
}