:root {
    --blue: #1A71F6;
    --light-blue: #E7EEFB;
    --white: #ffffff;
    --red: #C64444;
    --green: #4DA151;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

a {
    text-decoration: none !important;
    color: var(--blue);
}

.badge.bg-red {
    background-color: #FFDCDC;
    color: #FF1F1F;
    /* border: #FFDCDC; */
}

.badge.bg-lightred {
    background-color: #FFEDED;
    color: #FF4C4C;
    /* border: #FFDCDC; */
}

.badge.bg-blue {
    background-color: #E7F3FE;
    color: #007BFF;
    /* border: #E7F3FE; */
}

#page-header-user-dropdown {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    border-radius: 15%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#sidebar {
    border-right: 1px #F0F0F0 solid;
}

/* Button */
.btn {
    border-radius: 10px;
    font-size: small;
    padding: 10px 20px;
}

.btn-primary {
    background-color: var(--blue);
    color: #ffffff;
    border: var(--blue);
}

.btn-primary:hover {
    background-color: #1a72f6de !important;
    color: #fefefe !important;
    border: #1a72f6de !important;
}

.btn-primary:active {
    background-color: #1a72f688 !important;
    color: #ffffff !important;
    border: #1a72f688 !important;
}

.btn-outline-primary {
    background-color: #e7f3fe;
    color: #007bff;
    border: 2px dashed #007bff;
    border-radius: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.btn-outline-primary:hover {
    background-color: #d0e7ff;
    /* Slightly darker on hover */
}

.btn-outline-primary:active {
    background-color: #d0e7ff;
    /* Slightly darker on hover */
}

.btn-alt-primary {
    background-color: #1a71f624;
    color: #1A71F6;
    border: #1a71f624;
}

.btn-alt-primary:hover {
    background-color: #1a71f645;
    color: #1A71F6;
    border: #1a71f645;
}

.btn-alt-primary:active {
    background-color: #1a72f654 !important;
    color: #1670f6 !important;
    border: #1a72f654 !important;
}

.btn-alt-success {
    background-color: #D7FFD8;
    color: #00B809;
    border: #D7FFD8;
}

.btn-alt-success:hover {
    background-color: #d7ffd882;
    color: #0dbb15;
    border: #d7ffd882;
}

.btn-alt-success:active {
    background-color: #d7ffd8b6 !important;
    color: #0dbb15 !important;
    border: #d7ffd8b6 !important;
}

.btn-alt-warning {
    background-color: #FAA30066;
    color: #FAA300;
    border: #FAA30066;
}

.btn-alt-warning:hover {
    background-color: rgb(251, 217, 154) !important;
    color: #f9ae23 !important;
    border: rgb(251, 217, 154) !important;
}

.btn-alt-warning:active {
    background-color: #FAA300B6;
    color: #f9ae23;
    border: #FAA300B6;
}


.btn-alt-danger {
    background-color: #FFDCDC;
    color: #FF1F1F;
    border: #FFDCDC;
}

.btn-alt-danger:hover {
    background-color: #ffdcdce4;
    color: #ff1f1fd4;
    border: #ffdcdce4;
}

.btn-alt-danger:active {
    background-color: #ffd4d4 !important;
    color: #ff1f1fd4 !important;
    border: #ffd4d4 !important;
}


.btn-primary-blue {
    background-color: #1154D4;
    color: #fff;
}

.btn-primary-blue:hover {
    background-color: #003893;
    color: #ffdd;
}

.btn-block {
    width: 100% !important;
}

.btn-primary {
    background-color: #1a71f6 !important;
}

.btn-icon {
    padding: 5px 10px !important;
    border-radius: 8px !important;
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.text-primary {
    color: #1a71f6 !important;
}

.text-primary:hover {
    color: #1a71f6 !important;
}

.form-control {
    background-color: #F5F8FA !important;
    border: none !important;
    font-size: medium;
    padding: 10px;
}

.form-control:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.25rem rgba(17, 84, 212, 0.25);
    background-color: #F5F8FA;
}

.form-select {
    background-color: #F5F8FA;
    border: none !important;
}

.form-select:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.25rem rgba(17, 84, 212, 0.25);
    background-color: #F5F8FA;
}

.custom-select {
    background-color: #F5F8FA;
    border: none !important;
    font-size: medium;
    padding: 10px 10px;
}

.custom-select:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.25rem rgba(17, 84, 212, 0.25);
    background-color: #F5F8FA;
}

.form-check-input:checked {
    background-color: var(--blue) !important;
}

.form-control-sm {
    padding: .25rem .25rem !important;
}

.form-control.is-invalid {
    border: 1px solid #dc2626 !important;
}

.dt-search.form-control-sm:focus {
    border-color: #00B809 !important;
}
.breadcrumb-item.first {
    color: #333 !important;
    font-weight: bold;
}

.breadcrumb-item {
    color: #737373 !important;
}

.breadcrumb-item.active {
    color: var(--blue) !important;
}

.swal2-cancel {
    color: #1A71F6 !important;
}

.swal2-modal {
    border-radius: 25px !important;
}

.nav-main-link,
.nav-main-link.focus {
    margin: .75rem auto;
}

.nav-main-link.active .nav-main-link-icon {
    color: var(--blue) !important;
}

.nav-main-link.active,
.nav-main-link:focus {
    color: var(--blue);
    background-color: var(--light-blue);
    padding: 10px 10px;
    border-radius: 15px;
    width: 90%;
}

.nav-main-link:hover .nav-main-link-icon {
    color: var(--blue) !important;
}

.nav-main-item.open .nav-main-link.active,
.nav-main-submenu.nav-main-link.active {
    padding: 0 !important;
}

.nav-main-link.nav-main-link-submenu {
    padding-right: 2rem;
    margin-bottom: -5px;
}

.nav-main-submenu {
    background-color: #fff !important;
}

.nav-main-submenu .nav-main-link.active,
.nav-main-submenu .nav-main-link:focus,
.nav-main-submenu .nav-main-link:hover {
    color: #090a0b !important;
}

.nav-main-item.open .nav-main-link.active,
.nav-main-submenu.nav-main-link.active {
    background-color: #fff !important;
}

.nav-main-item.open .nav-main-link.active,
.nav-main-submenu.nav-main-link.active {
    font-weight: 700;
}

table.dataTable tr td.dt-type-numeric {
    text-align: center !important;
}

table.dataTable th.dt-type-numeric {
    text-align: center !important;
}

table.dataTable tr td.dt-right {
    text-align: right !important;
}

.active>.page-link,
.page-link.active {
    background-color: var(--blue) !important;
    border-color: var(--bs-blue) !important;
    border-radius: 6px;
}

.dt-search {
    margin-top: 5px;
}

.input-group-text.input-group-text-alt {
    background-color: var(--light-blue);
    border-color: var(--light-blue);
}

.input-group-text {
    color: var(--blue);
}

.tab-content {
    padding: 0.25rem 0.25rem 1px;
}

.nav-tabs-block .nav-item.show .nav-link,
.nav-tabs-block .nav-link.active {
    color: var(--blue);
}

.hr-dotted {
    border: none;
    border-top: 2px dotted #6c757d;
    margin: 20px 0;
    width: 100%;
}

.text-link {
    color: var(--blue);
}

.img-rounded {
    border-radius: 5px;
}

.badge-success {
    background-color: #D7FFD8;
    color: #00B809;
    font-size: x-small;
}

.badge-danger {
    background-color: #FFDCDC;
    color: #FF1F1F;
    font-size: x-small;
}
.badge-success-transparent {
    color: #00B809;
    font-size: x-small;
}

.badge-danger-transparent {
    color: #FF1F1F;
    font-size: x-small;
}
.badge-success-x-transparent {
    color: #66FF66;
    font-size: x-small;
}

.badge-danger-x-transparent {
    color: #FF1F1F;
    font-size: x-small;
}
.text-xs {
    font-size: x-small;
}

.text-sm {
    font-size: small;
}

table.text-xs > thead > tr > th {
    font-size: x-small;
    color: #737373;
}

li.items {
    margin-bottom: -20px;
}

.swal2-modal .swal2-question {
    background-color: #FAA300;
    border-color: #FAA300;
}

.swal2-modal .swal2-icon-content {
    color: white;
}
/* Base toast styles */
.custom-toast {
    color: white !important;
    border-radius: 4px !important;
    padding: 15px !important;
    width: 100% !important;
    max-width: 350px !important;
}

/* Error toast styles */
.error-toast {
    background-color: var(--red) !important; /* Red background color */
}

/* Success toast styles */
.success-toast {
    background-color: var(--green) !important; /* Green background color */
}

/* Common toast element styles */
.custom-toast .swal2-title {
    color: white !important;
    font-size: 24px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
    text-align: left !important;
    padding: 0 !important;
}

.custom-toast .swal2-html-container {
    color: white !important;
    font-size: 16px !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

.custom-toast .swal2-close {
    color: white !important;
    font-size: 24px !important;
    margin-top: -10px !important;
    margin-right: -10px !important;
}

.custom-toast h2#swal2-title {
    margin: 5px 0 !important;
}

.custom-input-group {
    border-radius: 8px;
    background-color: #f0f4ff;
    padding: 2px;
}

.input-group-text {
    background: transparent;
    border: none;
    color: #007bff;
}

.form-control {
    border: none;
    box-shadow: none;
    background: transparent;
}

.form-control:focus {
    box-shadow: none;
    border: none;
}