.divider:after,
.divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

.h-custom {
    height: calc(100% - 73px);
}

.img-fluid {
    max-width: 100% !important;
    max-height: 100% !important;
    height: auto !important;
}

@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}

.bootbox-close-button {
    background: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    border: 0;
    border-radius: .375rem;
    font-size: 12px;
    position: absolute;
    right: 22px;
}

.select2-selection__rendered {
    line-height: 41px !important;
}

.select2-container .select2-selection--single {
    height: 41px !important;
}

.select2-selection__arrow {
    height: 43px !important;
}

.bootbox {
    background-color: silver;
}

    .bootbox .modal {
        /*background-color: forestgreen;*/ /* Custom header color */
        background-color: black !important;
        opacity: 1;
    }

    .bootbox .modal-header {
        /*background-color: forestgreen;*/ /* Custom header color */
        /*color: white;*/ /* Text color in header */
    }

    .bootbox .modal-footer {
        background-color: #f8f9fa; /* Custom footer color */
    }

    .bootbox .modal-body {
        background-color: white;
    }

object p {
    padding: 10px;
    font-size: 65px;
    color: red;
}

.model-vh100 {
    width: 100%;
    height: 100%;
}

.typewriter-container {
    font-family: 'Courier New', Courier, monospace; /* Typewriter-like font */
    display: inline-block;
    white-space: nowrap; /* Prevent line breaks */
    border-right: 2px solid; /* Cursor effect */
    overflow: hidden; /* Hide overflowing text */
    animation: blink-cursor 0.7s step-end infinite;
}

.typewriter-text {
    color: red;
    font-size: 3.5rem;
    text-decoration: solid;
    text-transform: uppercase;
    height: 80px;
    display: block;
    /*animation: colorChange 5s infinite alternate;*/
}
/* Blinking cursor effect */
@keyframes blink-cursor {
    from, to {
        border-color: transparent;
    }

    50% {
        border-color: black;
    }
}
/*@keyframes colorChange {
    0% {
        color: red;
    }

    25% {
        color: blue;
    }

    50% {
        color: green;
    }

    75% {
        color: orange;
    }

    100% {
        color: purple;
    }
}*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.pdf-page {
    display: grid;
    place-items: center;
    min-height: 32rem;
    height: auto;
    background-color: gainsboro;
    border-radius: 3px;
    border: 2px;
}

.bootbox-custom .modal-dialog {
    width: 98%; /* Set your custom width here */
    max-width: 100%; /* Ensure it doesn't overflow on small screens */
    height: 650px; /* Set your custom height here */
}

.bootbox-custom .modal-content {
    height: 100%;
}

.bootbox-custom .modal-body {
    /*overflow-y: auto;*/ /* Add scrollbar if the content exceeds the height */
}

.bootbox .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 83px;
}

.bootbox .modal-title {
    width: 100%; /* Make the title span full width */
    margin: 0; /* Remove default margin */
}

/* Optional: Adjust close button position */
.bootbox .btn-close {
    margin-left: auto; /* Keep close button to the right */
}

.bootbox-body {
}

.bootbox .preview-pdf-modal {
    width: 100%;
    height: 650px;
}
/*search page and nav for PDF */
.search-page, .nav-page, .go-page, .zooming {
    display: none;
}

.search-pageo, .nav-pageo, .go-pageo, .zoomingo {
    display: none;
}

.search-container, .search-containero {
    visibility: hidden;
}

#__pdf-tool-bar {
    display: none;
    width: 750px;
    overflow: auto;
}


.page-viewer-loader {
    width: 100%;
    height: 3px;
    background-color: darkgreen;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    /*top: 80px;*/
}

#pdf-container, #adobe-container, #view-pdf-container, #view-pdf-container1, #view-pdf-container2 {
    display: block;
    width: 100%;
    min-height: 45rem !important;
    max-height: 98%;
    overflow: auto;
    text-align: center;
    position: relative;
    background-color: #f0f0f0; /* Optional background color */
}

.pdfViewer {
    width: 100%;
    min-height: 45rem !important;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pdfcomViewer {
    width: 100%;
    min-height: 45rem !important;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

canvas {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
}

table.dataTable thead th, table.dataTable tbody td {
    word-break: break-word;
}

hr.line {
    margin: 0rem 0 !important;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .05;
}

.blocker {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 30px); /* Corrected calc() function */
    height: calc(100% - 30px);
    /* background: transparent; */
    background: rgba(255, 255, 255, 0); /* Fully transparent */
    z-index: 1;
}

/*splitter*/
.split-container {
    display: flex;
    /* Misc */
    border: 1px solid #cbd5e0;
    height: 39rem;
    width: 100%;
}

.split-container__left {
    /* Initially, the left takes 3/4 width */
    width: 55%;
    /* Misc */
    display: flex;
    /*         align-items: center;
                                                                                                                                                                                                justify-content: center;*/
}

.resizer {
    background-color: #cbd5e0;
    cursor: ew-resize;
    height: 100%;
    width: 3px;
}

.split-container__right {
    /* Take the remaining width */
    flex: 1;
    /* Misc */
    display: flex;
    /* align-items: center;
                                                                                                                                                                                                justify-content: center; */
}

/*pdf textlayer*/


table.dataTable tbody td > .wrap {
    word-break: break-word !important;
    white-space: break-spaces !important;
}

.truncate {
    width: 55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-right {
    position: fixed;
    height: 100%;
    width: 400px;
    right: 0;
    top: 70px;
    bottom: 50px;
    background-color: ghostwhite;
    transition: transform 0.3s ease;
    z-index: 9999;
    border-left: 1px solid silver;
}

    .page-right.closed {
        transform: translateX(100%);
    }

.page-inner {
    margin-right: 0; /* Same width as the right div */
    transition: margin-right 0.3s ease;
}

    .page-inner.expanded {
        margin-right: 400px;
        transition: margin-right 0.3s ease;
    }


/*Customise for space management*/
.main-panel .page-header {
    margin-bottom: 5px;
}

.card .card-header, .card-light .card-header {
    padding: 0.6rem 1rem;
}

.card .card-body, .card-light .card-body {
    padding: 0.6rem;
}

.card, .card-light {
    margin-bottom: 20px;
}

.page-category {
    line-height: 1.5;
    margin-bottom: 20px;
}

.form-check, .form-group {
    margin-bottom: 0;
    padding: 3px;
}

.page-inner {
    padding: 10px 20px 0;
}

.table > tbody > tr > td, .table > tbody > tr > th {
    padding: 5px 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .0em 0em !important;
    margin-left: 2px;
}

div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {
    padding: 3px 5px !important;
}

.dataTables_length, .dt-buttons {
    padding: 0px 10px;
}

input[name='ViewDataModel.fileUpload'] {
    padding-left: 15px;
}
/*end*/

.page-viewer-loader {
    display: none;
}


/* Change bullet color for sub-menu items */
.nav-collapse li::marker {
    color: #ff4500; /* Orange bullet color */
}

.sidebar .nav > .nav-item, .nav > .nav-item {
    list-style: disc;
}

.sidebar .nav .nav-item > a:hover {
    background: rgba(0, 0, 0, .16);
    color: #1269db !important;
}

.sidebar .nav > .nav-item .sub-item::before {
    background: #fff; /* change bullet color */
    transition: background 0.1s ease; 
}
.sidebar .nav > .nav-item .sub-item:hover::before {
    background: #1269db;  
    transition: background 0.4s ease;
}
.sidebar .nav > .nav-item a:hover span::before {
    background: #ff6a00; /* change bullet color */
    transition: background 0.2s ease;
}