/* ===please add class form tag "wulogin-form"==== */
:root,
[data-bs-theme=light] {
     --bs-primary: #084fbb !important;
}

[data-bs-theme=light] {
        --bs-primary: #084fbb !important;
}
.wulogin-form input#Email, .wulogin-form input#Password {
   background-image: url(/assets/media/wuimage/login-user.png);
    background-position: 97% 50%;
    background-size: 23px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
}

.wulogin-form input#Password{

        background-image: url(/assets/media/wuimage/password-icon.png);
}

a{
    color: rgb(8 79 187);
    text-decoration: none;
}

.text-primary {
    color: #084fbf !important;
}

.badge-light-primary {
    background-color: #084fbb26;
}

.app-header {
    position: sticky !important;
    top: 0;
    z-index: 999;
    width: 100%;
    background-color: #ebf3ff !important;
    animation: none !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

span.menu-title:before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
    color: #084fbb !important;
}

.btn.btn-active-color-primary:hover:not(.btn-active) i {
    color: #3976d2 !important;
}

#kt_menu_notifications h3, #kt_menu_notifications span, #kt_menu_notifications ul li, #kt_menu_notifications ul li a {
    color: #fff !important;
}

.btn.btn-primary {
    padding: 6px 17px !important;
    border-radius: 4px;
}
.link-primary, .fs-base a {
    color: #084fbb !important;
}

#kt_sign_in_form .text-gray-500.fw-semibold.fs-6 {
    color: #084fbb !important;
    font-size: 35px !important;
    font-weight: bolder !important;
}

h1.text-gray-900

 {
    margin-top: 40px;
}

.my-14 {
    margin-top: -0.7rem !important;
    margin-bottom: 4.5rem !important;
}

.fs-7
{
    color: #084fbf !important;
    font-size: 14px !important;
}

.separator.separator-content::after, .separator.separator-content::before {
 
    border-bottom: 1px solid #084fbb42;
}

body {
    background-image: url(/assets/media/wuimage/bg4.jpg) !important;
}

.bg-body {
 
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.wulogo img {
    height: 130px;
}

.text-white , span.me-1:hover {
    color: #000 !important;
}
.btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
  
    background-color: #3976d2 !important;
}
.link-primary:focus, .link-primary:hover {
    color: #000 !important;
}

div#kt_app_header_container, div#kt_app_footer {
    background-color: #f2f4fc;
}

    div#kt_app_header_container .app-header-menu .menu > .menu-item > .menu-link .menu-title {
        color: #322f2f;
    }

    div#kt_app_header_container .btn.btn-color-gray-600 .svg-icon, .btn.btn-color-gray-600 i {
        color: #084fbb;
    }

/*.scrolltop {
    background-color: #084fbb !important;
    opacity: 1 !important;
}*/

.div#kt_app_header_container .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #084fbb;
}
/*==llogo section ==*/
@media (max-width: 991px) {
    img.h-75px.wulogoimg {
        max-height: 50px;
    }
}



div#kt_app_foote {
    margin-top: 20px !important;
}

div#kt_app_footer .menu-gray-600 .menu-item .menu-link {
    color: #000;
}

div#kt_app_footer {
    margin-top: 30px !important;
}

    div#kt_app_footer a.text-gray-800.text-hover-primary {
        color: #084fbb !important;
        font-weight: bold;
        font-size: 14px;
    }

    div#kt_app_footer span.text-muted.fw-semibold.me-1 {
        color: #084fbb !important;
        font-weight: bold !important;
    }

div#kt_modal_upload_dropzone button.btn.btn-flex.btn-primary {
    background-color: #084fbb;
    color: #fff;
    border: 1px solid #084fbb !important;
    padding: 7px 25px;
    border-radius: 3px;
    margin-top: 8px;
}
div#kt_modal_upload_dropzone button.btn.btn-flex.btn-light-primary.me-3, div#kt_modal_upload_dropzone button.btn.btn-flex.btn-light-primary.me-3:active{
    background-color: transparent  !important;
    color: #084fbb;
    border: 1px solid #084fbb !important;
    padding: 7px 25px;
    border-radius: 3px;
    margin-top: 8px;
}

    div#kt_modal_upload_dropzone button.btn.btn-flex.btn-light-primary.me-3:hover {
        background-color: #084fbb !important;
        color: #fff;
    }

div#kt_modal_upload_dropzone .btn.btn-light-primary i {
    color: #084fc4 !important;
}
div#kt_modal_upload_dropzone button.btn.btn-flex.btn-light-primary.me-3:hover i {
    color: #fff !important;
}
.card.card-flush {
    border-radius: 3px !important;
}
.card-flush .nav-line-tabs .nav-item .nav-link.active {
    border-bottom: 1px solid #084fbb;
    color: #084fbb !important;
}

.symbol-label i {
    color: #084fbb !important;
}

.symbol.symbol-circle.me-5 {
    background-color: #084fbb1a;
}
button.edit-btn, button.delete-btn {
    border: none;
}

    button.edit-btn i {
        color: #084fbb !important;
        font-size: 15px;
    }

button.delete-btn {
    border: none;
}

    button.delete-btn i {
        color: #e23f3f !important;
    }

th.sorting:before, th.sorting:after {
    color: #000000ab !important;
    opacity: 1 !important;
}
.form-control {
    font-size: 1.1rem;
}
.form-control, .form-select {
    border-radius: 3px;
    padding: 8px;
}
div#kt_app_wrapper {
    border-radius: 0px;
}

.app-wrapper {
    border-radius: 0px;
}
.card-header h4 {
    color: #084fbb;
}
@media (min-width: 768px) {
    .w-md-600px {
        width: 475px !important;
    }
}

.bg-body {
    padding: 10px 25px 40px 25px !important;
}

@media (min-width: 992px) {
    .pb-lg-20 {
        padding-bottom: 0rem !important;
    }
}
@media (max-width: 540px) {
    .separator.separator-content::after, .separator.separator-content::before {
        content: " ";
        width: 39%;
    }
}
#kt_sign_in_form .text-gray-500.fw-semibold.fs-6 {
    font-size: 25px !important;
}
table#kt_map_list {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

form#kt_modal_upload_form tr.text-start.text-gray-500.fw-bold.fs-7.text-uppercase.gs-0 {
    background-color: #084fbb !important;
    border: 1px solid #084fbb;
}
form#kt_modal_upload_form th.min-w-10px {
    color: #fff !important;
    border-right: 1px solid #fff !important;
}

form#kt_modal_upload_form tr.text-start.text-gray-500.fw-bold.fs-7.text-uppercase.gs-0 td {
    color: #fff;
}

form#kt_modal_upload_form .table:not(.table-bordered).table-row-dashed tr:nth-child(even) {
    background-color: #8c939e14;
}

button.btn.btn-flex.btn-light-primary.btn-sm.me-3 {
    background-color: #084fbb !important;
    color: #fff;
}

form#kt_modal_upload_form button.btn.btn-flex.btn-light-primary.btn-sm.me-3 {
    background-color: transparent;
    border: 1px solid #084fbb !important;
}
form#kt_modal_upload_form .table.gy-5 td, .table.gy-5 th {
    padding-top: 0.80rem;
    padding-bottom: 0.80rem;
}
.table:not(.table-bordered).table-row-dashed tr {
    border-color: #084fbb45 !important;
}
/* --bs-primary: #084fbb; */

.menu-link i {
    color: #084fbb;
}


.card-body .text-white, span.me-1:hover {
    color: white !important;
}

#kt_header_user_menu_toggle .menu-item:hover .menu-link, #kt_header_user_menu_toggle .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #084fbf !important;
}

#kt_header_user_menu_toggle a.fw-semibold.text-muted.text-hover-primary:hover {
    color: #084fbf !important;
}


.btn.btn-light-primary .svg-icon, .btn.btn-light-primary i {
    color: white !important;
    color: var(--bs-primary);
}

table#kt_file_manager_list tr th {
    color: white;
}

button#nextButton:hover {
    background-color: #084fbf !important;
}

#kt_app_root button #kt_sign_in_submit, #kt_app_root button .btn.btn-primary:active:not(.btn-active) {
    background-color: #054dba !important;
}


/**=== jay css ===*/

.modal.fade.show, div#eduOrgModal {
    padding-top: 80px;
}

.btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
    background-color: #3976d2 !important;
    border-color: #3976d2 !important;
}

//footer section

#kt_app_footer .app-container.container-fluid.d-flex.flex-column.flex-md-row.flex-center.flex-md-stack.py-3 {
    width: 100%;
    text-align: center !important;
    justify-content: center !important;
}

#kt_app_footer .app-container.container-fluid.d-flex.flex-column.flex-md-row.flex-center.flex-md-stack.py-3 {
    justify-content: center !important;
}

div#kt_app_footer {
    margin-top: 30px !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    position: fixed;
    bottom: -10px;
    left: 0;
    right: 0;
}

// scroll bar fix

/*table#kt_file_manager_list {
    overflow-x: scroll;
}

body::-webkit-scrollbar {
    width: 1em;*/ /* Width of the scrollbar */
/*}*/

/*body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ /* Style of the track */
/*}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;*/ /* Color of the thumb */

    /*outline: 1px solid slategrey;*/ /* Outline of the thumb */
/*}*/

/*=== updated for scrollbar ==*/

#kt_file_manager_list {
    min-width: 800px;
}


/* test error */
.toastr-container > .toastr.toastr-error {
    top:250px !important
}

.toastr-container {
    top: 250px !important;
}


div#kt_app_wrapper {
    flex: 1;
}

div#kt_app_content_container {
    padding-bottom: 100px;
}
.modallegend {
    font-size:1.2em;color:#084fbb;
}
/*datatable start*/
#edOrgTable thead th {
    background-color: #084fbb1a;
    color: #084fbb;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 2px solid #084fbb33;
    padding: 12px;
    vertical-align: middle;
}

    #edOrgTable thead th:hover {
        background-color: #084fbb26;
        color: #003c99;
        cursor: pointer;
    }

#edOrgTable tbody td {
    vertical-align: middle;
    padding: 10px 12px;
    border-color: #dee2e6;
}

#edOrgTable tbody tr:nth-child(even) {
    background-color: #f9fbff;
}

#edOrgTable tbody tr:hover {
    background-color: #e9f1ff;
    transition: background-color 0.2s ease-in-out;
}

#edOrgTable tbody td:last-child {
    text-align: center;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 1rem;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
}

#edOrgTable {
    margin-top: 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.dataTables_wrapper .dataTables_info {
    float: left;
    margin-top: 0.75rem;
    color: #6c757d;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    margin-top: 0.5rem;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 4px 10px;
        border-radius: 4px;
        margin: 0 2px;
        border: 1px solid transparent;
        /* color: #084fbb !important; */
        font-weight: 500;
    }

@media (max-width: 767px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, 
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate
{
    float: none;
    text-align: center;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 0.75rem;
}
}
/* --- Force remove any built-in DataTables sort icons --- */
/* Ensure this is loaded AFTER DataTables CSS */
#edOrgTable.dataTable thead th.sorting,
#edOrgTable.dataTable thead th.sorting_asc,
#edOrgTable.dataTable thead th.sorting_desc,
#edOrgTable thead th.sorting,
#edOrgTable thead th.sorting_asc,
#edOrgTable thead th.sorting_desc {
    background: none !important;
    background-image: none !important;
    -webkit-background-size: 0 !important;
    background-size: 0 !important;
}

    /* Remove any pseudo-element icons added by DataTables or integrations */
    #edOrgTable.dataTable thead th.sorting:before,
    #edOrgTable.dataTable thead th.sorting_asc:before,
    #edOrgTable.dataTable thead th.sorting_desc:before,
    #edOrgTable.dataTable thead th.sorting:after,
    #edOrgTable.dataTable thead th.sorting_asc:after,
    #edOrgTable.dataTable thead th.sorting_desc:after,
    #edOrgTable thead th.sorting:before,
    #edOrgTable thead th.sorting_asc:before,
    #edOrgTable thead th.sorting_desc:before,
    #edOrgTable thead th.sorting:after,
    #edOrgTable thead th.sorting_asc:after,
    #edOrgTable thead th.sorting_desc:after {
        content: none !important;
        background: none !important;
        background-image: none !important;
        box-shadow: none !important;
    }

/* Make header position relative so we can absolutely position our icon */
#edOrgTable.dataTable thead th {
    position: relative;
    padding-right: 28px; /* space for the icon on the right */
}

    /* Add our custom icons (right-aligned, vertically centered) */
    #edOrgTable.dataTable thead th .dt-custom-sort-icon {
        display: none;
    }
    /* fallback */

    #edOrgTable.dataTable thead th.sorting:after,
    #edOrgTable.dataTable thead th.sorting_asc:after,
    #edOrgTable.dataTable thead th.sorting_desc:after {
        content: "⇅" !important;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #999;
        pointer-events: none;
    }

    /* Asc / Desc */
    #edOrgTable.dataTable thead th.sorting_asc:after {
        content: "↑" !important;
        color: #084fbb !important;
    }

    #edOrgTable.dataTable thead th.sorting_desc:after {
        content: "↓" !important;
        color: #084fbb !important;
    }

    /* Optional: make unsorted lighter */
    #edOrgTable.dataTable thead th.sorting:after {
        color: #084fbb !important;
    }

    /* Small transition */
    #edOrgTable.dataTable thead th:after {
        transition: color 0.15s ease, transform 0.15s ease;
    }


/*datatable end*/

/*email- wrap*/
a.fw-semibold.text-muted.text-hover-primary.fs-6 {
    white-space: normal;
    overflow-wrap: anywhere;
}
/* Global overlay */
#globalLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    flex-direction: column;
}

/* Spinner container */
.spinner-container {
    text-align: center;
}

/* Optional: “Please wait” text */
.loading-text {
    margin-top: 10px;
    font-weight: 600;
    color: #084fbb;
    letter-spacing: 0.5px;
}
.progress {
    height: 6px;
    border-radius: 4px;
    background-color: #e9ecef;
}

.progress-bar {
    border-radius: 4px;
}

.section-header {
    position: relative;
}

    .section-header small {
        display: block;
        margin-top: 0.3rem;
    }