html {
    font-size: 10pt !important;
}

body, .form-control {
    font-family: 'Congenial','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 500;
}

input {
    autocomplete: off;
}

.bg-orange-200 {
    background-color: #FECBA1;
}

#PageWrapper slip {
    margin-bottom: 350px !important;
}

#StudentDetailsmodel .modal-dialog {
    width: 75%;
    min-width: 650px; /* New width for default modal */
}

.theme-bg {
    background-color: #6f42c1 !important;
    color: #fff !important;
    border-color: #6f42c1;
}

.page-link {
    background-color: #6f42c1 !important;
    color: #fff !important;
    border-color: #6f42c1;
}

.theme-bg-lighter {
    background-color: #6f42c1 !important;
    opacity: 0.4;
    color: #fff !important;
    border-color: #6f42c1;
}

.theme-navbar {
    background-color: #6f42c1 !important;
    color: #fff !important;
    border-color: #6f42c1;
}

    .theme-navbar .nav-item, .theme-navbar .nav-link, .theme-navbar .navbar-brand {
        /* padding-left: 0.9em;
        padding-right: 0.9em;*/
        padding: 5px 7px !important;
        color: #fff !important;
        text-decoration: none;
    }

    .theme-navbar .dropdown-item {
        font-weight: 500 !important;
    }

    .theme-navbar .dropdown-menu {
        background-color: #FECBA1 !important;
    }

.navbar-toggler-icon {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 165, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    border: none !important;
    border-color: none;
}


.navbar-toggler {
    border-color: rgb(255, 255, 255);
}

.theme-navbar .navbar-toggler:focus {
    color: #fff;
    border: none;
}

.theme-navbar .navbar-brand {
    font-weight: bold;
}

.theme-text-color {
    color: #6f42c1;
}

.theme-btn {
    padding: 5px 25px;
    color: #fff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}

    .theme-btn:hover {
        color: #fff;
        background-color: #6f42c1;
        border-color: #6f42c1;
    }

    .btn-check:focus + .theme-btn, .theme-btn:focus {
        color: #fff;
        background-color: #6f42c1;
        border-color: #6f42c1;
        box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
    }

    .btn-check:checked + .theme-btn, .btn-check:active + .theme-btn, .theme-btn:active, .theme-btn.active, .show > .theme-btn.dropdown-toggle {
        color: #fff;
        background-color: #6f42c1;
        border-color: #6f42c1;
    }

        .btn-check:checked + .theme-btn:focus, .btn-check:active + .theme-btn:focus, .theme-btn:active:focus, .theme-btn.active:focus, .show > .theme-btn.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
        }

    .theme-btn:disabled, .theme-btn.disabled {
        color: #fff;
        background-color: #6f42c1;
        border-color: #6f42c1;
    }


table tr th {
    background-color: #6f42c1 !important;
    color: #fff !important;
    border: 1px solid #fff;
    padding: 5px !important;
    text-align: center;
    line-height: 18px !important;
}

table tr td a {
    color: #000000 !important;
}

.table tr > th > a {
    text-decoration: none;
    color: #fff;
}

.table td,
.table th {
    margin: 0px;
    padding: 5px !important;
}

.table th {
    text-align: center;
    font-weight: 600;
}

.table td span,
.table td input {
    text-align: center;
    margin: 0px auto;
    display: block;
    padding: 5px !important;
}
/*************** Pagination Code:Start ***************/
.table-pager {
    background-color: #6f42c1;
    padding: 0px;
}

    .table-pager table {
        padding: 0px;
        margin: 0px auto;
        border-radius: 25px;
    }

        .table-pager table tr td span, .table-pager table tr td a {
            text-align: center;
            font-size: 10pt;
            font-weight: bold;
            color: #808080 !important;
            min-width: 25px !important;
            padding: 5px !important;
            border: 1px solid #fff;
            border-radius: 10px;
            text-decoration: none;
        }

        .table-pager table tr td a {
            padding: 7px !important;
            color: #fff !important;
        }


/*************** Pagination Code:End ***************/
.btn-group .btn {
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #FFC107;
}

.w-10 {
    min-width: 10% !important;
}

.col-form-label, label {
    font-weight: bold !important;
}


.form-control, .form-select, .chosen-single, .chosen-container-single .chosen-search input[type="text"] {
    border: 1px solid #d2d6de;
    border-radius: 0px !important;
    /*padding-top: 5px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;*/
    display: block;
}

/*.form-control:focus, .form-select:focus, .chosen-single:focus, .chosen-container-single .chosen-search input[type="text"]:focus {
        border: 1px solid #d2d6de;
        box-shadow: none;
        font-weight: bold;
        display: block;
    }*/

.chosen-container .chosen-results {
    max-height: 200px; /* Adjust as needed */
    overflow-y: auto;
}

.col-form-label,.btn  {
    font-family: 'Congenial','Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: 500 !important;
}


.input-group {
    display: flex;
    flex-wrap: nowrap;
}

    .input-group .form-control {
        flex: 1 1 auto; /* Ensures proper width distribution */
    }

/****************************************/

/* Ensure tab content takes full height */
.tab-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tab-pane {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .tab-pane .content {
        flex-grow: 1;
        overflow-y: auto; /* Scrollable content if it exceeds the available space */
        height: 200px;
    }

.btn-container {
    margin-top: auto; /* Push the button container to the bottom */
}