:root {
    --swal2-confirm-button-background-color: #d2a857 !important;
    --swal2-deny-button-background-color: #254559 !important;
    --swal2-cancel-button-background-color: #879190 !important;
}

.d-none {
    display: none;
}

.primary-text-color {
    color: #254559;
}

.primary-bg-color {
    background-color: #254559;
}

.secondary-text-color {
    color: #d2a857;
}

.secondary-bg-color {
    background-color: #d2a857;
}

.tertiary-text-color {
    color: #879190;
}

.tertiary-bg-color {
    background-color: #879190;
}

.support-text-color {
    color: #6F91A6;
}

.support-bg-color {
    background-color: #6F91A6;
}

.btn {
    transition: background-color 0.3s ease;
}

input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #d2a857;
    -webkit-box-shadow: 0 1px 0 0 #d2a857;
    box-shadow: 0 1px 0 0 #d2a857
}

.btn.primary-bg-color:hover,
.btn.primary-bg-color:focus,
.btn-small.primary-bg-color:hover,
.btn-small.primary-bg-color:focus,
.btn-large.primary-bg-color:hover,
.btn-large.primary-bg-color:focus,
button:focus:not(.btn-flat) {
    background-color: rgba(37, 69, 89, 0.9) !important;
}

.btn.secondary-bg-color:hover,
.btn.secondary-bg-color:focus,
.btn-small.secondary-bg-color:hover,
.btn-small.secondary-bg-color:focus,
.btn-large.secondary-bg-color:hover,
.btn-large.secondary-bg-color:focus {
    background-color: rgba(210, 168, 87, 0.9) !important;
}

.btn.tertiary-bg-color:hover,
.btn.tertiary-bg-color:focus,
.btn-small.tertiary-bg-color:hover,
.btn-small.tertiary-bg-color:focus,
.btn-large.tertiary-bg-color:hover,
.btn-large.tertiary-bg-color:focus {
    background-color: rgba(135, 145, 144, 0.9) !important;
}


/* Margin */
.m-0   { margin: 0 !important; }
.m-5   { margin: 5px !important; }
.m-10  { margin: 10px !important; }
.m-15  { margin: 15px !important; }
.m-20  { margin: 20px !important; }
.m-25  { margin: 25px !important; }
.m-30  { margin: 30px !important; }
.m-35  { margin: 35px !important; }
.m-40  { margin: 40px !important; }

.m-t-0  { margin-top: 0 !important; }
.m-t-5   { margin-top: 5px !important; }
.m-t-10  { margin-top: 10px !important; }
.m-t-15  { margin-top: 15px !important; }
.m-t-20  { margin-top: 20px !important; }
.m-t-25  { margin-top: 25px !important; }
.m-t-30  { margin-top: 30px !important; }
.m-t-35  { margin-top: 35px !important; }
.m-t-40  { margin-top: 40px !important; }

.m-r-0   { margin-right: 0 !important; }
.m-r-5   { margin-right: 5px !important; }
.m-r-10  { margin-right: 10px !important; }
.m-r-15  { margin-right: 15px !important; }
.m-r-20  { margin-right: 20px !important; }
.m-r-25  { margin-right: 25px !important; }
.m-r-30  { margin-right: 30px !important; }
.m-r-35  { margin-right: 35px !important; }
.m-r-40  { margin-right: 40px !important; }

.m-b-0   { margin-bottom: 0 !important; }
.m-b-5   { margin-bottom: 5px !important; }
.m-b-10  { margin-bottom: 10px !important; }
.m-b-15  { margin-bottom: 15px !important; }
.m-b-20  { margin-bottom: 20px !important; }
.m-b-25  { margin-bottom: 25px !important; }
.m-b-30  { margin-bottom: 30px !important; }
.m-b-35  { margin-bottom: 35px !important; }
.m-b-40  { margin-bottom: 40px !important; }

.m-l-0   { margin-left: 0 !important; }
.m-l-5   { margin-left: 5px !important; }
.m-l-10  { margin-left: 10px !important; }
.m-l-15  { margin-left: 15px !important; }
.m-l-20  { margin-left: 20px !important; }
.m-l-25  { margin-left: 25px !important; }
.m-l-30  { margin-left: 30px !important; }
.m-l-35  { margin-left: 35px !important; }
.m-l-40  { margin-left: 40px !important; }

/* Padding */
.p-0   { padding: 0 !important; }
.p-5   { padding: 5px !important; }
.p-10  { padding: 10px !important; }
.p-15  { padding: 15px !important; }
.p-20  { padding: 20px !important; }
.p-25  { padding: 25px !important; }
.p-30  { padding: 30px !important; }
.p-35  { padding: 35px !important; }
.p-40  { padding: 40px !important; }

.p-t-0  { padding-top: 0 !important; }
.p-t-5   { padding-top: 5px !important; }
.p-t-10  { padding-top: 10px !important; }
.p-t-15  { padding-top: 15px !important; }
.p-t-20  { padding-top: 20px !important; }
.p-t-25  { padding-top: 25px !important; }
.p-t-30  { padding-top: 30px !important; }
.p-t-35  { padding-top: 35px !important; }
.p-t-40  { padding-top: 40px !important; }

.p-r-0 { padding-right: 0 !important; }
.p-r-5   { padding-right: 5px !important; }
.p-r-10  { padding-right: 10px !important; }
.p-r-15  { padding-right: 15px !important; }
.p-r-20  { padding-right: 20px !important; }
.p-r-25  { padding-right: 25px !important; }
.p-r-30  { padding-right: 30px !important; }
.p-r-35  { padding-right: 35px !important; }
.p-r-40  { padding-right: 40px !important; }

.p-b-0   { padding-bottom: 0 !important; }
.p-b-5   { padding-bottom: 5px !important; }
.p-b-10  { padding-bottom: 10px !important; }
.p-b-15  { padding-bottom: 15px !important; }
.p-b-20  { padding-bottom: 20px !important; }
.p-b-25  { padding-bottom: 25px !important; }
.p-b-30  { padding-bottom: 30px !important; }
.p-b-35  { padding-bottom: 35px !important; }
.p-b-40  { padding-bottom: 40px !important; }

.p-l-0   { padding-left: 0 !important; }
.p-l-5   { padding-left: 5px !important; }
.p-l-10  { padding-left: 10px !important; }
.p-l-15  { padding-left: 15px !important; }
.p-l-20  { padding-left: 20px !important; }
.p-l-25  { padding-left: 25px !important; }
.p-l-30  { padding-left: 30px !important; }
.p-l-35  { padding-left: 35px !important; }
.p-l-40  { padding-left: 40px !important; }

/* Font-size utility classes */
.font-5 { font-size: 5px; }
.font-6 { font-size: 6px; }
.font-7 { font-size: 7px; }
.font-8 { font-size: 8px; }
.font-9 { font-size: 9px; }
.font-10 { font-size: 10px; }
.font-11 { font-size: 11px; }
.font-12 { font-size: 12px; }
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-17 { font-size: 17px; }
.font-18 { font-size: 18px; }
.font-19 { font-size: 19px; }
.font-20 { font-size: 20px; }
.font-21 { font-size: 21px; }
.font-22 { font-size: 22px; }
.font-23 { font-size: 23px; }
.font-24 { font-size: 24px; }
.font-25 { font-size: 25px; }
.font-26 { font-size: 26px; }
.font-27 { font-size: 27px; }
.font-28 { font-size: 28px; }
.font-29 { font-size: 29px; }
.font-30 { font-size: 30px; }
.font-31 { font-size: 31px; }
.font-32 { font-size: 32px; }
.font-33 { font-size: 33px; }
.font-34 { font-size: 34px; }
.font-35 { font-size: 35px; }
.font-36 { font-size: 36px; }
.font-37 { font-size: 37px; }
.font-38 { font-size: 38px; }
.font-39 { font-size: 39px; }
.font-40 { font-size: 40px; }


/* Font Weight Utilities */
.fw-100 { font-weight: 100; } /* Thin */
.fw-200 { font-weight: 200; } /* Extra Light */
.fw-300 { font-weight: 300; } /* Light */
.fw-400 { font-weight: 400; } /* Normal */
.fw-500 { font-weight: 500; } /* Medium */
.fw-600 { font-weight: 600; } /* Semi Bold */
.fw-700 { font-weight: 700; } /* Bold */
.fw-800 { font-weight: 800; } /* Extra Bold */
.fw-900 { font-weight: 900; } /* Black */

.hoverable:hover {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.08);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1), 0 2px 6px rgba(0,0,0,0.08);
}

.cursor {
    cursor: pointer;
}

.tabs .tab a {
    color: rgba(210, 168, 87, 0.7);
}

.tabs .tab a:hover,.tabs .tab a.active {
    color: #d2a857
}

.tabs .tab.disabled a,.tabs .tab.disabled a:hover {
    color: rgba(210, 168, 87, 0.4);
}

.tabs .indicator {
    background-color: #d3bc8f;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgba(210, 168, 87, 0.2);
}

.overflow-y-scroll {
    overflow-y: scroll;
}