:root {
    --bs-text-muted: #99A1B7;
    --bs-gray-100: #F9F9F9;
    --bs-gray-100-rgb: 249, 249, 249;
    --bs-gray-200: #F1F1F4;
    --bs-gray-200-rgb: 241, 241, 244;
    --bs-gray-300: #DBDFE9;
    --bs-gray-300-rgb: 219, 223, 233;
    --bs-gray-400: #C4CADA;
    --bs-gray-400-rgb: 196, 202, 218;
    --bs-gray-500: #99A1B7;
    --bs-gray-500-rgb: 153, 161, 183;
    --bs-gray-600: #78829D;
    --bs-gray-600-rgb: 120, 130, 157;
    --bs-gray-700: #4B5675;
    --bs-gray-700-rgb: 75, 86, 117;
    --bs-gray-800: #252F4A;
    --bs-gray-800-rgb: 37, 47, 74;
    --bs-gray-900: #071437;
    --bs-gray-900-rgb: 7, 20, 55;
    --bs-light: #F9F9F9;
    --bs-primary: #1B84FF;
    --bs-secondary: #F1F1F4;
    --bs-success: #17C653;
    --bs-info: #7239EA;
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;
    --bs-primary-active: #056EE9;
    --bs-secondary-active: #C4CADA;
    --bs-light-active: #F1F1F4;
    --bs-success-active: #04B440;
    --bs-info-active: #5014D0;
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-dark-active: #111318;
    --bs-primary-light: #E9F3FF;
    --bs-secondary-light: #F9F9F9;
    --bs-success-light: #DFFFEA;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FFF8DD;
    --bs-danger-light: #FFEEF3;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-primary-inverse: #ffffff;
    --bs-secondary-inverse: #252F4A;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-primary-clarity: rgba(27, 132, 255, 0.2);
    --bs-secondary-clarity: rgba(249, 249, 249, 0.2);
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-light-clarity: rgba(255, 255, 255, 0.2);
    --bs-light-rgb: 249, 249, 249;
    --bs-primary-rgb: 27, 132, 255;
    --bs-secondary-rgb: 241, 241, 244;
    --bs-success-rgb: 23, 198, 83;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 246, 192, 0;
    --bs-danger-rgb: 248, 40, 90;
    --bs-dark-rgb: 30, 33, 41;
    --bs-text-white: #ffffff;
    --bs-text-primary: #1B84FF;
    --bs-text-secondary: #F1F1F4;
    --bs-text-light: #F9F9F9;
    --bs-text-success: #17C653;
    --bs-text-info: #7239EA;
    --bs-text-warning: #F6C000;
    --bs-text-danger: #F8285A;
    --bs-text-dark: #1E2129;
    --bs-text-muted: #99A1B7;
    --bs-text-gray-100: #F9F9F9;
    --bs-text-gray-200: #F1F1F4;
    --bs-text-gray-300: #DBDFE9;
    --bs-text-gray-400: #C4CADA;
    --bs-text-gray-500: #99A1B7;
    --bs-text-gray-600: #78829D;
    --bs-text-gray-700: #4B5675;
    --bs-text-gray-800: #252F4A;
    --bs-text-gray-900: #071437;
    --bs-border-color: #F1F1F4;
    --bs-border-dashed-color: #DBDFE9;
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: #1B84FF;
    --bs-component-hover-color: #1B84FF;
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: #1B84FF;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-solid-color: var(--bs-gray-700);
    --bs-input-solid-bg: var(--bs-gray-100);
    --bs-input-solid-bg-focus: var(--bs-gray-200);
    --bs-input-solid-placeholder-color: var(--bs-gray-500);
    --bs-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --bs-root-card-border-color: #F1F1F4;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75);
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-code-bg: #f1f3f8;
    --bs-code-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --bs-code-border-color: transparent;
    --bs-code-color: #b93993;
    --bs-symbol-label-color: var(--bs-gray-800);
    --bs-symbol-label-bg: var(--bs-gray-100);
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5);
    --bs-bullet-bg-color: var(--bs-gray-400);
    --bs-scrolltop-opacity: 0;
    --bs-scrolltop-opacity-on: 0.3;
    --bs-scrolltop-opacity-hover: 1;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow);
    --bs-scrolltop-bg-color: var(--bs-primary);
    --bs-scrolltop-bg-color-hover: var(--bs-primary);
    --bs-scrolltop-icon-color: var(--bs-primary-inverse);
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse);
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --bs-drawer-bg-color: #ffffff;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --bs-menu-dropdown-bg-color: var(--bs-body-bg);
    --bs-menu-heading-color: #99A1B7;
    --bs-menu-link-color-hover: #1B84FF;
    --bs-menu-link-color-show: #1B84FF;
    --bs-menu-link-color-here: #1B84FF;
    --bs-menu-link-color-active: #1B84FF;
    --bs-menu-link-bg-color-hover: #F9F9F9;
    --bs-menu-link-bg-color-show: #F9F9F9;
    --bs-menu-link-bg-color-here: #F9F9F9;
    --bs-menu-link-bg-color-active: #F9F9F9;
    --bs-scrollbar-color: #F1F1F4;
    --bs-scrollbar-hover-color: #DBDFE9;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --bs-rating-color-default: #C4CADA;
    --bs-rating-color-active: #FFAD0F;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(30, 33, 41, 0.1);
    --bs-ribbon-label-bg: #1B84FF;
    --bs-ribbon-label-border-color: #0053b4;
    --bs-ribbon-clip-bg: #1E2129;
    --bs-engage-btn-bg: #ffffff;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0;
    --bs-engage-btn-border-color: #E8E8E8;
    --bs-engage-btn-color: #252F4A;
    --bs-engage-btn-icon-color: #78829D;
    --bs-engage-btn-color-active: #252F4A;
}



.bg-primary {
    background-color: var(--bs-primary) !important;
}

body {
    background-color: white;
    font-family: 'Outfit', sans-serif;
}

/* Parent navigation items in sidebar with font-weight 600 for clean look */
.navbar-nav > .nav-item > .nav-link .nav-link-text {
    font-weight: 600;
}

.cursor-pointer {
    cursor: pointer;
}
.main-content.full {
    margin-left: 42px !important;
    -webkit-transition: 0.3s linear;
}

.hide {
    /* display: none !important; */
    z-index: 999;
    width: 40px !important;
    -webkit-transition: 0.3s linear;
}

.navbar-vertical.navbar-expand-md.hide .navbar-nav .nav-link {
    /* padding: .65rem 1rem; */
}



.hide .nav-item span {
    display: none;
    -webkit-transition: 0.3s linear;
}


 .navbar-vertical .navbar-nav .nav-link > i {
    color: rgba(0, 0, 0, .5);
 }

.hide .nav-item:hover span {
    width: 240px;
    height: 48px;
    position: fixed;
    margin-left: 32px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: .65rem;
    border-bottom: #17c1d04d solid 1px;
    border-top: #17c1d04d solid 1px;
    border-right: #17c1d04d solid 1px;
}

.bg-light {
    --bs-bg-rgb-color: var(--bs-light-rgb);
    background-color: var(--bs-light) !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-top: 3px solid var(--bs-primary);
}

.btn-primary {
    color: #fff;
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.btn-primary:hover {
    color: #fff;
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.btn-primary i {
    color: var(--bs-primary-inverse);
}

.page-item.active .page-link {
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.page-item .page-link, .page-item span {
    border-radius: 10px !important;
}

.input-group .form-control {

}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--bs-primary);
}

.form-control {
    border-radius: .575rem;
}

.btn-secondary {
    background-color: var(--bs-gray-200);
    color: var(--bs-gray-700);
}

.btn {
    box-shadow: none !important;
}

.table .thead-light th {
    background-color: var(--bs-gray-100);
}

.rounded {
    border-radius: .875rem !important;
}

.nav-pills .nav-link {
    box-shadow: none !important;
    color: rgba(0, 0, 0, .5);

}

.nav-pills .nav-link:hover {
    color: var(--bs-primary);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary);
}

#sidenav-main, .main-content {
    -webkit-transition: 0.3s linear;
}

#sidenav-main .navbar-nav .nav-link {
    font-size: 0.80em;
}

.nav-tabs.light .nav-link:not(.active) {
}

.nav-link:hover {
    color: var(--bs-primary);
}
/* ScrollBar */

/* width */

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */

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

/* Handle */

::-webkit-scrollbar-thumb {
    background: #B5BFC6;
    border-radius: 10px;
}

::selection {
    background: #17c1d0;
    color: #fff;
}

.doc-historico div.card {
    -webkit-transition: 0.1s linear;
}

.doc-historico div.card:active {
    -webkit-transition: 0.1s linear;
    -webkit-transform: scale(0.95);
    background: #f8f9fe;
}

.tbody-component>tr {
    cursor: pointer;
}


tr.tr-dest {
    background: #e9f5f4;
    border-left: 2px solid #1c9188;
}

.modal-dialog.w-100 {
    max-width: 1024px;
}


.mobile {
    display: none;
}

.desktop {
    display: block;
}

@media only screen and (max-width: 768px){
    .mobile {
        display: block !important;
    }

    .desktop  {
        display: none;
    }
}

.navbar-menu-sub {
    position: relative;
    min-width: 200px;
    list-style: none;
    padding: 0 15px 3px 24px;
    border-left: 1px solid rgba(72, 94, 144, 0.16);
    margin-top: 10px;
    margin-left: 28px;
    z-index: 1000;
    display: none;
}

@media (min-width: 768px)
{
    .navbar-expand-md .navbar-nav .nav-link {
        /* padding-right: 0.5rem !important;
        padding-left: 0.5rem !important; */
        font-size: 15px;
    }

    .navbar-menu-sub {
        position: absolute;
        top: 41.5px;
        left: -25px;
        background-color: #fff;
        padding: 20px 25px;
        border: 1px solid rgba(192, 204, 218, 0.53);
        margin-top: 0;
        margin-left: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        width: 250px;
    }
}

 .nav-item.show .navbar-menu-sub {
    display: block;
}

.nav-item {
    position: relative;
    min-height: 45px;
}


.center-main-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



  .text-primary, .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active {
    color: #1B84FF !important;
}

.bg-gradient-success{background:linear-gradient(87deg,#1B84FF 0,#2dcecc 100%)!important}