:root {
    --main: #274c9c;
    --sub: #2C3E50;
    --bg: #F7F7FC;
    --primary: #000;
    --secondary: #fff;
    --text-primary: #1F1F1F;
    --text-secondary: #52525B;
    --text-tertiary: #9CA3AF;
    --text-dark: #1E2254;
    --border: #EAECF0;
    --input-border: #D9D9D9;
    --input-bg: #F4F5F9;
    --thead-bg: #f5f5f5;
    --green: #14AE5C;
    --red: #ED1C24;
    --purple: #7434A8;
    --blue: #228BE6;
    --yellow: #F7A102;
    --gray: #ababab;
    --box-shadow: 0 0 1rem 0 rgba(33, 37, 41, .05);
    --transition: all 0.3s ease-in-out;

    --main-font: "Outfit", sans-serif;
    --fw-sm: 400;
    --fw-md: 500;
    --fw-lg: 600;
    --fw-xl: 700;
    --fw-xxl: 800;

}

a {
    text-decoration: none;
    cursor: pointer;
}

li {
    list-style-type: none;
    cursor: pointer;
}

label span {
    color: var(--red);
}

html::-webkit-scrollbar {
    width: 12px;
    cursor: pointer;
}

html::-webkit-scrollbar-track {
    background: #f4f4f4;
}

html::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 10px;
    border: 3px solid #f4f4f4;
}

html::-webkit-scrollbar-thumb:hover {
    background-color: var(--main);
}

.bg-primary,
.bg-info {
    background-color: var(--main) !important;
}

.text-primary,
.text-info {
    color: var(--main) !important;
}

.bg-warning {
    background-color: var(--yellow) !important;
}

.text-warning {
    color: var(--yellow) !important;
}

.bg-success {
    background-color: var(--green) !important;
}

.text-success {
    color: var(--green) !important;
}

.bg-danger {
    background-color: var(--red) !important;
}

.text-danger {
    color: var(--red) !important;
}

.bg-dark {
    background-color: var(--primary) !important;
}

.text-dark {
    color: var(--text-primary) !important;
}

.bg-white {
    background-color: var(--secondary) !important;
}

.text-white {
    color: var(--secondary) !important;
}

.alert h4 {
    font-size: 16px !important;
    font-weight: var(--fw-md) !important;
    margin-bottom: 0px;
}

.alert h5,
.alert label {
    font-size: 14px !important;
    font-weight: var(--fw-md) !important;
    margin-bottom: 0px;
}

.alert h6 {
    font-size: 12px !important;
    font-weight: var(--fw-sm) !important;
    margin-bottom: 0px;
}