/**************************/
/* begin::Estilos Projeto */
/**************************/

:root {
    --cor-principal: #2d1111;
    --cor-secundaria: #8e0710;
}

.cor-principal {
    color: var(--cor-principal);
}

.cor-secundaria {
    color: var(--cor-secundaria);
}

.btn-principal {
    color: #FFFFFF;
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
}

.bg-principal {
    background-color: var(--cor-principal);
}

.btn-secundaria {
    color: #FFFFFF;
    background-color: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
}

.btn-secundaria:hover {
    color: #c1c1c1;
}

.bg-secundaria {
    background-color: var(--cor-secundaria);
}

.symbol.symbol-light-success .symbol-label {
    background-color: #c9c9c92b;
    border: 1px solid var(--cor-principal);
    color: var(--cor-principal);
    box-shadow: 0px 0px 0px 1px var(--cor-principal);
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text),
.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-clean:focus:not(.btn-text) i, .btn.btn-clean.focus:not(.btn-text) i,
.btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-clean:not(:disabled):not(.disabled).active i {
    color: var(--cor-principal);
}

.show > .btn.btn-clean.dropdown-toggle i,
.show .btn.btn-clean.btn-dropdown i {
    color: var(--cor-principal);
}

.navi .navi-item .navi-link:hover,
.navi .navi-item .navi-link:hover .navi-text,
.navi .navi-item .navi-link:hover .navi-icon i {
    color: var(--cor-principal);
}

a.text-hover-principal:hover, .text-hover-principal:hover {
    color: var(--cor-principal) !important;
}

.btn.btn-hover-principal:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-hover-principal:focus:not(.btn-text),
.btn.btn-hover-principal.focus:not(.btn-text) {
    color: white;
    background-color: var(--cor-principal) !important;
    border-color: var(--cor-principal) !important;
}

.btn.btn-light-principal {
    color: var(--cor-secundaria);
    background-color: white;
    border-color: transparent;
    border: 1px solid var(--cor-secundaria);
}

.btn.btn-light-principal:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-light-principal:focus:not(.btn-text),
.btn.btn-light-principal.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: var(--cor-principal);
    border-color: transparent;
}

@media (min-width: 992px) {
    .brand {
        background-color: var(--cor-principal);
    }
}
@media (max-width: 991.98px) {
    .header-mobile {
        background-color: var(--cor-principal);
    }
}

.bg-login {
    background-image: url("../../../assets/custom/img/bg-login.png");
    background-color: #2d1111;
}

.aside,
.aside-menu,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
    background-color: var(--cor-principal);
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link {
    background-color: #200c0c;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon {
    color: #d5313cdb;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-line > span,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-line > span {
    background-color: white;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon,
.aside-menu .menu-nav > .menu-item > .menu-link .menu-icon {
    color: #a5a6ad;
}

i {
    color: white;
}

.btn:hover,
.btn:hover:not(.btn-text) i,
.btn:focus:not(.btn-text) i,
.btn.focus i {
    color: #dededf;
}

.spinner.spinner-danger:before {
    border: 2px solid var(--cor-principal);
}

.form-control:focus {
    border-color: var(--cor-principal);
}

.nav.nav-pills .show > .nav-link,
.nav.nav-pills .nav-link.active {
    background-color: var(--cor-principal);
}

.nav .show > .nav-link,
.nav .nav-link:hover:not(.disabled):not(.active),
.nav .nav-link.active,
.nav .show > .nav-link .nav-text,
.nav .nav-link:hover:not(.disabled):not(.active) .nav-text,
.nav .nav-link.active .nav-text {
    color: var(--cor-principal);
}

.modal .modal-header .close:hover,
.modal .modal-header .close:hover i,
.modal .modal-header .close:hover .ki {
    color: var(--cor-principal);
}

.nav .show > .nav-link .nav-icon i,
.nav .nav-link:hover:not(.disabled):not(.active) .nav-icon i,
.nav .nav-link.active .nav-icon i {
    color: var(--cor-principal);
}

.irs--flat .irs-handle > i:first-child,
.irs--flat .irs-bar,
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background-color: var(--cor-principal);
}

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
    background-color: var(--cor-principal);
    cursor: pointer;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    border-top-color: var(--cor-principal);
}

.radio > input:checked ~ span {
    background-color: var(--cor-principal);
}

.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select.show > .dropdown-toggle.btn-light,
.bootstrap-select.show > .dropdown-toggle.btn-secondary {
    border-color: var(--cor-principal) !important;
}

.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line .nav-link.active,
.nav.nav-tabs.nav-tabs-line .show > .nav-link {
    border-bottom: 1px solid var(--cor-secundaria);
}

.nav .show > .nav-link,
.nav .nav-link:hover:not(.disabled),
.nav .nav-link.active {
    color: var(--cor-secundaria);
}

.accordion .card .card-header .card-title {
    color: var(--cor-secundaria);
}

.checkbox > input:checked ~ span {
    background-color: var(--cor-principal);
}

.accordion.accordion-toggle-plus .card .card-header .card-title,
.accordion .card .card-header .card-title > i {
    color: var(--cor-secundaria);
}

.scrolltop {
    background-color: var(--cor-principal);
}

/************************/
/* end::Estilos Projeto */
/************************/

/*****************************/
/* begin::Estilos SweetAlert */
/*****************************/

.swal2-popup .swal2-title {
    font-size: 1.8rem;
}

.swal2-popup {
    padding: 0 !important;
}

.swal2-popup .swal2-actions {
    margin: 1rem auto 1rem auto;
}

.swal2-popup .swal2-content {
    margin-top: 1rem;
    padding: 0 0.8rem;
}

.swal2-popup .swal2-title {
    margin: 1rem 0 0 0;
}

/*****************************/
/*  end::Estilos SweetAlert  */
/*****************************/

/*****************************/
/* begin::Estilos Datepicker */
/*****************************/

.datepicker tbody tr > td.day.today {
    position: relative;
    font-weight: 700;
    background: #db989c !important;
    color: var(--cor-principal) !important;
}

.datepicker tbody tr > td.day.today:before {
    border-bottom-color: var(--cor-principal);
    border-top-color: var(--cor-principal);
}

.datepicker tbody tr > td.day.selected,
.datepicker tbody tr > td.day.selected:hover,
.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.active:hover,
.datepicker tbody tr > td span.year.focused,
.datepicker tbody tr > td span.year.focused:hover,
.datepicker tbody tr > td span.year.active:hover,
.datepicker tbody tr > td span.year.active.focused:hover,
.datepicker tbody tr > td span.year.active,
.datepicker tbody tr > td span.hour.focused,
.datepicker tbody tr > td span.hour.focused:hover,
.datepicker tbody tr > td span.hour.active:hover,
.datepicker tbody tr > td span.hour.active.focused:hover,
.datepicker tbody tr > td span.hour.active,
.datepicker tbody tr > td span.minute.focused,
.datepicker tbody tr > td span.minute.focused:hover,
.datepicker tbody tr > td span.minute.active:hover,
.datepicker tbody tr > td span.minute.active.focused:hover,
.datepicker tbody tr > td span.minute.active,
.datepicker tbody tr > td span.month.focused,
.datepicker tbody tr > td span.month.focused:hover,
.datepicker tbody tr > td span.month.active:hover,
.datepicker tbody tr > td span.month.active.focused:hover,
.datepicker tbody tr > td span.month.active {
    background: var(--cor-secundaria);
}

/***************************/
/* end::Estilos Datepicker */
/***************************/

/***********************/
/* Datatables :: begin */
/***********************/

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px;
}

.dataTables_wrapper .dataTables_scroll {
    margin: 0 !important;
}

.dt-75px {
    width: 75px;
    max-width: 75px;
    min-width: 75px;
    white-space: break-spaces !important;
}
.dt-100px {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    white-space: break-spaces !important;
}
.dt-125px {
    width: 125px;
    max-width: 125px;
    min-width: 125px;
    white-space: break-spaces !important;
}
.dt-150px {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    white-space: break-spaces !important;
}
.dt-200px {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
    white-space: break-spaces !important;
}
.dt-250px {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
    white-space: break-spaces !important;
}
.dt-300px {
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    white-space: break-spaces !important;
}
.dt-350px {
    width: 350px;
    max-width: 350px;
    min-width: 350px;
    white-space: break-spaces !important;
}
.dt-400px {
    width: 400px;
    max-width: 400px;
    min-width: 400px;
    white-space: break-spaces !important;
}
.dt-450px {
    width: 450px;
    max-width: 450px;
    min-width: 450px;
    white-space: break-spaces !important;
}
.dt-500px {
    width: 500px;
    max-width: 500px;
    min-width: 500px;
    white-space: break-spaces !important;
}
.dt-600px {
    width: 600px;
    max-width: 600px;
    min-width: 600px;
    white-space: break-spaces !important;
}
.dt-700px {
    width: 700px;
    max-width: 700px;
    min-width: 700px;
    white-space: break-spaces !important;
}
.dt-800px {
    width: 800px;
    max-width: 800px;
    min-width: 800px;
    white-space: break-spaces !important;
}
.dt-900px {
    width: 900px;
    max-width: 900px;
    min-width: 900px;
    white-space: break-spaces !important;
}
.dt-1000px {
    width: 1000px;
    max-width: 1000px;
    min-width: 1000px;
    white-space: break-spaces !important;
}
.swal2-container {
    z-index: 2000 !important;
}

/***********************/
/*  Datatables :: end  */
/***********************/

/******************/
/* begin::Helpers */
/******************/
.d-flex {
    display: flex !important;
}
.d-block {
    display: block !important;
}
.d-inline-block {
    display: inline-block !important;
}
.hide {
    display: none !important;
}
.color-branco {
    color: white !important;
}
.color-preto {
    color: black !important;
}
.color-roxo {
    color: #ab00d4 !important;
}
.color-verde {
    color: #008808 !important;
}
.color-azul {
    color: #4c00ff !important;
}
.color-vermelho {
    color: red !important;
}
.bg-verde {
    background: #008808 !important;
}
.bg-vermelho {
    background: #f00 !important;
}
.bg-amarelo {
    background: #ff0 !important;
}
.bg-laranja {
    background: #ffc200 !important;
}
.bg-branco {
    background: #fff !important;
}
.bg-azul {
    background: blue !important;
}
.vertical-align-div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 !important;
}
.modal-dialog.modal-95p {
    max-width: 95%;
}

.modal-dialog.modal-100p {
    max-width: 100%;
}

.span-obrigatorio {
    margin-left: 2px;
    color: red;
    font-weight: bolder;
    font-style: italic;
}

.h-input {
    height: calc(1.5em + 1.3rem + 2px);
}

.w-25 {
    width: 25px;
}
.w-50 {
    width: 50px;
}
.w-75 {
    width: 75px;
}
.w-100 {
    width: 100px;
}
.w-125 {
    width: 125px;
}
.w-150 {
    width: 150px;
}
.w-175 {
    width: 175px;
}
.w-200 {
    width: 200px;
}

/******************/
/*  end::Helpers  */
/******************/

/****************/
/* begin::Geral */
/****************/

html, body {
    font-size: 11.75px !important;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: unset;
    }
}

.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
    padding-left: 7.5px;
}

.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
    padding-left: 15px;
}

.aside-menu .menu-nav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-submenu .menu-subnav > .menu-item > .menu-link {
    padding-left: 30px;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link {
    padding-top: 12px !important;
    min-height: unset;
    padding-bottom: 12px !important;
    padding-right: 7.5px !important;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
    text-align: center;
}

@media(min-width: 992px){
    .aside .aside-menu .menu-nav > .menu-item > .menu-link{
        width: 140px;
    }
}

@media (min-width: 992px) {
    .aside .aside-menu .menu-nav > .menu-item {
        align-items: initial;
    }
}

.radio > span {
    background-color: #dfe2ea;
}

.checkbox > span {
    background-color: #dfe2ea;
}

.modal-backdrop.show{
    opacity: 0.65;
}

.modal {
    overflow-y:auto;
}

.modal-footer-legendas{
    border-top: 1px solid #EBEDF3;
    border-bottom-right-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
    padding: 1.5rem;
}

.modal-footer-legendas > div{
    display: inline-block;
}

.bs-placeholder.is-invalid {
    border-color: #F64E60 !important;
}

label.jquery-validate-error, span.jquery-validate-error, label.error {
    color: red;
    font-size: .80rem;
    margin-top: 2px;
}

.irs--flat .irs-handle > i:first-child {
    width: 10px;
    border-radius: 5px;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #FFF;
}

.modal-md {
    top: 25% !important;
}

#tbl-representante > tbody > tr > td:not(.td-actions){
    cursor: pointer;
}

#tbl-comercial > tbody > tr > td:not(.td-actions){
    cursor: pointer;
}

#tbl-expedicao > tbody > tr > td:not(.td-actions){
    cursor: pointer;
}

#tbl-faturamento > tbody > tr > td:not(.td-actions){
    cursor: pointer;
}

.table-sm thead th, .table-sm thead td {
    padding: 0.3rem;
}

/**************/
/* end::Geral */
/**************/