:root {
    --color1: #0f172a;
    --color2: #1e293b;
    --color3: #334155;
    --color4: #64748b;
    --accent: #DC1E24;
    --accent-dark: #B81820;
}
.bg-gradient-primary {
    background: #ffffff !important;
    background-image: none !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--color1) !important;
}
.div_map:hover {
    border-left: 3px solid var(--accent) !important;
}
#div_poi_select_style .dropdown-item:focus, #div_poi_select_style .dropdown-item:hover {
    color: white !important;
    background-color: var(--color1) !important;
}
.text-primary {
    color: var(--color1) !important;
}
.badge-primary-soft {
    background-color: #f8fafc !important;
    color: var(--color3) !important;
    border: 1px solid #cbd5e1 !important;
}
.bg-primary {
    background-color: var(--color1) !important;
}
.bg-primary-soft {
    background-color: #f8fafc !important;
    color: var(--color3) !important;
}
.badge-primary {
    background-color: var(--color1) !important;
}
.btn-primary {
    color: #ffffff;
    background-color: var(--color1);
    border-color: var(--color1);
}
.btn-primary:hover {
    background-color: var(--color2);
    border-color: var(--color2);
}
.btn-outline-primary {
    color: var(--color3);
    background-color: #ffffff;
    border-color: #cbd5e1;
}
.btn-outline-primary:hover {
    color: var(--color1);
    background-color: #f8fafc;
}
#div_poi_select_style button:hover {
    background-color: var(--color1);
    border-color: var(--color1);
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #94a3b8;
    border-color: #94a3b8;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #020617;
    border-color: #020617;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: var(--accent);
}
a {
    color: var(--color1);
}
a:hover {
    color: var(--accent);
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='checkbox'],
    input[type='radio'] {
        --active: var(--color1) !important;
        --active-inner: #fff;
        --focus: 3px rgba(15, 23, 42, .12) !important;
        --border: #cbd5e1 !important;
        --border-hover: var(--color1) !important;
        --background: #fff;
        --disabled: #f1f5f9;
        --disabled-inner: #e2e8f0;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
        transition: background .3s, border-color .3s, box-shadow .2s;
    }
    input[type='checkbox']:after,
    input[type='radio']:after {
        content: '';
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    }
    input[type='checkbox']:checked,
    input[type='radio']:checked {
        --b: var(--active);
        --bc: var(--active);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    input[type='checkbox']:disabled,
    input[type='radio']:disabled {
        --b: var(--disabled);
        cursor: not-allowed;
        opacity: .9;
    }
    input[type='checkbox']:disabled:checked,
    input[type='radio']:disabled:checked {
        --b: var(--disabled-inner);
        --bc: var(--border);
    }
    input[type='checkbox']:disabled + label,
    input[type='radio']:disabled + label {
        cursor: not-allowed;
    }
    input[type='checkbox']:hover:not(:checked):not(:disabled),
    input[type='radio']:hover:not(:checked):not(:disabled) {
        --bc: var(--border-hover);
    }
    input[type='checkbox']:focus,
    input[type='radio']:focus {
        box-shadow: 0 0 0 var(--focus);
    }
    input[type='checkbox']:not(.switch),
    input[type='radio']:not(.switch) {
        width: 21px;
    }
    input[type='checkbox']:not(.switch):after,
    input[type='radio']:not(.switch):after {
        opacity: var(--o, 0);
    }
    input[type='checkbox']:not(.switch):checked,
    input[type='radio']:not(.switch):checked {
        --o: 1;
    }
    input[type='checkbox'] + label,
    input[type='radio'] + label {
        font-size: 14px;
        line-height: 21px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 4px;
    }

    input[type='checkbox']:not(.switch) {
        border-radius: 0;
    }
    input[type='checkbox']:not(.switch):after {
        width: 5px;
        height: 9px;
        border: 2px solid var(--active-inner);
        border-top: 0;
        border-left: 0;
        left: 7px;
        top: 4px;
        -webkit-transform: rotate(var(--r, 20deg));
        transform: rotate(var(--r, 20deg));
    }
    input[type='checkbox']:not(.switch):checked {
        --r: 43deg;
    }
    input[type='checkbox'].switch {
        width: 38px;
        border-radius: 11px;
    }
    input[type='checkbox'].switch:after {
        left: 2px;
        top: 2px;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        background: var(--ab, var(--border));
        -webkit-transform: translateX(var(--x, 0));
        transform: translateX(var(--x, 0));
    }
    input[type='checkbox'].switch:checked {
        --ab: var(--active-inner);
        --x: 17px;
    }
    input[type='checkbox'].switch:disabled:not(:checked):after {
        opacity: .6;
    }

    input[type='radio'] {
        border-radius: 50%;
    }
    input[type='radio']:after {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--active-inner);
        opacity: 0;
        -webkit-transform: scale(var(--s, 0.7));
        transform: scale(var(--s, 0.7));
    }
    input[type='radio']:checked {
        --s: .5;
    }
}

input[type='range'] {
    -webkit-appearance: none;
    background-color: #e2e8f0;
    height: 15px;
    overflow: hidden;
    width: 100%;
}
input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 15px;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--color1);
    border-radius: 0;
    box-shadow: -210px 0 0 200px var(--color4);
    cursor: pointer;
    height: 15px;
    width: 15px;
    border: 0;
}
input[type='range']::-moz-range-thumb {
    background: var(--color1);
    border-radius: 0;
    box-shadow: -1010px 0 0 1000px var(--color4);
    cursor: pointer;
    height: 15px;
    width: 15px;
    border: 0;
}
input[type="range"]::-moz-range-track {
    background-color: #e2e8f0;
}
input[type="range"]::-moz-range-progress {
    background-color: var(--color4);
    height: 15px
}
input[type="range"]::-ms-fill-upper {
    background-color: #e2e8f0;
}
input[type="range"]::-ms-fill-lower {
    background-color: var(--color4);
}
.input-highlight {
    border-color: var(--color1) !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12) !important;
}
.form-control:focus {
    border-color: var(--color1) !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12) !important;
}
.slick-prev:before {
    color: var(--color1);
}
.slick-next:before {
    color: var(--color1);
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--color1);
}
.selected_room {
    background-color: #f1f5f9 !important;
}
.highlight {
    background-color: var(--color1) !important;
}
#markers_table tbody tr.even:hover, #markers_table tbody tr.odd:hover,
#users_table tbody tr.even:hover, #users_table tbody tr.odd:hover,
#categories_table tbody tr.even:hover, #categories_table tbody tr.odd:hover,
#reviews_table tbody tr.even:hover, #reviews_table tbody tr.odd:hover,
#markers_connections_table tbody tr.even:hover, #markers_connections_table tbody tr.odd:hover,
#markers_story_table tbody tr.even:hover, #markers_story_table tbody tr.odd:hover,
#assign_map_table tbody tr.even:hover, #assign_map_table tbody tr.odd:hover {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}
.page-item.active .page-link {
    background-color: var(--color1);
    border-color: var(--color1);
}
.page-link {
    color: var(--color3);
}
.page-link:hover {
    color: var(--color1);
}