.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: auto !important; /*Correção de Fabricio, por que em alguns casos o selectpicker não abre por conta da configuração bottom do bootstrap*/
}
.scroll-table .tooltip {
    margin-left: -15px !important;
    z-index: 1040;
}
.scroll-table .tooltip.top .tooltip-arrow {
    margin-left: 10px !important;
}
.scroll-table > table thead > tr > th {
    white-space: nowrap;
}
.scroll-border {
    border: 2px solid black;
}
.gerenciar-colunas h6 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.input-group:has(input[type="date"]){
    display: inline-table;
}
.input-group input[type="date"]{
    width:100%;
}
.input-group input[type="time"]{
    width:90px;
}
.input-group:has(input[type="date"]) > .input-group-addon {
    width:auto; 
    padding-top:9px;
}

@media screen and (max-width: 767px)
{
    .scroll-table {
        max-height:calc(100vh - 400px); 
        overflow: hidden;
    }
    .scroll-table .w_scroll-vertical {
        margin-top: 40px;
    }
    .scroll-table > table thead {
        position: sticky;
        top: 0px;
        z-index: 1039;
    }
    .scroll-table > table {
        border-collapse: collapse;
        border:0 !important;
    }
    .scroll-table > table thead th, .scroll-table > table thead th a {
        background-color: black !important;
        color:white;
    }
    .scroll-table > table thead > tr > th {
        border: 1px solid #d3d3d3;
        border-bottom-color:black;
    }
    .scroll-table > table tbody > tr > td {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: none;
    }
    .scroll-table > table thead {
        box-shadow: 0px 0px 0 1px black;
    }
    .simbolo-dinheiro {
        float: none !important;
    }
    .input-group:has(input[type="date"]){
        display: flex;
    }
}
@media screen and (min-width: 767px)
{
    .scroll-table {
        max-height:calc(100vh - 225px); 
        overflow: hidden;
    }
    .scroll-table .w_scroll-vertical {
        margin-top: 40px;
    }
    .scroll-table > table thead {
        position: sticky;
        top: 0px;
        z-index: 1039;
    }
    .scroll-table > table {
        border-collapse: collapse;
        border:0 !important;
    }
    .scroll-table > table thead th, .scroll-table > table thead th a {
        background-color: black !important;
        color:white;
    }
    .scroll-table > table thead > tr > th {
        border: 1px solid #d3d3d3;
        border-bottom-color:black;
    }
    .scroll-table table tbody tr td.actions {
        padding-right:15px !important;
    }
    .scroll-table > table tbody > tr > td {
        max-width:30vw;
    }
    .scroll-table > table thead {
        box-shadow: 0px 0px 0 1px black;
    }
}

@media screen and (min-width: 767px)
{
    ::-webkit-scrollbar {
       background: none;
       width: 16px;
       height: 16px;
    }
    ::-webkit-scrollbar-thumb {
        border: solid 0 #000; /* Fallback para navegadores que não suportam RGBA */
        border: solid 0 rgba(0, 0, 0, 0); /* RGBA com suporte a transparência */
        border-right-width: 4px;
        border-left-width: 4px;
        -webkit-border-radius: 6px 6px;
        -moz-border-radius: 6px 6px;
        border-radius: 6px 6px;
        -webkit-box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.4), inset 0 0 0 4px rgba(128, 128, 128, 0.4);
        -moz-box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.4), inset 0 0 0 4px rgba(128, 128, 128, 0.4);
        box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0.4), inset 0 0 0 4px rgba(128, 128, 128, 0.4);
    }
    ::-webkit-scrollbar-track-piece {
        margin: 4px 0;
    }
    ::-webkit-scrollbar-thumb:horizontal {
        border-right-width: 0;
        border-left-width: 0;
        border-top-width: 4px;
        border-bottom-width: 4px;
        -webkit-border-radius: 4px 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 0 0 0 1px rgba(128,128,128,0.9), inset 0 0 0 4px rgba(128,128,128,0.9);
        -moz-box-shadow: inset 0 0 0 1px rgba(128,128,128,0.9), inset 0 0 0 4px rgba(128,128,128,0.9);
        box-shadow: inset 0 0 0 4px rgba(128,128,128,0.9), inset 0 0 0 4px rgba(128,128,128,0.9);
    }
    ::-webkit-scrollbar-corner {
        background: transparent;
    }
}

#carregando div, #carregando-nfc div {
    border-color: #f3f3f3;
    border-top-color: #0C1B25;
    border-bottom-color: #0C1B25;
}

section.content-header {
    height: 52px;
}
section.content-header > h1 {
    white-space: nowrap;
    overflow-y: hidden;  
}
section.content-header > h1::-webkit-scrollbar {
    display: none; 
}
section.content-header > h1 > i {
    vertical-align: middle;
}
@media screen and (max-width: 767px){
    section.content-header {
        height: 80px;
    }
}
table tr th:not(.ignoreFundo){
    background-color:#eee;
}
.rowLimit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.celula-dinheiro {
    text-align: right;
    white-space: nowrap;
}
.simbolo-dinheiro {
    float: left;
}
.titulos {
    background-color:#eee;
}

#bem-vindo .modal-header, #curtir-facebook .modal-header{
    background: #0C1B25;
    color: #FFFFFF;
}

.pace .pace-progress {
    background: #1F4968;
}
a {
    color: #0C1B25;
}
a:hover,
a:active,
a:focus {
    color: #1F4968    
}
.text-primary{
    color: #0C1B25    
}
.text-primary:hover{
    color: #1F4968    
}
.cor-padrao{
    color: #0C1B25    
}
.flash-tab{
    background: #0C1B25;
}
.dropdown-menu > li > a:hover {
    background-color: #0C1B25;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    background: #0C1B25;
}
.box.box-primary {
    border-top-color: #0C1B25;
}
.box .todo-list > li.primary {
    border-left-color: #0C1B25;
}
/*
.bg-light-blue {
  background-color: #0C1B25 !important;
}
*/
.text-light-blue {
    color: #0C1B25 !important;
}
.text-olive {
    color: #0C1B25 !important;
}

.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:hover {
  border-top-color: #0C1B25;
  color: #444;
}

.nav.nav-pills.nav-stacked > li.active > a,
.nav.nav-pills.nav-stacked > li.active > a:hover {
  border-left-color: #0C1B25;
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #0C1B25;
}

.skin-blue .navbar {
  background-color: #4267b2;
}

.form-control:hover,.form-control:focus,.form-control-table:hover,.form-control-table:focus{
  border-color: #0C1B25 !important;
}

.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #0C1B25;
}

fieldset legend {
    color: #0C1B25;
}

table.calendario tr td .compromissos{
    background: #0C1B25;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background: #0C1B25 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #0C1B25;
}

.wizard li.active span.round-tab {
    border: 2px solid #0C1B25;
}

.wizard li.active span.round-tab i{
    color: #0C1B25;
}

.wizard li:after{
    border-bottom-color: #0C1B25;
}

.wizard li.active:after {
    border-bottom-color: #0C1B25;
}

.ui-button.ui-state-active:hover {
    background: #0C1B25 !important;
}
.modal-auto {
    max-width: 90%;
    min-width: 300px;
    width: fit-content;
}
@media (min-width: 768px) {
    .modal-dialog {
        margin: 4% auto !important;
    }
}

#carregando{
    display: block;
}
.scroll-menu {
    height: calc(100vh - 250px);                
}
.scroll-menu.dablio-scroll .w_scroll-horizontal:hover,
.scroll-menu.dablio-scroll .w_scroll-vertical:hover,
.scroll-menu.dablio-scroll .w_scroll-horizontal:focus,
.scroll-menu.dablio-scroll .w_scroll-vertical:focus,
.scroll-menu.dablio-scroll .w_scroll-vertical.w_scroll-clicado
{
    opacity: 0.6;
    width: 25px;
}
.scroll-menu .w_scroll-vertical:hover > .w_scroll-y,
.scroll-menu .w_scroll-vertical:focus > .w_scroll-y,
.scroll-menu .w_scroll-vertical.w_scroll-clicado .w_scroll-y
{
    width: 21px;
}
.scroll-area 
{
    overflow-y: auto;
    height: calc(100vh - 50px);
    position: relative;
}
.visible-inline-xs {
    display: none !important;
}

@media screen and (max-width: 767px)
{
    .margin-mobile {
        /*Em alguns dispositivos mobile os botões no final da página ficavam enterrados*/
        margin-bottom: 100px;
    }
    .scroll-menu.dablio-scroll .w_scroll-horizontal:hover,
    .scroll-menu.dablio-scroll .w_scroll-vertical:hover,
    .scroll-menu.dablio-scroll .w_scroll-horizontal:focus,
    .scroll-menu.dablio-scroll .w_scroll-vertical:focus,
    .scroll-menu.dablio-scroll .w_scroll-vertical.w_scroll-clicado
    {
        opacity: 0.6 !important;
    }
    .scroll-menu .w_scroll-y
    {
        width: 4px !important;
        right: 0px !important;
    }
    .visible-inline-xs {
        display: inline-block !important;
    }
}

.file-input-wrapper { overflow: hidden; position: relative; cursor: pointer; z-index: 1; }
.file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover { position: absolute; top: 0; left: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); z-index: 99; outline: 0; }
.file-input-name { margin-left: 8px; }

.fa-whatsapp-fw {
    background-image: url(./sistema/assets/fonts/icone_whatsapp.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}          
.fa-whatsapp {
    color:green;
}