﻿body {
    /*Blue*/
    --dark-space: #021D30;
    --blue: #276497;
    --hover-blue: #074E89;
    --active-blue: #0D3B62;
    --space: #125C9A;
    --space-hover: #094373;
    --light-blue: #F4FAFF;
    --semilight-blue: #E5E9ED;
    --wizard-blue: #1A4263;
    --star: #7095B2;
    --sky: #E6F2FB;
    /*Green*/
    --citric: #AFD625;
    --green-verifed: #07A207;
    --citric-hover: #88AB0D;
    --citric-active: #6A8607;
    --citric-disabled: #CDD6AF;
    --lime: #84A411;
    /*Red*/
    --caramel: #F44336;
    --caramel-hover: #FEF1F1;
    --rubi: #DE0000;
    --crimson: #BA1414;
    --caramel-active: #FED6D6;
    /*Black/Grey*/
    --onix: #212020;
    --active-black: #01121E;
    --carbon: #626060;
    --stone: #5F5F5F;
    --pale-grey: #354550;
    --label-black: #242424;
    --input-grey: #4D4D4D;
    --label-grey: #A8A8A8;
    --tabs-grey: #9B9A9A;
    --chip-hover: #C1E0F6;
    /*Grey*/
    --metal: #B3B3B3;
    --silver: #E0E0E0;
    --opal: #F5F5F5;
    --space-disabled: #47535D;
    --text-grey: #DDE0E3;
    --radar-grey: #707070;
    --active-grey: #5B5B5B;
    --radio-grey: #DCDCDC;
    --steel: #909090;
    --quartz: #F1F4F5;
    --snow: #FAFAFA;
    --white: #FFFFFF;
    /*Unkown*/
    --jaspe: #EE7B09;
    --calcite: #FFC107;
}

body {
    color: var(--carbon);
    font-weight: 400;
}

h1 {
    font-size: 2rem;
    line-height: 34px;
    font-weight: 600;
    color: var(--onix);
}

h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--onix);
    margin-top: 0px;
}

h4 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}

.flex-grow-1 {
    flex-grow: 1;
}

a {
    color: var(--space);
}

.color-danger {
    color: var(--caramel);
}

.color-default {
    color: var(--carbon);
}

.color-warning {
    color: var(--calcite);
}

.color-success {
    color: var(--lime);
}

.color-blue {
    color: var(--space);
}

.color-silver {
    color: var(--silver);
}

.color-stone {
    color: var(--stone);
}

.badge-danger {
    background-color: var(--crimson);
}
.badge-primary{
    background-color: var(--space);
}
.badge-success {
    background-color: var(--lime);
}
.badge-warning {
    color: var(--dark-space);
    background-color: var(--calcite);
}
.badge-dark{
    color: white;
    background-color: var(--carbon);
}
.color-white{
    color: var(--snow);
}
.page-title {
    font-size: 23px;
    font-weight:400;
}
.columns-container {
    border: 1px solid #eeeeee;
    border-radius: 0.5rem;
    padding: 1rem;
    overflow: auto;
    max-height: 65vh;
}