:root {
    --font-family-monospace: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    font-family: var(--font-family-sans-serif) !important;
    -webkit-font-smoothing: antialiased;
}

:focus-visible {
    outline: none !important;
}

/* ------------------------------------------------ COLORS ---------------------------------------------------------- */

:root {
    --bs-danger: #FF0C0C !important;
    --bs-active-danger: #ff2424 !important;
    --bs-orange: #ff4f12 !important;
    --bs-active-orange: #d33706 !important;
    --bs-light-orange: #FFE9E5 !important;
    --bs-light-orange-active: #d33706 !important;
    --bs-primary: #7700ff !important;
    --bs-active-primary: #8519ff !important;
    --bs-light-primary: #f2e8ff !important;/*#f8f2ff*/
    --bs-night-primary: #9466ff !important;
    --bs-yellow: #FFB607 !important;
    --bs-light-yellow: #FFF9E4 !important;
    --bs-blue: #4075FF !important;
    --bs-light-blue: #EBF1FF !important;
    --bs-grey: #797E8B !important;
    --bs-light-grey: #F6F8FA !important;
}

/* --------------------------------------------- FONT-FAMILY -------------------------------------------------------- */

/* --------------------------------------------- FONT-WEIGHT -------------------------------------------------------- */

/* ---------------------------------------------- FONT-SIZE --------------------------------------------------------- */

.btn i.fa-rostelecom,
i.fa-rostelecom {
    font-size: 1.5rem;
}

.fa-rostelecom.fs-3 {
    width: 20px !important;
}

/* --------------------------------------------- FONT-COLOR --------------------------------------------------------- */

.text-blue {
    color: var(--bs-blue) !important;
}

.text-indigo {
    color: var(--bs-indigo) !important;
}

.text-purple {
    color: var(--bs-purple) !important;
}

.text-pink {
    color: var(--bs-pink) !important;
}

.text-red {
    color: var(--bs-red) !important;
}

.text-orange {
    color: var(--bs-orange) !important;
}

.text-yellow {
    color: var(--bs-yellow) !important;
}

.text-green {
    color: var(--bs-green) !important;
}

.text-teal {
    color: var(--bs-teal) !important;
}

.text-cyan {
    color: var(--bs-cyan) !important;
}

.text-indigo {
    color: var(--bs-indigo) !important;
}

/* --------------------------------------------- BG-COLOR --------------------------------------------------------- */

.bg-orange {
    background-color: var(--bs-orange);
}

.bg-light-orange {
    background-color: var(--bs-light-orange);
}

/* ---------------------------------------------- UTILITIES --------------------------------------------------------- */

.rt-scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;/* Firefox */
}
.rt-scrollbar-hide::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

.of-cover {
    object-fit: cover;
}

.of-contain {
    object-fit: contain;
}

.text-break-all {
    word-wrap: break-word !important;
    word-break: break-all !important;
}

.symbol .symbol-label {
    line-height: 1;
}

.icon-hover-rotate i {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.icon-hover-rotate:hover i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.icon-hover-beat:hover i {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .6, 1);
    animation-timing-function: cubic-bezier(.4, 0, .6, 1);
}

.btn-no-action {
    pointer-events: none;
}

.mw-1140px {
    max-width: 1140px
}

.video-16-9 iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    border-radius: 1rem;
}

/* -------------------------------------------- DESCRIPTION PAGE ---------------------------------------------------- */

.description-block:not(:last-child) {
    margin-bottom: 2rem;
}

.description-block h2,
.view-block h2 {
    color: var(--bs-gray-700);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-gray-200);
}


.accordion-view .accordion-view-item {
    padding-bottom: 1.25rem;
}

.accordion-view .accordion-view-item .collapse-view {
    font-size: 1.15rem;
    padding-left: 2.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--bs-gray-200);
}

.accordion-view .accordion-view-item p {
    margin-bottom: .5rem;
}

/* -------------------------------------------- DATERANGEPICKER ---------------------------------------------------- */

.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
    background: var(--bs-light-primary) !important;
    color: var(--bs-primary) !important;
}
.daterangepicker .drp-calendar td.available:hover, .daterangepicker .drp-calendar th.available:hover {
    background-color: var(--bs-light-primary);
    color: var(--bs-primary);
}
.daterangepicker .drp-calendar td.active {
    background-color: var(--bs-primary) !important;
}

/* ------------------------------------------------ MEDIA ----------------------------------------------------------- */

@media (min-width: 992px) {

}

@media (max-width: 992px) {
    .accordion-view .accordion-view-item .collapse-view {
        padding-left: 0rem;
    }
}

/* --------------------------------------------- END MEDIA ---------------------------------------------------------- */