/* -----------------------------------------
   Variables
----------------------------------------- */

:root {
    --bg-primary: #00538B;
    --bg-white: #ffffff;
    --bg-black: #000000;
    --bg-sidebar-hover: #DCF1FF;
    --bg-gray: #FAFAFC;
    --wrapper: #F8F8F8;
    --hover: #EBEBEB;
    --highlight: #0098FF;
    --anchor: #0d6efd;
    --default-text: #333;
    --gray-text: #A0A0A0;
    --dropcolor: #f5f5f5;
    --border: #D9D9D9;
    --addborder: #bbbbbb;
    --footer: #DFDFDF;
    --fieldset: #F4FAFF;
    --state-color: #00538B;
    --district-color: #75C7FF;
    --school-color: #F5C84C;
    --color-orange: #a9741f;
    --color-red: #ff0000;
    --grid-border-W: #939393;
    --color-G: #65B123;
    --color-R: #FC657E;
    --color-CG: #65C35D;
    --color-CR: #C33E3E;
    --color-CB: #000000;
    --color-BK-G: #F6F6F6;
    --color-BK-Y: #FFF3D1;
    --color-BK-P: #FFE8EC;
    --color-BK-B: #E9F1FF;
    --green-tick: #3BA91F;
    --elite-lightgreen: #BFF491;
    --elite-lightred: #f49191;
    --light-green: #d1f8c7;
    --elite-green-C: #9AE884;
    --elite-green-B: #66DD44;
    --praticipation-status-G: #72BC59;
    --tooltip-Y: #FFEB9C;
    --tooltip-G: #E1EFDA;
    --tooltip-P: #DAE1F1;
    --tooltip-O: #F8CBAD;
    --tooltip-R: #C00000;
    --tooltip-A: #FFCCCC;
    --highlight-blue: #9FD9F6;
    --color-purple: #6f42c1;
}

::placeholder {
    font-size: 12px;
    font-family: "Inter", sans-serif;
}

.cursor {
    cursor: pointer;
}

.form-select {
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 8px;
}

.line-height-32 {
    line-height: 32px;
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

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

.font-16 {
    font-size: 16px;
}

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

.font-20 {
    font-size: 20px;
}

.font-24 {
    font-size: 1.2rem;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.font-36 {
    font-size: 36px;
}

.font-42 {
    font-size: 42px;
}

.font-48 {
    font-size: 48px;
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-600 {
    font-weight: 600
}

.bg-white {
    background: var(--bg-white);
}

.bg-primary {
    background: var(--bg-primary);
}

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

.bg-gray {
    background: var(--bg-gray) !important;
}

.bg-lightgray {
    background: var(--footer) !important;
}

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

.bg-elite-lightgreen {
    background: var(--elite-lightgreen);
}

.bg-elite-lightred {
    background: var(--elite-lightred);
}

.bg-elite-black {
    background: var(--color-CB);
}

.bg-elite-yellow {
    background-color: var(--color-BK-Y);
}

.bg-lightgreen {
    background-color: lightgreen;
}

.bg-lightwhite {
    background-color: antiquewhite;
}

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

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

.color-tick {
    color: var(--green-tick);
}

.color-orange {
    color: var(--color-orange);
}

.color-dark-red {
    color: var(--color-red);
}

.color-purple {
    color: var(--color-purple) !important;
}

.default-text {
    color: var(--default-text);
}

.gray-text {
    color: var(--gray-text);
}

.light-gray {
    color: var(--border);
}

.color-green {
    color: var(--color-G);
}

.color-red {
    color: var(--color-R);
}


.border-radius-8 {
    border-radius: 8px;
}

.border-radius-20 {
    border-radius: 20px;
}

.border-b {
    border-bottom: 1px solid var(--border);
}

.w-150 {
    width: 150px !important;
}

.w-175 {
    width: 190px;
}

.w-220 {
    width: 220px
}

.w-250 {
    width: 250px !important;
}

.w-300 {
    width: 300px !important;
}

.H-400 {
    height: 400px;
}

.participation-check {
    margin-top: 5px;
    padding:inherit;
}

.m--margin-top-2 {
    margin-top: 2px;
}

.m--margin-top-5 {
    margin-top: 5px;
}

.m--margin-top-12 {
    margin-top: 12px;
}

.m--margin-top-15 {
    margin-top: 15px;
}

.m--margin-top-20 {
    margin-top: 20px;
}

.m--margin-top-25 {
    margin-top: 25px;
}

.m--margin-top-30 {
    margin-top: 30px;
}

.form-control {
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 8px;
}

.modal-footer {
    padding: 0px;
}

.input-group-text {
    padding: 10px;
    font-size: 20px;
    border-radius: 0px 8px 8px 0px !important;
}

.form-check-label {
    padding-right: 10px;
}

.form-select:disabled {
    opacity: .5;
}

.text-nocase {
    text-transform: none !important;
}

.tooltip-color-Y {
    background-color: var(--tooltip-Y);
}

.tooltip-color-G {
    background-color: var(--tooltip-G);
}

.tooltip-color-P {
    background-color: var(--tooltip-P);
}

.tooltip-color-O {
    background-color: var(--tooltip-O);
}

.tooltip-color-R {
    background-color: var(--tooltip-R);
}

.tooltip-available {
    background-color: var(--tooltip-A);
}

.highlight-blue {
    background-color: var(--highlight-blue) !important;
}