@font-face {
    font-family: "Sahel";
    src: url("../fonts/8139e9fd0c48b1ec7e4088c3800568a148d2f7096e250db7a47f9591982b41bc.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Sahel";
    src: url("../fonts/df74c625136d60e981abbd32cc75624007e5b36cc41cc5327dff190d22b21772.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Sahel";
    src: url("../fonts/6e6a49a9c1d148c3679b60f1144e05cf5651838df6362a04a463ce35556bade0.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Sahel";
    src: url("../fonts/162c05c4a6c2e975b07390f923425bb5e170e00c8bd3deccd784f6cb4326d289.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Sahel";
    src: url("../fonts/12c8dcad8a4269d0be152c74db9116837a5c47f5327c64eb422a5bc6e606f0f2.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

#root {
    max-width: 1440px;
    margin: 0px auto;
}
span, h1, h2, h3, h4, h5, h6, p, label, input, select, textarea, button, tr, th, td, caption, li, ul, a, .uk-form-label {
    font-family: Sahel, sans-serif !important;
}
:root {
    --theme-color: #487eb0;
    --theme-color-seconday: #e84118;
    --theme-color-default: #dcdde1;

    --theme-color-danger: #e84118;
    --theme-color-warning: #fbc531;
    --theme-color-success: #4cd137;
}
.uk-radio:checked {
    background-color: var(--theme-color);
}
.uk-button {
    transition: background 1s;
}
.uk-button-primary {
    background: var(--theme-color);
}
.uk-link, a {
    color: var(--theme-color);
    /* text-decoration: underline; */
}
.uk-table tr:hover {
    background: var(--theme-color-default) !important;
}
.uk-table-small td, .uk-table-small th {
    padding: 2px 12px;
}

#logo {
    max-width: 70px;
}

.page-title {
    color: var(--theme-color);
    font-weight: bold;
}

.indicator {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    background: var(--theme-color-seconday);
    border-radius: 2px;
}
.danger-indicator {
    background: var(--theme-color-danger);
}

.warning-indicator {
    background: var(--theme-color-warning);
}

.success-indicator {
    background: var(--theme-color-success);
}