/*Bootstrap variable overrides*/
:root,
[data-bs-theme=light] {
    --bs-primary: #0099d6 !important;
    --bs-primary-rgb: 0, 153, 214;
    --bs-primary-text-emphasis: #027cad !important;
    --bs-primary-bg-subtle: #58afd1 !important;
    --bs-primary-border-subtle: #58afd1 !important;
    --bs-font-sans-serif: "OpenSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.tooltip {
    z-index: 100002 !important;
    --bs-tooltip-max-width: 1000px;
}

/*SCROLL BARS*/
.idocs-scroll {
    overflow: auto;
}

.idocs-scroll-x {
    overflow-x: scroll;
    overflow-y: hidden;
}

.idocs-scroll-y {
    overflow-y: scroll;
    overflow-x: hidden;
}

.idocs-scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.idocs-scroll-x::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.idocs-scroll-y::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.idocs-scroll::-webkit-scrollbar-thumb {
    background: #ccc;
}

.idocs-scroll-x::-webkit-scrollbar-thumb {
    background: #ccc;
}

.idocs-scroll-y::-webkit-scrollbar-thumb {
    background: #ccc;
}

.idocs-hover-light:hover {
    background-color: var(--bs-light) !important;
}

.idocs-hide {
    display: none !important;
}

/*BADGES*/
.idocs-badge {
    top: 25px !important;
    padding: 5px !important;
}

/*WIDTHS*/
.idocs-w-vw-190 {
    width: calc(100vw - 190px) !important;
}

.idocs-w-vw-420 {
    width: calc(100vw - 420px) !important;
}

.idocs-w-5 {
    width: 5px !important;
}

.idocs-w-10 {
    width: 10px !important;
}

.idocs-w-15 {
    width: 15px !important;
}

.idocs-w-20 {
    width: 20px !important;
}

.idocs-w-25 {
    width: 25px !important;
}

.idocs-w-30 {
    width: 30px !important;
}

.idocs-w-40 {
    width: 40px !important;
}

.idocs-w-40-min {
    min-width: 40px !important;
}

.idocs-w-50 {
    width: 50px !important;
}

.idocs-w-75 {
    width: 75px !important;
}

.idocs-w-80 {
    width: 80px !important;
}

.idocs-w-100 {
    width: 100px !important;
}

.idocs-w-125 {
    width: 125px !important;
}

.idocs-w-150 {
    width: 150px !important;
}

.idocs-w-170 {
    width: 170px !important;
}

.idocs-w-150-min {
    min-width: 150px !important;
}

.idocs-w-200 {
    width: 200px !important;
}

.idocs-w-225 {
    width: 225px !important;
}

.idocs-w-300 {
    width: 300px !important;
}

.idocs-w-400 {
    width: 400px !important;
}

.idocs-w-200-max {
    max-width: 200px !important;
}

/*HEIGHTS*/
.idocs-h-vh-900 {
    height: calc(100vh - 900px) !important;
}

.idocs-h-vh-800 {
    height: calc(100vh - 800px) !important;
}

.idocs-h-vh-700 {
    height: calc(100vh - 700px) !important;
}

.idocs-h-vh-500 {
    height: calc(100vh - 500px) !important;
}

.idocs-h-vh-450 {
    height: calc(100vh - 450px) !important;
}

.idocs-h-vh-400 {
    height: calc(100vh - 400px) !important;
}

.idocs-h-vh-350 {
    height: calc(100vh - 350px) !important;
}

.idocs-h-vh-300 {
    height: calc(100vh - 300px) !important;
}

.idocs-h-vh-250 {
    height: calc(100vh - 250px) !important;
}

.idocs-h-vh-170 {
    height: calc(100vh - 170px) !important;
}

.idocs-h-5 {
    height: 5px !important;
}

.idocs-h-10 {
    height: 10px !important;
}

.idocs-h-15 {
    height: 15px !important;
}

.idocs-h-20 {
    height: 20px !important;
}

.idocs-h-25 {
    height: 25px !important;
}

.idocs-h-30 {
    height: 30px !important;
}

.idocs-h-40 {
    height: 40px !important;
}

.idocs-h-50 {
    height: 50px !important;
}

.idocs-h-100 {
    height: 100px !important;
}

.idocs-h-100-max {
    max-height: 100px !important;
}

.idocs-h-125-max {
    max-height: 125px !important;
}

.idocs-h-150 {
    height: 150px !important;
}

.idocs-h-150-min {
    min-height: 150px !important;
}

.idocs-h-150-max {
    max-height: 150px !important;
}

.idocs-h-200 {
    height: 200px !important;
}

.idocs-h-280 {
    height: 280px !important;
}

.idocs-h-300 {
    height: 300px !important;
}

.idocs-h-300-max {
    max-height: 300px !important;
}

.idocs-h-200-max {
    max-height: 200px !important;
}

.idocs-h-250-max {
    max-height: 250px !important;
}

.idocs-h-290-max {
    max-height: 290px !important;
}

.idocs-h-400-max {
    max-height: 400px !important;
}

.idocs-h-450 {
    height: 450px !important;
}

.idocs-h-460 {
    height: 460px !important;
}

.idocs-h-500 {
    height: 500px !important;
}

.idocs-h-600 {
    height: 600px !important;
}

.idocs-h-650 {
    height: 650px !important;
}

.idocs-h-500-max {
    max-height: 500px !important;
}

.idocs-h-750-max {
    max-height: 750px !important;
}

.idocs-h-750 {
    height: 750px !important;
}

.idocs-h-800 {
    height: 800px !important;
}

.idocs-h-850 {
    height: 850px !important;
}

/*MARGINS*/
.mt-n1 {
    margin-top: -0.25rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.mt-n4 {
    margin-top: -1.5rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.me-n1 {
    margin-right: -0.25rem !important;
}

.me-n2 {
    margin-right: -0.5rem !important;
}

.me-n3 {
    margin-right: -1rem !important;
}

.me-n4 {
    margin-right: -1.5rem !important;
}

.me-n5 {
    margin-right: -3rem !important;
}

.mb-n1 {
    margin-bottom: -0.25rem !important;
}

.mb-n2 {
    margin-bottom: -0.5rem !important;
}

.mb-n3 {
    margin-bottom: -1rem !important;
}

.mb-n4 {
    margin-bottom: -1.5rem !important;
}

.mb-n5 {
    margin-bottom: -3rem !important;
}

.ms-n1 {
    margin-left: -0.25rem !important;
}

.ms-n2 {
    margin-left: -0.5rem !important;
}

.ms-n3 {
    margin-left: -1rem !important;
}

.ms-n4 {
    margin-left: -1.5rem !important;
}

.ms-n5 {
    margin-left: -3rem !important;
}

.mt-125px {
    margin-top: 125px !important;
}

.mr-200px {
    margin-right: 200px !important;
}

.ml-200px {
    margin-left: 200px !important;
}

.mt-2px {
    margin-top: 2px !important;
}

.mt-7px {
    margin-top: 7px !important;
}

.mt-25px {
    margin-top: 25px !important;
}

.mt-20px {
    margin-top: 20px !important;
}

.mt-100px {
    margin-top: 100px !important;
}

.mt-n3px {
    margin-top: -3px !important;
}

.mt-n78px {
    margin-top: -78px !important;
}

.mt-n135px {
    margin-top: -135px !important;
}

.mt-n145px {
    margin-top: -145px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.mb-25px {
    margin-bottom: 25px !important;
}