:root{
    --ss-primary: #0C9CD1;
    --ss-secondary: #6E728D;
    --ss-warning: #F19A50;
    --ss-secondary-light: #96A5BD;
    --ss-danger: #BE6983;
}

html * {
    font-family: 'Century Gothic, ui-sans-serif, system-ui', serif;
}

.border-primary { border-color: var(--ss-primary) !important; }
.border-secondary { border-color: var(--ss-secondary) !important; }

.fsp180 { font-size: 180% !important; }

.b-3pt-secondary { border: 3pt solid var(--ss-secondary) !important; }

.bg-white-light { background: #F7F8FB}

.ss-active {
    background-color: var(--ss-primary) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18) !important;
}

.box-shadow-sm { box-shadow: 0 0 0 1px rgba(0,0,0,0.08); }

/*background: active ? '#0C9CD1' : '#96A5BD',*/

.cursor-pointer { cursor: pointer; }

.field-required:after {
    content: '*';
    color: red;
    font-weight: 800;
}