:root {
    --body-font-family: Inter, Roboto, 'Helvetica Neue', system-ui, sans-serif;
    --color-sand: #fcf9f2;
    --color-gray: #918c88;
    --color-blue: #002e6d;
    --color-green: #a2c617;
    --color-red: #c60b1d;
    --color-orange: #ff6c00;
}

body {                                         
    font-family: var(--body-font-family);
    background-color: var(--color-sand);   
    font-size: 16px; 
}                     

a {
    color: var(--color-blue);
}                   
        
a:hover {
    color: var(--color-red);
    text-decoration: underline;
}

.brandcolor {
    background-color: var(--color-blue);
    background-image: none;
    color: White;
    text-shadow: none;
    font-family: inherit;
}

.container .brandcolor {
    background-color: var(--color-blue);
}

.brandcolor .navbar-brand,
.navbar-nav > li > a {
    text-shadow: none;
    color: white !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: inherit;
    text-wrap: balance;
    color: var(--color-blue);
}

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

.panel-primary > .panel-heading {
    color: #fff;
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}

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

.panel-default > .panel-heading { 
    letter-spacing: 0.7px;
    color: white;
    font-size: 19px; 
    background-image: unset;
    background-color: var(--color-blue);
}

.panel-info > .panel-heading {
    letter-spacing: 0.7px;
    color: var(--color-blue);
    font-size: 17px;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: var(--color-green);
    border-color: var(--color-green);
}

.panel-primary > .panel-heading {
    letter-spacing: 0.7px;
    font-size: 19px;
    background-image: unset;
}

.flatspan:hover,
.flat span.active,
.flatspan:hover:after,
.flat span.active:after {
    background: var(--color-green);
    color: black;
}

.flat a:hover,
.flata.active,
.flat a:hover:after,
.flata.active:after {
    background-image: unset;
    background: var(--color-green);
    color: black;
}

.btn {
}

.btn-default {
    background-image: unset;
    background-color: #eee;
    color: black;
}

.btn-primary {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    background-image: unset;
    border-radius: 20px;
    padding: 8px 24px;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--color-red);
    background-image: unset;
}

.btn-secondary {
    border-radius: 20px;
    padding: 8px 24px;
}

.modal-header,
h5,
.close {
    color: white !important;
    text-align: center;
    font-size: 30px;
}

.dx-widget {
    font-family: inherit;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    filter: unset;
    background-repeat: repeat-x;
    background-color: var(--color-blue);
}

#cvsform .has-error .control-label,
#cvsform .has-error .help-block,
#cvsform .has-error .form-control-feedback {
    color: var(--color-orange);
}

#cvsform .has-success .control-label,
#cvsform .has-success .help-block,
#cvsform .has-success .form-control-feedback {
    color: var(--color-green);
}

.alert-warning {
    background-image: unset;
    border-color: transparent;
}

.well {
    background-color: var(--color-sand);
    background-image: unset;
}

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

.card-default > .card-header,
.card-default > .card-footer {
    color: white;
    background-color: var(--color-blue);
}