:root {
    /*--primary: #1363C6;
    --secondary: #15ACE1;
    --light: #F4F7FE;
    --dark: #14183E;*/

    --primary: #1B3C6D;
    --secondary: #1D8AC9;

    --primary-dark: #1B3C6D;
    --primary-medium: #18457D;
    --primary-light: #015094;

    --secondary-dark: #1D8AC9;
    --secondary-medium: #4EADE0;
    --secondary-light: #6BBADD;

    --gray: #A7A9AB;
}

.gdms-text-dark {
    color: var(--gray);
}
.gdms-text-light {
    color: var(--secondary-medium);
}
.gdms-bg-primary {
    background-color: var(--primary-dark);
}
.gdms-pill-border {
    border: 1px solid var(--secondary-dark);
}
@media (max-width: 400px) {
    .navbar-brand h5 {
        font-size: 14px;
        white-space: normal;
        word-break: break-word;
        max-width: 150px;
    }
}