/*  ******************************************************************************* */
/*  ******************************************************************************* */
/*  **************************[ Notice ]******************************************* */
/*  ******************************************************************************* */
/*  ******************************************************************************* */

/*.main-content {
    --bs-navbar-vertical-width: 250px;
    margin-left: var(--bs-navbar-vertical-width);
}
.container-fluid {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}*/


#topbar > .container-fluid {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

.navbar-nav .nav-link:not(.active) {
    --bs-navbar-color: #fff;
}


.navbar-nav .nav-link > i {
    font-size: 1.0625rem;
  /*  line-height: 1.40625rem;*/
    padding-bottom: .125em;
    display: inline-block;
    width: 1.75rem;
}

.navbar.fixed-start > .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar-heading > i {
    font-size: 1rem;
}

.navbar-vertical {
    --bs-navbar-vertical-padding-x: 1rem;
}
.navbar-vertical.navbar-expand-md .navbar-brand-img {
    max-height: 4rem;
}
    .navbar-vertical .navbar-heading {
        font-size: .75rem;
    }

.header-tabs .nav-link {
    font-size: 1rem;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active::before {
    border-left: 2px solid transparent;
}
.navbar-nav .nav-link.active {
    /*color: #fdb700;*/ /*  main color  */
}
.nav-tabs .nav-item.active a {
    border-bottom: 2px solid var(--primary-color); /*  main color  */
}
.navbar-vertical .navbar-heading {
    color: var(--primary-color); /*  main color  */
    text-align: center;
    padding-bottom:0px;
    /*  text-decoration: underline;*/
}

#sidebar .nav-link {
    border: 1px solid transparent;
}
    #sidebar .nav-link:hover {
        border: 1px solid var(--primary-color)
    }

h1 .fa {
    font-size: 15px;
   /* color: #fdb700;*/ /*  main color  */
}
#sidebarCollapse .nav-item {
    padding-left: 12px;
    padding-right:10px;
}
.alert{
    /*margin-top:10px;*/
}
.alert .btn-close{
    padding:7.5px;
}
.container-fluid {
    padding-top: 10px;
}
/*.tab-content .card{
    margin-bottom:0px;
}*/
.header-pretitle {
    color: rgb(110, 132, 163);
}

.breadcrumb {
    color: var(--primary-color);/* #fdb700;*/
}

    .breadcrumb a {
        color: var(--primary-color); /* #fdb700;*/
    }
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    line-height: 0.5rem;
}

.table-hover > thead > th  {
    background-color: rgb(21, 46, 77) !important;
}

.modal-fullscreen {
    height: 95%;
    margin: 0;
    max-width: none;
    width: 95vw;
    top: 2.5%;
    right: -2.5vw;
}

.modal-header {
    background-color: rgb(21, 46, 77);
    color:#fff;
}

.placeholder-glow {
    margin: 20px;
}
.placeholder{
    opacity:.4;
}

.fa.fa-ellipsis-vertical {
    width: 20px;
    height: 20px;
    text-align: center;
}

.form-control:disabled{
/*    border-color:#aaa;*/
    color:#aaa;
}
.form-control[readonly]{
    background-color:inherit;
}

.btn-close{
    filter:none !important;
}

.nav-link.disabled {
    opacity: .5;
}

.avatar-img {
    display: flex; /* Enable Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background-color: unset; /* #bbb;*/
}


.card-header-tabs {
    margin-right: 1rem;
}

    .card-header-tabs .nav-item {
        min-width: 50px;
    }

.header {
    padding-top: 20px;
    margin-bottom: 1rem;
}
.header-body {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

@media (max-width: 768px) {
    :root {
        --bs-header-margin-bottom: 1rem;
    }
    .header-body {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

/*  -------------------------------------------------------------------------- */
/*  --------------------- Alerts --------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.alert-success {
    --bs-alert-color: var(--bs-success);
    --bs-alert-border-color: var(--bs-success);
    --bs-alert-link-color: var(--bs-success);
    --bs-alert-bg: var(--bs-success-bg-subtle);
}
.alert-danger {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.alert-danger {
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
}
.alert{
    margin:10px;
 }
.alert-danger .btn-close {
    color: #842029 !important;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23842029'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
}



/*  -------------------------------------------------------------------------- */
/*  --------------------- Modals --------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}


.modal-header .btn-close {
    padding: .5rem .5rem !important;
    margin: -.5rem -.5rem -.5rem auto !important;
}


/*  -------------------------------------------------------------------------- */
/*  --------------------- Custom --------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.cover-image {
    text-align: center !important;
    margin:auto;
    width:30%;
}
.cover-image img {
    max-height: 50rem;
}
.w_100 {
    width: 100%;
}

.indent {
    margin-left: 20px;
}
.summary_row {
    padding-top: 7px;
    padding-bottom: 7px;
}

[data-bs-theme=light] .summary_row {
    border-bottom: 1px solid rgb(237, 242, 249);
}

/*  -------------------------------------------------------------------------- */
/*  --------------------- Blade --------------------------------------------- */
/*  -------------------------------------------------------------------------- */
[data-bs-theme=light] .offcanvas .btn-close {
    background-image: 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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
}
.offcanvas {
    width: 95% !important;
    visibility: visible;
    border-left: 2px solid #ddd;
}
.offcanvas-claim {
    width: 97% !important;
    border-left: none;
}
.offcanvas-settings {
    width: 50% !important;
    border-left: none;
}
.offcanvas-shortcuts {
    width: 50% !important;
    border-left: none;
}

@media (max-width: 768px) {
    .offcanvas, .offcanvas-claim, .offcanvas-claim {
        width: 100% !important;
    }
}

/*  -------------------------------------------------------------------------- */
/*  --------------------- Table  --------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.fa-regular, .fa-solid, .fa-sharp {
    color: rgb(21, 46, 77);
}
.table{
    margin-bottom:0px;
}

/*  -------------------------------------------------------------------------- */
/*  --------------------- Dropdowns  ----------------------------------------- */
/*  -------------------------------------------------------------------------- */
.dropdown-menu {
    border: 1px solid rgb(18, 38, 63);
    color: #fff;
    background-color: #12263f;
}

.dropdown-item {
    color:#fff;
    /*color: rgb(18, 38, 63);*/
   
}
.dropdown-divider {
    border-top-color: rgb(24, 185, 217);
}
.dropdown-item i {
    color: rgb(18, 38, 63);
}

    .dropdown-item:hover, .dropdown-item:hover i {
        color:#fff;
        background-color: var(--primary-color);
    }


.dropdown-adjustment {
    position: absolute;
    inset: 0px 0px auto auto;
    margin: 0px;
    transform: translate3d(-105px, 27.2px, 0px) !important;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
}
/*  -------------------------------------------------------------------------- */
/*  --------------------- Buttons  ------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.btn.disabled {
    background-color: var(--bs-btn-disabled-bg) !important;
}

@media (max-width: 768px) {
    .btn {
        height: 37.5px !important;
        width: 120px !important;
        /* font-size: 13px !important;*/
        display: block !important;
    }
}

/*  Button Primary */
.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

    .btn-primary:hover {
        color: #fff;
        background-color: rgb(19, 150, 176); /* darker version */
        border-color: rgb(19, 150, 176); /* matching border */
        /*background-color: #009ea9;
        border-color: #00959f;*/
    }

    .btn-primary:focus {
        color: #fff !important;
        background-color: rgb(19, 150, 176); /* darker version */
        border-color: rgb(19, 150, 176); /* matching border */
        box-shadow: 0 0 0 .25rem rgba(11,172,204,.5);
    }

    .btn-primary:active {
        color: #fff !important;
        background-color: rgb(19, 150, 176); /* darker version */
        border-color: rgb(19, 150, 176); /* matching border */
        /* shadow: 0 0 transparent;*/
    }

    .btn-primary:disabled {
        color: #fff;
        background-color: #ddd;  /*#00bac7;*/
        border-color: #ccc; /* #00bac7;*/
    }

/*  Button Info */
.btn-info {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
    .btn-info:hover {
        color: #fff;
        background-color: rgb(19, 150, 176); /* darker version */
        border-color: rgb(19, 150, 176); /* matching border */
        /* background-color: #009ea9;
    border-color: #00959f;*/
    }
    .btn-info:focus {
        color: #fff !important;
        background-color: rgb(19, 150, 176); /* darker version */
        border-color: rgb(19, 150, 176); /* matching border */
        box-shadow: 0 0 0 .25rem rgba(11,172,204,.5);
    }
    .btn-info:active {
        color: #fff !important;
        background-color: rgb(19, 150, 176); /* darker version */
        border-color: rgb(19, 150, 176); /* matching border */
        /* shadow: 0 0 transparent;*/
    }
    .btn-info:disabled {
        color: #fff;
        background-color: #00bac7;
        border-color: #00bac7;
    }



/*  **************** Badges **************** */
.badge-square {
    margin-right: 5px;
    padding: 5px 7px;
    border-radius: 5px;
    font-size: 12px;
}

    .badge-square.badge-info {
        color: #30beff;
        background-color: #E3FFFF;
        border: 1px solid #30beff;
    }

    .badge-square.badge-danger {
        color: #ff3b30;
        background-color: #f8bab6;
        border: 1px solid #f8bab6;
    }

    .badge-square.badge-success {
        color: #01290b;
        background-color: #b3dbbd;
        border: 1px solid #b3dbbd;
    }

    .badge-square.badge-warning {
        color: #fff;
        background-color: rgb(255, 149, 0);
        border: 1px solid rgb(255, 149, 0);
    }





/********************  new *********************/
.badge-square {
    color: rgb(18, 38, 63);
    /*color: #fff;*/
}


.badge-square.badge-danger {
    background-color: #e63757;
    border-color: #e63757;
}

.badge-square.badge-warning {
    background-color: rgb(255, 149, 0);
    border-color: rgb(255, 149, 0);
}


.badge-square.badge-success {
    background-color: rgb(0, 217, 126);
    border-color: rgb(0, 217, 126);
}


/*.badge-square.badge-info {
    background-color: #FFD43B;
    border-color: #FFD43B;
    color: #FFD43B;
}*/

.badge-square.badge-inprocess {
    background-color: #FFD43B;
    border-color: #FFD43B;
   /* border: 1px solid #FFD43B;*/
}

.badge-square.badge-tag {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color:var(--bs-badge-color);
   /* border: 1px solid;*/
}

.badge-square.badge-secondary {
    background-color: #fff;
    border-color: #fff;
   /* border: 1px solid;*/
}


.badge.badge-md {
    font-size: 14px;
}

.badge.badge-lg {
    font-size: 18px;
}




/*  -------------------------------------------------------------------------- */
/*  --------------------- Buttons  ------------------------------------------- */
/*  -------------------------------------------------------------------------- */
#sidebar .fa-solid {
    /*color: #fff;*/
    color: var(--primary-color);
    opacity: 0.8;
}


/*  -------------------------------------------------------------------------- */
/*  --------------------- Misc  ---------------------------------------------- */
/*  -------------------------------------------------------------------------- */
.fa-user {
    color: rgb(110, 132, 163) !important;
}

[data-bs-theme="dark"] .fa-user {
    color: white !important;
}

.grid_override {
    box-shadow: rgba(14, 34, 56, 0.07) 0px 3px 3px 0px
}

.card {
    box-shadow: rgba(14, 34, 56, 0.07) 0px 3px 3px 0px
}

@media (max-width: 768px){
    .main-content{
        margin-left:0px !important;
    }
}

#sidebar .item {
    padding-right:10px;
}

#sidebar .nav-link.active {
    background-color: var(--primary-color);
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
    #sidebar .nav-link.active > i {
        color: #fff !important;
        opacity: 1 !important;
    }

#sidebar {
    transition: width 0.2s;
}

/*

@media (max-width:768px) {
    .sidebar-expanded, .sidebar-collapsed {
        width: 100% !important;
    }
}*/

@media (min-width:769px) {
    .sidebar-collapsed {
        width: 80px !important;
        overflow: visible;
    }

    .sidebar-expanded {
        width: 200px;
    }

    .sidebar-collapsed .title-text {
        font-size: 10px;
        width: 100%;
        text-align: center;
    }

    .sidebar-collapsed .link-text {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
        padding: 0 6px;
        font-size: 10px;
        white-space: normal;
        overflow: hidden;
        max-width: 100%;
        word-break: normal;
        overflow-wrap: normal;
    }

    .sidebar-collapsed .nav-item {
        padding-left: 5px !important;
        padding-right: 5px !important;
        height: 80px;
        display: flex;
        align-items: center;
        border: 1px solid transparent;
        justify-content: center;
        padding: 0;
        margin: 0;
    }

        .sidebar-collapsed .nav-item:hover {
            border: 1px solid var(--primary-color);
        }

        .sidebar-collapsed .nav-item.active {
            background-color: var(--primary-color);
        }


    .sidebar-collapsed .nav-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        padding: 0 !important;
        margin: 0;
        text-decoration: none;
        border: none !important;
        background: none !important;
        box-sizing: border-box;
    }

        .sidebar-collapsed .nav-link.active {
            background-color: transparent !important;
        }

        .sidebar-collapsed .nav-link:hover,
        .sidebar-collapsed .nav-link:focus {
            border: none !important;
            background: none;
        }

        .sidebar-collapsed .nav-link i {
            font-size: 1.2rem;
            line-height: 1;
            text-align: center;
            margin-bottom: 4px;
            width: 30px;
            height: 30px;
            border: none !important;
        }

        .sidebar-collapsed .nav-link.active > i {
            color: #fff !important;
            opacity: 1 !important;
        }

}

    

    .header-title {
        display: flex; /* Use flexbox for easy alignment */
        justify-content: space-between; /* Space between items, pushing one to each end */
        align-items: center; /* Center items vertically */
    }

        .header-title h1 {
            margin-right: auto; /* Pushes all other items to the right */
        }


    .table-hover > tbody > tr {
        position: relative;
    }

        .table-hover > tbody > tr > td > a {
            color: #fff;
            text-decoration: underline;
            text-decoration-color: var(--primary-color);
        }

        .table-hover > tbody > tr:hover > * {
            color: var(--primary-color) !important;
        }

        .table-hover > tbody > tr::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /* Start invisible. */
            border: 2px solid transparent;
            pointer-events: none; /* Don’t block clicks. */
            z-index: 1;
        }

        .table-hover > tbody > tr:hover::after {
            border-color: var(--primary-color);
        }

    td > .fa-regular, .fa-solid, .fa-sharp, td > a > .fa-regular, .fa-solid, .fa-sharp {
        color: var(--primary-color);
        /* opacity: 0.5;*/
    }

    .nav-link > .fa-regular, .fa-solid, .fa-sharp {
        color: var(--primary-color);
        /* opacity: 0.5;*/
    }



    /*  Toggle  */
    .form-check-input:checked {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }


    .text-danger.field-validation-error {
        background-color: pink;
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
    }

    /*  -------------------------------------------------------------------------- */
    /*  --------------------- Login Page  ---------------------------------------- */
    /*  -------------------------------------------------------------------------- */

    .logon-page main {
        background-color: transparent;
        padding: 25px;
        /*  border: 1px solid #ccc; */
        border-radius: 13px;
        /*    margin-top: 25%;*/
        /* box-shadow: rgba(37, 83, 185, 0.1) 0px 2px 6px 0px; */
    }

    /* Overlay to dim everything except form */
    /*.page-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}*/

    .logon-page {
        position: relative;
        z-index: 2;
        /*    background: rgba(255, 255, 255, 0.2); */
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
        text-align: center;
        backdrop-filter: blur(3px); /* Frosted Glass Effect */
    }

        .logon-page .logo {
            width: 80px;
            margin-right: 40px;
        }

        .logon-page .display-3 {
            color: #fff; /* #1c4b82; */
            font-size: 2.2rem;
        }

    @media (max-width:768px) {
        .logon-page #btnLogin {
            width: 100% !important;
            height: unset !important;
        }

        .logon-page {
            box-shadow: none !important;
        }
    }