html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    overflow-y: auto; /* Prevent vertical scrollbar */
}

.carousel-item {
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
}

    .carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Maintain aspect ratio and cover the entire container */
        object-position: center; /* Center the image */
    }

.btn-primary {
    color: #FFFFFF;
    background-color: #0055A4;
    border-color: #0d6efd;
    width: 245px;
    height: 44px;
}



.dm-link a {
    text-decoration: none;
    color: #0055A4;
    font-weight: 600;
    font-size: 16px;
}

.rm-navbar {
    background-color: #0055A4;
    height: 60px;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.dropdown-toggle::after {
    border: none;
    width: 10px;
    height: auto;
    display: inline-block;
    margin-left: 0.4rem;
    vertical-align: middle;
    content: url("../images/chevron_down_icon.svg");
    transform: translateY(-50%);
    transition: transform 0.3s;
}

.header-toggle::after {
    display: inline-block;
    margin-top: 20px;
    transform: translateY(-50%);
}

.dropdown-toggle[aria-expanded="true"]:after {
    transform: translateY(-50%) rotate(90deg);
}


.nav-tabs .nav-item .nav-link .nav-item-top {
    color: #818181;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0055a4;
    background-color: #EEF6FE;
    font-weight: bold;
}

.nav-link {
    position: relative; /* Needed for correct positioning of the pseudo-element */
    color: #818181;
    min-width: 279px;
    min-height: 56px;
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically centers the content */
    justify-content: start; /* Aligns content to the left */
}

    .nav-link.active::after {
        content: '';
        position: absolute;
        top: 20%;
        right: 0;
        /* Controls the length of the border */
        height: 60%;
        border-right: 4px solid #0055A4; /* Shorter right border */
        color: #0055a4;
    }

h2 {
    color: #0055A4;
    font-size: 28px;
    font-weight: 700;
    line-height: 38.13px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-top: 30px;
    margin-bottom: 20px;
}

.btn-icon {
    margin-top: -5px;
    margin-right: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 10px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/*slider off*/
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: #D9D9D9;
    transition: 0.4s;
    border-radius: 24px;
}
    /*button off*/
    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 0px;
        bottom: 0px;
        top: -5px;
        background-color: #8A95A0;
        transition: 0.4s;
        border-radius: 50%;
    }
/*slider on*/
input:checked + .slider {
    background-color: #A2C1DE;
}
    /*button on*/
    input:checked + .slider:before {
        transform: translateX(12px);
        background-color: #0055A4;
    }

.table-active {
    background-color: #f0f8ff !important;
}

.tenant-div {
    display: flex;
    align-items: center;
    height: 44px;
    background-color: #F0F4F8;
    border-color: #fff;
    border-bottom: 1.5px solid #0055A4;
    margin-bottom: 10px;
    padding-left: 10px;
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflowed text */
    text-overflow: ellipsis;
}

#carouselExampleIndicators {
    /* Adjust this height to your needs */
    height: 100vh; /* Example height */
    overflow: hidden; /* Good practice if images might exceed this */
}

    #carouselExampleIndicators .carousel-inner,
    #carouselExampleIndicators .carousel-item {
        height: 100%; /* Make inner and items fill the carousel height */
    }

        #carouselExampleIndicators .carousel-item img {
            height: 100%;
            width: 100%; /* Ensure it tries to fill width too */
            object-fit: cover; /* This is key! */
            /* Other options for object-fit:
       - 'contain': Fits the whole image, might leave empty space (letterboxing/pillarboxing)
       - 'fill': Stretches the image to fit, will distort aspect ratio. Avoid.
       - 'scale-down': Displays as 'contain' or its natural size, whichever is smaller.
    */
        }