:root {
    --navy: #0ea7a9;
    --hard-navy: #57a6a7;
    --light-navy: #dbf1f1;

    --indigo: #6610f2;

    --purple: #6f42c1;

    --pink: #F65454;

    --red: #f21111;
    --red-hover: #e61010;

    --orange: #F6CD00;
    --pale-orange: #FFE8B0;

    --green: #24980E;
    --pale-green: #09CB80;

    --teal: #19B378;

    --cyan: #17a2b8;
    --gray: #6E727B;
    --light-gray: #F7f7f7;
    --disabled: #B2B2B3;
    --favorite: #ffa21a;
    --placeholder-color: #1f1b20;
    --table-hover-color: #fffbe4;
    --table-dark-header: #5c667d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --black : #033741;

    --icon-fill : #7F9CBB;
    --icon-fill-active : #FFD500;



    --blue : #104A8F;
    --dark-blue: #2E3D54;
    --blue-hover: #0d3d78;
    --light-blue: #2d5ca6;
    --gray-blue: #91ADD0;
    --lighter-blue: #F5F7FA;
    --white-blue: #fafcff;

    --yellow: #FFE358;

    --white: #ffffff;

    --text-primary : #0C253F;
    --text-dark : #02112A;
    --text-gray : var(--gray);

    --border-gray-light: #DDDEE0;
    --border-gray-blue: var(--gray-blue);
    --border-dark-blue: #323A45;

    --tab-panel-color : var(--light-gray)
}

.color-inherit {
    color: inherit;
}

.border-blue {
    border-color: var(--blue);
}

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

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

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

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


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

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

.border-hard-navy {
    border-color: var(--hard-navy);
}