html body {
    overflow-y: scroll !important;
    padding-right: 0px !important;
}

/* ---------------------------------------------------------------------- */
/*	Removendo o padding quando abrir o modal.
/* ---------------------------------------------------------------------- */
.modal-open > nav {
    padding-right: 0px !important;
}


.accordion > .card, .modal-open, .progress, .progress-bar {
    overflow-y: scroll;
}

.p-sem-informacao {
    /* margin-bottom: 1rem !important;
    line-height: 1.5rem !important;*/
    font-size: .857rem !important;
    font-weight: 400 !important;
}

body.pace-done.vertical-layout.vertical-menu-modern.navbar-floating.footer-static.menu-expanded.swal2-shown.swal2-height-auto {
    overflow-y: scroll !important;
}
/* ---------------------------------------------------------------------- */
/*	Multiselct
/* ---------------------------------------------------------------------- */
select.multiselect,
select.multiselect + div.btn-group,
select.multiselect + div.btn-group button.multiselect,
select.multiselect + div.btn-group.open .multiselect-container {
    width: 100% !important;
}

.multiselect-container .multiselect-all:focus,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-option:hover {
    background-color: #7367F0 !important;
    color: #fff !important;
    background-color: rgba(115,103,240,.12) !important;
    color: #7367F0 !important;
}

.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback) label,
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active label,
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback) label,
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active label,
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) label,
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active label {
    background-color: #7367F0 !important;
    color: #fff !important;
}

.multiselect-container input[type="checkbox"] {
    margin-right: 20px;
}

.input-group > .multiselect-native-select {
    width: 81%;
}

.form-check-input {
    margin-left: -1.60rem;
}

/* ---------------------------------------------------------------------- */
/*	Multiselct - Ajuste quando for mobile não era possivel scrrolar.
/* ---------------------------------------------------------------------- */
@media screen and (max-width:1023px) {

    .multiselect-container button.dropdown-item {
        pointer-events: none;
    }

    .multiselect-container span.form-check input {
        pointer-events: all;
    }

    .multiselect-container span.form-check label {
        pointer-events: none;
    }
}


/*/* ---------------------------------------------------------------------- */
/*	Ajustes do MenuLayout
/* ---------------------------------------------------------------------- */
.navigation {
    font-size: 1.0rem;
}

.main-menu.menu-light .navigation .navigation-header {
    margin: calc(1rem + 0.286rem) 0 0.8rem 2.2rem;
}



/* ---------------------------------------------------------------------- */
/*	BlockUI
/* ---------------------------------------------------------------------- */

.blockMsg {
    font-size: 12px;
}

.loadingImg {
    width: 16px;
    height: 16px;
}



/* ---------------------------------------------------------------------- */
/*	Table
/* ---------------------------------------------------------------------- */
.action-icon {
    font-size: 20px;
}

.btn.btn-icon > i {
    font-size: 20px;
}

.table td, .table th {
    font-size: 12px;

}
/*.table th, .table td {
    padding-right: 0.50rem !important;
    padding-left: 0.50rem !important;
}*/

    .table-scroll {
        overflow-y: auto;
        max-height: 300px;
    }


table {
    position: relative;
    border-collapse: collapse;
}

/*td, th {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important
}*/


tbody .fixed-col {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}


.card-body {
    padding: 0.8rem !important;
}


/* ---------------------------------------------------------------------- */
/*	CSS do Filtro Formulario
/* ---------------------------------------------------------------------- */

[class*='collapse-'] .card .card-header {    
    padding: .5rem 2.8rem .5rem .5rem;
}



/* ---------------------------------------------------------------------- */
/*	CSS da dropdown da quantidade de paginas
/* ---------------------------------------------------------------------- */

.div-btn-acoes-qtd-paginas .form-control-sm {
    line-height: unset !important;
}

.div-btn-acoes-qtd-paginas select.form-control:not([multiple='multiple']) {
    padding-right: 2.0rem;
}



.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,
.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item svg,
.dropdown-custom .dropdown-menu .dropdown-item i,
.dropdown-custom .dropdown-menu .dropdown-item svg {
    height: 1.3rem !important;
    width: 1.3rem !important;
    font-size: 1.3rem !important;
}

.dropdown.dropdown-icon-wrapper .dropdown-menu,
.dropdown-custom.dropdown-icon-wrapper .dropdown-menu {
    min-width: auto;
}

.breadcrumb-right .dropdown-item svg {
    margin-right: 0.5rem !important;
}

.breadcrumb {
    align-items: self-end;
}

    .breadcrumb .breadcrumb-title {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.2;
        color: #5E5873;
        font-size: 1.2rem;
    }
/* ---------------------------------------------------------------------- */
/*	CUSTOMIZAÇÃO DO ARROWS DA PAGINAÇÃO
/* ---------------------------------------------------------------------- */
.page-item.first .page-link:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevrons-left\'%3E%3Cpolyline points=\'11 17 6 12 11 7\'%3E%3C/polyline%3E %3Cpolyline points=\'18 17 13 12 18 7\'%3E%3C/polyline%3E%3C/svg%3E')
}

.page-item.first .page-link:after, .page-item.prev .page-link:before, .page-item.previous .page-link:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    color: #6E6B7B;
    width: 18px;
    height: 18px;
    content: '';
}


.page-item.last .page-link:after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%236e6b7b\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevrons-right\'%3E%3Cpolyline points=\'13 17 18 12 13 7\'%3E%3C/polyline%3E %3Cpolyline points=\'6 17 11 12 6 7\'%3E%3C/polyline%3E%3C/svg%3E')
}

.page-item.last .page-link:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    color: #6E6B7B;
    width: 18px;
    height: 18px;
    content: '';
}



@media (max-width: 648px) {
    .content-header .breadcrumb {
        display: flex;
    }
}


/* ---------------------------------------------------------------------- */
/*	JQuery AutoComplete
/* ---------------------------------------------------------------------- */
.ui-autocomplete {
    overflow-y: auto;
    height: 300px;
    overflow-x: hidden;
}



@media (min-width: 751px) {
    .btn-pm-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .btn-pm-row > .btn {
            width: 48%;
        }
}




/* ---------------------------------------------------------------------- */
/*	Details
/* ---------------------------------------------------------------------- */
.label-details {
    display: flex;
    flex-direction: row;
    justify-content: left;
    border: 1px solid #EBE9F1;
    /*border-bottom: 1px solid #eee;*/
    width: 100%;
    padding: 5px 0;
}

.dark-layout .label-details {
    background-color: unset;
    color: #B4B7BD;
    border-color: #3B4253 !important
}

.label-cliente {
    display: flex;
    flex-direction: row;
    justify-content: left;
    width: 100%;
    padding: 5px 0 !important;
}

    .label-details > strong, .label-cliente > strong {
        color: #555;
        padding-right: 5px;
    }

/*.form-box-cliente {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 20px 20px;
    padding: 0 10px 15px;
    margin-bottom: 10px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 8px -6px rgba(48,142,224,1);
    -moz-box-shadow: 3px 3px 8px -6px rgba(48,142,224,1);
    box-shadow: 3px 3px 8px -6px rgba(48,142,224,1);
}

    .form-box-cliente .label-cliente > i {
        color: #ccc;
        font-size: 40px;
        margin-top: -25px;
        height: 35px;
    }*/

@media (max-width: 550px) {
    .label-details, .label-cliente {
        flex-direction: column;
    }

    .form-box-cliente .label-cliente.icon {
        display: none;
    }
}


/* ---------------------------------------------------------------------- */
/*	Desabilitando o Tooltip quando for mobile
/* ---------------------------------------------------------------------- */
@media (max-width: 550px) {
    .ui-tooltip {
        display: none !important;
    }
}

/* ---------------------------------------------------------------------- */
/*	Ajuste de Modal
/* ---------------------------------------------------------------------- */

@media (max-width: 576px) {
    .modal {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
}

/* ---------------------------------------------------------------------- */
/*	Ajuste nos icones do menu fontawesome
/* ---------------------------------------------------------------------- */

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a i, .vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a svg {
    font-size: 1rem !important;
    /*margin-bottom: 3px;*/
    /*align-self: center*/
}

.navigation li a i, .navigation li a svg {
    font-size: 1rem !important;
    /*margin-bottom: 5px;*/
    
}