@font-face {font-family: "roboto_black"; font-style: normal; font-weight: normal; src: url('../../fonts/admin/roboto_black.ttf');}
@font-face {font-family: "roboto_light"; font-style: normal; font-weight: normal; src: url('../../fonts/admin/roboto_light.ttf');}
@font-face {font-family: "roboto_regular"; font-style: normal; font-weight: normal; src: url('../../fonts/admin/roboto_regular.ttf');}
@font-face {font-family: "roboto_thin"; font-style: normal; font-weight: normal; src: url('../../fonts/admin/roboto_thin.ttf');}

.roboto-black{font-family: "roboto_black", sans-serif !important;}
.roboto-light{font-family: "roboto_light", sans-serif !important;}
.roboto-regular{font-family: "roboto_regular", sans-serif !important;}
.roboto-thin{font-family: "roboto_thin", sans-serif !important;}

html, body{height: 100% !important;}
body{margin: 0 !important; padding: 0 !important; overflow: hidden !important; font-family: "roboto_light", sans-serif !important; font-size: 1rem !important; background-color: #1a1e22 !important;}

a{text-decoration: none !important;}
main{position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%;}

.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;}

.fc-blue{color: #015ab5 !important;}
.fc-green{color: #009688 !important;}
.fc-orange{color: #fd7e14 !important;}
.fc-red{color: #c31349 !important;}

.bg-blue{background-color: #015ab5 !important;}
.bg-green{background-color: #009688 !important;}
.bg-orange{background-color: #fd7e14 !important;}
.bg-red{background-color: #c31349 !important;}

.bo-blue{border: 1px solid #015ab5 !important;}
.bo-green{border: 1px solid #009688 !important;}
.bo-orange{border: 1px solid #fd7e14 !important;}
.bo-red{border: 1px solid #c31349 !important;}

.bs-fc-blue{color: #0d6efd !important;}
.bs-fc-indigo{color: #6610f2 !important;}
.bs-fc-purple{color: #6f42c1 !important;}
.bs-fc-pink{color: #d63384 !important;}
.bs-fc-red{color: #dc3545 !important;}
.bs-fc-orange{color: #fd7e14 !important;}
.bs-fc-yellow{color: #ffc107 !important;}
.bs-fc-green{color: #198754 !important;}
.bs-fc-teal{color: #20c997 !important;}
.bs-fc-cyan{color: #0dcaf0 !important;}

.bs-bg-blue{background-color: #0d6efd !important;}
.bs-bg-indigo{background-color: #6610f2 !important;}
.bs-bg-purple{background-color: #6f42c1 !important;}
.bs-bg-pink{background-color: #d63384 !important;}
.bs-bg-red{background-color: #dc3545 !important;}
.bs-bg-orange{background-color: #fd7e14 !important;}
.bs-bg-yellow{background-color: #ffc107 !important;}
.bs-bg-green{background-color: #198754 !important;}
.bs-bg-teal{background-color: #20c997 !important;}
.bs-bg-cyan{background-color: #0dcaf0 !important;}

.bs-bo-blue{border: 1px solid #0d6efd !important;}
.bs-bo-indigo{border: 1px solid #6610f2 !important;}
.bs-bo-purple{border: 1px solid #6f42c1 !important;}
.bs-bo-pink{border: 1px solid #d63384 !important;}
.bs-bo-red{border: 1px solid #dc3545 !important;}
.bs-bo-orange{border: 1px solid #fd7e14 !important;}
.bs-bo-yellow{border: 1px solid #ffc107 !important;}
.bs-bo-green{border: 1px solid #198754 !important;}
.bs-bo-teal{border: 1px solid #20c997 !important;}
.bs-bo-cyan{border: 1px solid #0dcaf0 !important;}

.bs-bo-green-right{border: 5px solid #198754 !important;}
.bs-bo-grey-right{border: 5px solid #495057 !important;}
.bo{border-color: #495057 !important;}

.w50{width: 50px !important;}
.h50{height: 50px !important;}

.w50r{width: 3.75rem !important;}
.h50r{height: 3.75rem !important;}
.h-10{height: 10% !important;}
.h-90{height: 90% !important;}

.fs-7{font-size: 0.9rem !important;}
.fs-8{font-size: 0.8rem !important;}
.fs-9{font-size: 0.7rem !important;}
.fs-10{font-size: 0.6rem !important;}
.fs-11{font-size: 0.5rem !important;}
.fs-12{font-size: 0.4rem !important;}
.fs-30{font-size: 2rem !important;}
.fs-45{font-size: 3rem !important;}
.fs-60{font-size: 4rem !important;}

.z-700{z-index: 700 !important;}
.z-800{z-index: 800 !important;}
.z-900{z-index: 900 !important;}
.z-1000{z-index: 1000 !important;}
.z-1100{z-index: 1100 !important;}
.z-1200{z-index: 1200 !important;}
.z-1300{z-index: 1300 !important;}
.z-1400{z-index: 1400 !important;}
.z-1500{z-index: 1500 !important;}

.back{background-color: #1a1e22 !important;}

.clear{clear: both !important;}
.outline{outline: none !important; box-shadow: none !important;}
.outline:focus{outline: none !important; box-shadow: none !important;}
.form-check-input:focus{outline: none !important; box-shadow: none !important; border-color: #cccccc !important;}
.none{display: none !important;}
.no-mp{padding: 0 !important; margin: 0 !important;}
.animated{transition: all 0.3s ease-in-out !important;}
.prevent-select{-webkit-user-select: none; -ms-user-select: none; user-select: none;}
.card-shadow{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;}
.distance-value{border: 0; background: transparent; width: 100px;}

.alert-popup{width: 100px; height: 100px; margin-left: -50px; margin-top: -50px;}
.alert-block{display: block; opacity:0;}
.alert-none{display: none; opacity:0;}
.alert-expand{animation-name: expand; animation-duration: 900ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards;}
.alert-reduce{animation-name: reduce; animation-duration: 300ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards;}

.element-block{display: block !important; opacity: 0 !important; z-index: 100;}
.element-visible{display: block !important; opacity: 1 !important; z-index: 200;}
.element-hidden{display: block !important; opacity: 0 !important; z-index: 100;}
.element-none{display: none !important; opacity: 0 !important; z-index: 100;}

.rotate{animation: rotation 1s infinite linear;}
@keyframes rotation{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}

.pictures-shadow-top{box-shadow: 0 60px 30px 0 rgba(26, 30, 34, 1) !important;}
.pictures-shadow-bottom{box-shadow: 0 60px 60px 150px rgba(26, 30, 34, 1) !important;}

.autocomplete-wrapper ul{
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.autocomplete-wrapper li:first-child {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.autocomplete-wrapper li:last-child {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.autocomplete-wrapper li{
    position: relative;
    display: block;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.autocomplete-wrapper a{
    color: #999999 !important;
    text-decoration: none !important;
    font-weight: normal;
}
.autocomplete-anchor-text{
    font-weight: normal !important;
    font-family: "muli_extra_light", sans-serif;
}