/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
a,
p,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
ol {
    font-family: "Poppins", sans-serif !important;
}

.tns-outer ~ .controls-container > div {
    background-color: white;
    color: black !important;
    font-size: 1rem;
    position: absolute;
    top: 1rem;
    /* transform: translateY(-50%); */
    border-radius: 50rem;
    padding: 0.25rem 0.375rem;
    opacity: 0.75;
    cursor: pointer;
    transition: color 0.2s linear;
    z-index: 100;
}

.tns-outer ~ .controls-container > div:hover {
    color: var(--themecolor-dark);
    opacity: 0.95;
}

.tns-outer ~ .controls-container .prev {
    right: 3.5rem;
}

.tns-outer ~ .controls-container .next {
    right: 1rem;
}

.tns-outer ~ .controls-container div[aria-disabled="true"] {
    display: none;
}

.tns-outer ~ .controls-container div[aria-disabled="true"],
.tns-outer ~ .controls-container div[aria-disabled="true"]:hover {
    opacity: 0;
}

.color-primary {
    color: #ac1c1d !important;
}
.btn-danger {
    background-color: #ac1c1d !important;
}
.btn:hover {
    background-color: #8d1919 !important;
    border-color: #8d1919 !important;
}

.btn-danger-2 {
    background-color: #fff !important;
    color: #ac1c1d !important;
}

.btn-danger-2:hover {
    background-color: #ac1c1d !important;
    color: #fff !important;
}

.text-danger {
    color: #ac1c1d !important;
}

button.text-danger:hover {
    color: #8d1919 !important;
}

a.text-danger:hover {
    color: #8d1919 !important;
}

a.fst-underline:not(.btn-link):not(.text-decoration-underline):not(.more-link) {
    text-decoration: underline !important;
}

.fw-boldest {
    font-weight: 1000 !important;
}

.cursor-pointer {
    cursor: pointer;
}

#canvas-TabContent.sidebar-open {
    margin-left: 300px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.text-justify {
    text-align: justify !important;
}

.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
    font-family: "FontAwesome" !important;
}

.bg-primary-2 {
    background-color: #a86c6c !important;
}

.scroll-custom::-webkit-scrollbar {
    width: 3px !important;
    height: 3px !important;
}

.scroll-custom::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scroll-custom::-webkit-scrollbar-thumb {
    background: #ac1c1d;
}

.scroll-custom::-webkit-scrollbar-thumb:hover {
    background: #9e192b;
}

.fz-16 {
    font-size: 16px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.text-wrap {
    word-wrap: break-word; /* Ensures long words are broken */
    word-break: break-word; /* Prevents cutting words in the middle */
    overflow-wrap: break-word; /* Handles very long words */
}

iframe#tableauViz {
    width: 100% !important;
}

@media (max-width: 991.98px) {
    #canvas-TabContent.sidebar-open {
        margin-left: 0 !important;
    }
}
@media (max-width: 576px) {
    h1 {
        font-size: 20px !important;
    }
    h2,
    h3 {
        font-size: 18px !important;
    }
    h4,
    h5,
    h6,
    p,
    span {
        font-size: 1rem !important;
    }
}