:root {
    --orange: #e05309;
}

html, body, #content {
    margin: 0 !important;
    width: 100vw;
    overflow-x: hidden;
}

.page {
    margin-top: 12px;
    margin-left: 70px;
    margin-bottom: 48px;
}

.container-scrollable {
    overflow-y: scroll !important;
}

.fix-height-300 {
    height: 300px !important;
}

.fix-height-230 {
    height: 230px !important;
}

.col-center {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.flag-icon {
    width: 48px;
}

.center {
    width: 100%;
    text-align: center;
}

input[type='range']::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    cursor: ew-resize;
    background: var(--orange);
}

input[type="range"]::-moz-range-track {
    background-color: var(--orange);
}

.form-selectgroup-input:checked + .form-selectgroup-label {
    background: rgba(87, 32, 3, .06) !important;
    border-color: var(--orange) !important;
}

input[type='radio']:checked:after, .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-check {
    background-color: var(--orange) !important;
}