/** Bootstrap Personal css */
/* Bootstrap */
input.disabled,
select.disabled {
    background: #c0c0c0 !important;
}

.form-check-input:checked[type=checkbox].disabled {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

textarea.disabled {
    pointer-events: all;
}

label.disabled {
    background-color: unset;
}

.card-header {
    background-color: #dddddd !important;
}

.fade:not(.show) {
    opacity: 0;
    height: 1px;
    display: none;
}

.btn {
    font-size: 1em;
}

.form-select,
.form-control {
    padding: 2px !important;
    font-size: 1em;
    /* min-width: 98px; */
}

span.form-control {
    min-width: unset;
    width: 15px;
}

.form-label {
    margin-bottom: 0;
}

.form-control {
    padding: 2px 0.75rem;
}

.form-check-input {
    width: 1.3em;
    height: 1.3em;
}

.nav-link.active {
    font-weight: bold;
    background: #dddddd !important;
    border-color: transparent !important;
}

.nav-tabs .nav-link {
    color: #ffffff !important;
    padding: 6px;
    border-color: white;
    margin-top: 4px;
    background: #324e6b !important;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    /* opacity: 0.5; */
}

.space_tabs {
    flex: 1 1 auto !important;
    padding: 0px 2px 0 2px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: auto;
    background-color: #00264e !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.guiaSelecionada {
    color: #495057 !important;
    background-color: #ddd !important;
    border-color: #ddd !important;
    opacity: 1;
}

.guiaSelecionada {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

table#tbguia_tabela {
    min-width: 400px;
}

.logs-css {
    overflow-y: auto;
    max-height: 370px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
}

input#txt_vazia_id_agente,
input#txt_vazia_id_prod_estoque {
    min-width: 380px;
}

.card-body {
    padding: 0.5rem 0.5rem;
}

.container.form-control {
    background-color: #dddddd;
}

.card.p-0 {
    background-color: #fff0;
    border: 1px solid transparent;
}

.form-control.pde {
    min-width: 56px;
}

/** End Bootstrap Personal css */

/** Ajuste Carousel */
.carousel-indicators .active {
    opacity: 0.9 !important;
    background-color: black !important;
}

.carousel-indicators [data-bs-target] {
    background-color: #000;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

.btn-alterCarousel.d-flex.align-items-center:hover {
    background-color: #0000006b;
    padding: 6px;
    border-radius: 14px;
}

/** End Ajuste Carousel */

/** prod_prom_item_tabelas */
.table-sm.table-responsive {
    height: 81vh;
}

thead.fixed-top {
    position: sticky;
    top: 0;
    z-index: 99;
}

/** END prod_prom_item_tabelas */

/** CORES PASTEIS - para não criar paleta diferentes
bbg = Bootstrap background, lista completa
bg = já é nativo Bt5, porem cores limitadas!
**/
.bbg-blue {
    background-color: #0d6efd;
}

.bbg-indigo {
    background-color: #6610f2;
}

.bbg-purple {
    background-color: #6f42c1;
}

.bbg-pink {
    background-color: #d63384;
}

.bbg-red {
    background-color: #dc3545;
}

.bbg-orange {
    background-color: #fd7e14;
}

.bbg-yellow {
    background-color: #ffc107;
}

.bbg-green {
    background-color: #198754;
}

.bbg-teal {
    background-color: #20c997;
}

.bbg-cyan {
    background-color: #0dcaf0;
}

.bbg-gray {
    background-color: #adb5bd;
}

.bbg-black {
    background-color: #000;
}

.bbg-white {
    background-color: #fff;
}


/* Ajusta tabs e Navs (menu lateral de telas internas) */
.nav-pills .nav-item .nav-link.active.w-100 {
    background-color: #ffffff !important;
    box-shadow: 0px 2px 8px 0px;
    color: #495057 !important;
}

.tab-content>.tab-pane.active {
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0px 8px 12px 5px #b3b3b3;
    min-height: 480px;
    max-height: 480px;
    overflow-y: auto;
}

.col-auto {
    margin: 5px 0 5px 0px;
}

.nav-tabs {
    border-bottom: none;
}

.tab-pane.active .row .col iframe {
    height: revert-layer !important;
    width: -webkit-fill-available !important;
}

div#navbarToggleExternalContent {
    max-height: calc(100vh - 135px);
    overflow-y: auto;
}

.divConfig #divConfigExtra .row div#navbarToggleExternalContent,
.divConfig #divConfigExtra .row .col #pills-tabContent .tab-pane.active {
    max-height: 480px;
}

/*** Toast ***/
div#divPopUp {
    max-height: 200px;
    overflow-y: auto;
}

div#divPopUp [role="alert"] {
    display: inline-flex !important;
    align-content: flex-end;
    flex-direction: column;
}

.toast {
    width: max-content !important;
}

.btn_deletar_data {
    /* position: initial; */
    min-width: 60px;
    height: 26px;
    cursor: pointer;
    align-items: center;
    /* display: flex; */
    border: 1px solid #cc0000;
    background-color: #e50000;
    overflow: hidden;
}

.btn_deletar_data,
.button__icon,
.button__text {
    transition: all 0.3s;
}

.btn_deletar_data .button__text {
    transform: translateX(35px);
    color: #fff;
}

.btn_deletar_data .button__icon {
    /* position: inherit; */
    transform: translateX(109px);
    height: 38px;
    width: 50px !important;
    background-color: #cc0000;
    display: table;
    margin-top: -265px;
}

.btn_deletar_data .svg {
    width: 20px;
}

.btn_deletar_data:hover {
    background: #cc0000;
}

.btn_deletar_data:hover .button__text {
    color: transparent;
}

.btn_deletar_data:hover .button__icon {
    width: 100px;
    transform: translateX(0);
}

.btn_deletar_data:active .button__icon {
    background-color: #b20000;
}

.btn_deletar_data:active {
    border: 1px solid #b20000;
}

.share-button {
    align-items: center;
    justify-content: flex-start;
    min-width: 70px;
    height: 27px;
    position: relative;
    border: 1px solid #81aca0;
    background-color: #209978;
    overflow: hidden;
    cursor: pointer;
    color: white;
}

.button__text_save {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button__icon_save {
    width: 40px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #17795e;
    position: absolute;
    right: 0;
    transition: all 0.3s;
}

.button__icon_save svg {
    width: 18px;
    margin-top: 7px;
}

.share-button:hover .button__icon_save {
    width: 100%;
    display: block;
    margin-top: -25px;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.background_animate_square {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: -1;
    overflow: hidden;
}

.background_animate_square li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.1);
    animation: animate 19s linear infinite;
}


#tab-navbar-top li.nav-item {
    font-size: 15.9px;
    margin-right: 4px;
    clip-path: border-box;
}

#tab-navbar-top button.nav-link {
    min-width: 100px;
}

#tab-navbar-top button.nav-link .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.guiaSelecionada {
    color: #495057 !important;
    background-color: #f3f3f3 !important;
    border-color: #ffffff !important;
    opacity: 1;
    border: 1px solid;
}

#tab-navbar-top nav.navbar.navbar-expand-lg.navbar-light.pb-0 {
    padding-bottom: 0 !important;
}