@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Rounds-Black';
    src: url('../fonts/Rounds-Black.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Regular';
    src: url('../fonts/Inter-VariableFont_opsz,wght.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter-VariableFont_opsz,wght.ttf');
    font-weight: 500;
    font-style: normal;
}

:root {
    --primary-yellow: #FFDD00;
    --primary-red: #FF0000;
    --primary-black: #000000;
    --primary-white: #FFFFFF;
    --secondary-grey: #7E7E7E;
    --secondary-yellow: #FFF59B;
    --secondary-light-grey: #BEC3C7;
    --secondary-border: #E7E8E8;
    --secondary-light-grey-2: #F4F4F4;
    --additional-purple: #7C6EB0;
    --additional-blue: #5BC5F2;
    --additional-light-blue: #BCE4FA;
    --additional-light-yellow: #FFF59B;
    --additional-orange: #FFC280;
    --additional-pink: #F088B6;
    --additional-light-pink: #F8C9DF;
    --additional-light-purple: #BDB5DA;
    --additional-green: #3CB092;
    --icon-color-grey: #212121;
    --icon-color-yellow3: #F5BF00;
    --alert-text-red: #E63757;
    --alert-input-text-red: #932338;
    --alert-background-red: #FCE7EB;
    --fa-primary-color: var(--primary-black);
    --fa-secondary-color: var(--primary-yellow);
}

:root {
    --font-family: "Montserrat-Regular", sans-serif;
    --font-family-medium: "Montserrat-Medium", sans-serif;
    --font-family-semi-bold: "Montserrat-SemiBold", sans-serif;
    --font-family-bold: "Montserrat-Bold", sans-serif;
    --font-family-black: "Montserrat-Black", sans-serif;
    --font-family-rounds-black: "Rounds-Black", sans-serif;
    --second-family: "Inter", sans-serif;
    --font-inter-regular: "Inter-Regular", sans-serif;
    --font-inter-medium: "Inter-Medium", sans-serif;
}

body {
    background-color: var(--primary-white);
}

[data-css="login-container-fluid"] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

[data-css="login-wrapper"] {
    display: block;
    position: absolute;
    left: 20%;
    top: 20%;
    width: 533px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
    padding: 0 !important;
    min-height: unset !important;
    z-index: 9;
}

[data-css="login-wrapper"] a {
    color: var(--primary-black);
}

[data-css="login-wrapper"] a:hover {
    color: var(--primary-red);
}

[data-css="login-box-container"] {
    max-width: 100%;
    padding: 0;
}

[data-css="login-wrapper"] [data-css="logo-container"] {
    text-align: center;
    padding: 1.25rem 0;
    margin-bottom: 0;
    background-color: var(--primary-yellow);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    display: flex;
    justify-content: center;
}

.logo {
    margin-bottom: 0 !important;
}

[data-css="logo-container"] [data-css="logo"] {
    text-decoration: none;
}

[data-css="logo-container"] [data-css="logo-img"] {
    width: 97px;
    margin-right: 0;
}

[data-css="logo-container"] [data-css="sitename"] {
    display: none !important;
}

[data-css="login-wrapper"] [data-css="box"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
}

.navbar-brand [data-css="logo-container"] img {
    width: 56px;
}

.right-login-logo {
    position: fixed;
    right: 25%;
    transform: translate(50%, -50%);
}

@media (max-width: 1280px) {
    [data-css="login-wrapper"] {
        display: flex;
        position: unset;
    }
    .right-login-logo {
        display: none !important;
    }
}


@keyframes myOrbit1 {
    0% {
        -webkit-transform: rotate(0deg) translateX(6rem);
        transform: rotate(0deg) translateX(6rem)
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(6rem);
        transform: rotate(360deg) translateX(6rem)
    }
}

@keyframes myOrbit2 {
    0% {
        -webkit-transform: rotate(0deg) translateX(2.5rem);
        transform: rotate(0deg) translateX(2.5rem)
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(2.5rem);
        transform: rotate(360deg) translateX(2.5rem)
    }
}

@keyframes myOrbit3 {
    0% {
        -webkit-transform: rotate(360deg) translateX(4rem);
        transform: rotate(360deg) translateX(4rem)
    }

    100% {
        -webkit-transform: rotate(0deg) translateX(4rem);
        transform: rotate(0deg) translateX(4rem)
    }
}
.animation-cloud1 {
    -webkit-animation: myOrbit3 18s linear infinite;
    animation: myOrbit3 18s linear infinite;
}
.animation-cloud2 {
    -webkit-animation: myOrbit2 18s linear infinite;
    animation: myOrbit2 18s linear infinite;
}
.animation-cloud3 {
    -webkit-animation: myOrbit1 18s linear infinite;
    animation: myOrbit1 18s linear infinite;
}

.benefits-circle-1 {
    height: 8.6rem;
    width: 8.6rem;
    border: .8rem solid var(--additional-light-yellow);
    left: 5rem;
    margin-top: -13rem;
}
.benefits-circle-2 {
    height: 12rem;
    width: 12rem;
    border: 1rem solid var(--additional-light-yellow);
    right: 15rem;
    margin-top: -14rem;
}
.benefits-circle-3 {
    height: 6rem;
    width: 6rem;
    border: .5rem solid var(--additional-light-yellow);
    left: 15rem;
}

.animation-cloud1 {
    -webkit-animation: myOrbit3 18s linear infinite;
    animation: myOrbit3 18s linear infinite;
}
.animation-cloud2 {
    -webkit-animation: myOrbit2 18s linear infinite;
    animation: myOrbit2 18s linear infinite;
}
.animation-cloud3 {
    -webkit-animation: myOrbit1 18s linear infinite;
    animation: myOrbit1 18s linear infinite;
}


.benefits-circle-l1 {
    height: 8.6rem;
    width: 8.6rem;
    border: .8rem solid var(--additional-light-yellow);
    left: 0;
    margin-top: 3rem;
}
.benefits-circle-l2 {
    height: 6rem;
    width: 6rem;
    border: .5rem solid var(--additional-light-yellow);
    left: 1rem;
    margin-top: 16rem;
}

.benefits-circle-1, .benefits-circle-2, .benefits-circle-3,
.benefits-circle-l1, .benefits-circle-l2 {
    border-radius: 50%;
    display: block;
    position: absolute;
}

/* header */
.navbar.navbar-top {
    background-image: url("../images/backgrounds/header.png");
}

.navbar.navbar-top .btn.navbar-toggler-humburger-icon.navbar-vertical-toggle {
    background-color: var(--primary-white);
}

.navbar.navbar-top [data-css="site-name"] {
    display: none;
}

.navbar.navbar-top .navbar-brand {
    margin-left: 30px;
}

.navbar.navbar-top .nav-link.active,
.navbar.navbar-top .nav-link:hover {
    color: var(--primary-red);
}

.navbar.navbar-top .nav-link {
    font-family: var(--font-family-medium);
    color: var(--primary-black);
    opacity: .7;
}

.navbar.navbar-top .navbar-nav > .nav-item:last-child .nav-link {
    opacity: 1;
}

/* left menu*/
.navbar.navbar-vertical .collapse.navbar-collapse {
    background-color: var(--primary-white);
}

.navbar.navbar-vertical .nav-item {
    font-family: var(--font-family-medium);
}

.navbar.navbar-vertical .nav-item.active,
.navbar.navbar-vertical .nav-item:focus {
    background-color: var(--primary-yellow);
    color: var(--primary-black);
    border-radius: 15px;
}

.navbar.navbar-vertical .nav-item.active > a,
.navbar.navbar-vertical .nav-item:focus > a {
    color: var(--primary-black);
}


/* Buttons */
.btn.btn-primary,
[data-page_id="gaming-globalShop-prize"] .btn.btn-outline-success {
    color: var(--primary-white);
    background-color: var(--primary-red);
    border-color: var(--primary-red);
    border-radius: 50px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}
.btn.btn-primary:hover,
.btn.btn-primary.active,
.btn.btn-primary:active,
.btn.btn-primary:focus,
[data-page_id="gaming-globalShop-prize"] .btn.btn-outline-success:hover,
[data-page_id="gaming-globalShop-prize"] .btn.btn-outline-success.active,
[data-page_id="gaming-globalShop-prize"] .btn.btn-outline-success:active,
[data-page_id="gaming-globalShop-prize"] .btn.btn-outline-success:focus {
    color: var(--primary-white) !important;
    background: #E80000 !important;
    border-color: var(--primary-red) !important;
}

.btn.btn-primary.disabled,
[data-page_id="gaming-globalShop-prize"] .btn.btn-outline-success.disabled {
    background-color: var(--primary-red);
    opacity: 0.2;
}

.btn.btn-secondary,
.btn.btn-default,
.btn.btn-falcon-default {
    border-radius: 50px;
    color: var(--primary-black);
    background-color: var(--primary-white);
    border-color: var(--primary-yellow);
    box-shadow: none;
    -webkit-box-shadow: none;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.btn.btn-secondary:hover,
.btn.btn-secondary.active,
.btn.btn-secondary:focus,
.btn.btn-falcon-default:hover,
.btn.btn-falcon-default.active,
.btn.btn-falcon-default:focus,
.btn.btn-default:hover,
.btn.btn-default.active,
.btn.btn-default:focus {
    color: var(--primary-black) !important;
    background-color: var(--primary-yellow) !important;
    border-color: var(--primary-yellow) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.btn.btn-falcon-primary,
.btn.btn-falcon-primary:focus,
.btn.btn-falcon-primary:hover:not(.disabled):not(:disabled) {
    color: var(--primary-red) !important;
}

.btn.btn-secondary.disabled,
.btn.btn-secondary:focus,
.btn.btn-falcon-default.disabled,
.btn.btn-falcon-default:focus {
    color: var(--secondary-light-grey);
    background-color: var(--primary-white);
}

.btn.btn-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: var(--primary-black);
}

.btn.btn-link:hover {
    color: var(--secondary-grey);
}

[data-css="index-page-link"] {
    color: var(--primary-black);
}

[data-css="index-page-link"]:hover {
    color: var(--primary-red);
}


@media (max-width: 480px) {
    .benefits-circle-1,
    .benefits-circle-2,
    .benefits-circle-3 {
        display: none;
    }
}

/*Badges*/
.badge {
    padding-right: 0.71111em;
    padding-left: 0.71111em;
    border-radius: 10rem;
}

.badge.badge-primary {
    background-color: var(--additional-purple);
}

.badge.badge-success {
    background-color: var(--additional-green);
}

.badge.badge-pill.badge-soft-info {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: #1A0272;
    background-color: var(--additional-light-purple);
}

.badge.badge-pill.badge-soft-warning {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: #EF5400;
    background-color: var(--secondary-yellow);
}

.badge.badge-pill.badge-soft-secondary {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: #7D899B;
    background-color: #EEF0F2;
}

.badge.badge-pill.badge-soft-dark {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: #0D82BC;
    background-color: var(--additional-light-blue);
}

.badge.badge-pill.badge-light {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: var(--primary-black);
    background-color: #F9FAFE;
}

.badge.badge-pill.badge-danger,
.badge.badge-pill.badge-warning,
.badge.badge-pill.badge-success {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
}

/*Card*/
.card:not(.accordion .card),
[data-page_id="gaming-globalShop-index"],
[data-page_id="gaming-globalShop-shoppingProcess"],
[data-page_id="gaming-participant-rating"],
[data-page_id="gaming-activities-index"],
[data-page_id="gaming-globalShop-history"],
[data-page_id="gaming-awards-index"] {
    border-radius: 20px;
}

.card .card:not(.accordion .card) {
    border-radius: 16px;
}

.card .card:not(.accordion .card):not(.border-0) {
    border: 1px solid var(--secondary-border) !important;
}

.card .card:not(.accordion .card).border-danger {
    border-color: #e63757 !important;
}

.card-header:first-child,
.card-img-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card .card .card-header:first-child,
.card .card .card-img-top {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.card .card .card-footer:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.card h3 {
    font-family: var(--font-family-black);
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    color: var(--primary-black);
}

.card .card-header.bg-light h6,
.card .card-header.bg-light h6 [data-css="strong-widget-header"],
[data-css="description-with-padding"] strong {
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 16px;
    color: var(--primary-black) !important;
}

[data-page_id="gaming-activities-activity"] .card .card-header.bg-light h6,
[data-widget="active-participants-block"].card .card-header.bg-light h6 {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: var(--primary-black) !important;
}

.card .card-header.bg-light {
    background: var(--secondary-light-grey-2) !important;
}

.card .card-body,
.card .card-body .fs-0 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: var(--primary-black) !important;
}

.card .card-body .calendar-block {
    line-height: 16px;
}

.card .card-body .fs-1 {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: var(--primary-black) !important;
}

.card .card-body h5.card-title {
    font-family: var(--font-family-semi-bold);
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--primary-black);
}

.card .card-body h6.card-title,
[data-page_id="gaming-globalShop-prize"] h4 strong,
[data-page_id="gaming-globalShop-shoppingProcess"] h4,
[data-page_id="gaming-profile"] h5 strong {
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: var(--primary-black);
}

.card .card-body .card-text.text-secondary {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    color: #5E6E82 !important;
}

.card .card-body .avatar-4xl.border-2x {
    border-width: 4px !important;
    border-color: var(--primary-yellow) !important;
    width: 120px;
    height: 120px;
}

.card .card-body .avatar.avatar-4xl .avatar-name.bg-primary {
    border: 6px solid var(--primary-white);
    border-radius: 100px !important;
    width: 96px;
    height: 96px;
    background-color: var(--primary-yellow) !important;
    color: var(--primary-black) !important;
}

.card .card-body .media .avatar.avatar-2xl {
    width: 48px;
    height: 48px;
    background-color: var(--secondary-yellow) !important;
}

.card .card-body .media .avatar.avatar-3xl {
    width: 64px;
    height: 64px;
}

.card .card-body .media .avatar.avatar-3xl .avatar-name.rounded-circle.bg-primary {
    background-color: var(--primary-yellow) !important;
    color: var(--primary-black) !important;
}

.card .card-footer .text-muted,
[data-page_id="gaming-globalShop-prize"] .fs--1 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    color: var(--secondary-grey) !important;
}

.card .card-footer.border-top {
    border-top: 1px solid var(--secondary-border) !important;
}

.card .card-footer.bg-soft-secondary {
    background-color: var(--secondary-light-grey-2) !important;
}

/* Table */
table:not(.ui-datepicker-calendar) thead {
    background: var(--secondary-light-grey-2);
    font-family: var(--font-family-semi-bold);
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: var(--primary-black);
}

table:not(.ui-datepicker-calendar) tbody {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary-black);
}

td .avatar.avatar-xl {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
}

/*Spinner*/
.spinner-border.text-primary {
    color: var(--primary-yellow) !important;
}

/*Pagination*/
ul.pagination .page-item.active .page-link,
ul.pagination .page-item .page-link:hover {
    color: var(--primary-black);
    background-color: var(--primary-yellow);
    border-color: var(--primary-yellow);
}

ul.pagination > li:first-child .page-link {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

ul.pagination > li:last-child .page-link {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

/*DateTime picker*/
.ui-widget-header {
    border: 1px solid var(--primary-yellow);
    background: var(--primary-yellow);
    color: var(--primary-black);
}

.ui-widget-header .ui-icon {
    background-image: url('../images/date-picker/ui-icons_cd0a0a_256x240.png');
}

/* Tabs */
.nav.nav-pills .nav-link {
    font-family: var(--font-family-semi-bold);
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary-black);
}

.nav.nav-pills .nav-link.active {
    border: 1px solid var(--primary-yellow);
    border-radius: 50px;
    padding: 6px 12px;
    background: var(--primary-yellow);
}

/* Accordion */
.accordion .card,
.accordion .card .card-header {
    border-radius: 16px !important;
}

/* Input */
input.form-control,
.select2-search--dropdown input.select2-search__field {
    border: 1px solid var(--secondary-border);
    border-radius: 50px;
    background-color: var(--primary-white) !important;
    font-family: var(--font-family);
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: var(--primary-black) !important;
}

input.form-control::placeholder {
    color: var(--secondary-light-grey) !important;
}

input.form-control:active,
input.form-control:focus {
    border: 1px solid var(--secondary-light-grey-2);
    box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
}

input.form-control.disabled {
    color: var(--secondary-border) !important;
}

/* Textarea */
textarea {
    border: 1px solid var(--secondary-border) !important;
    background-color: var(--primary-white) !important;
    font-family: var(--font-family);
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 150% !important;
    color: var(--primary-black) !important;
    border-radius: 16px !important;
}

/* Select2 */
.select2-selection.select2-selection--single,
.select2-selection.select2-selection--multiple {
    border: 1px solid var(--secondary-border);
    border-radius: 50px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary-black);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--primary-black);
}

.select2-selection .select2-selection__placeholder {
    color: var(--secondary-light-grey) !important;
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection,
.select2-container--bootstrap4.select2-container--disabled .select2-container--focus .select2-selection {
    background-color: var(--primary-white) !important;
    border: 1px solid var(--secondary-border);
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection .select2-selection__rendered,
.select2-container--bootstrap4.select2-container--disabled .select2-container--focus .select2-selection .select2-selection__rendered {
    color: var(--secondary-border) !important;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection,
.select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection,
.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection, textarea.form-control:focus {
    border: 1px solid var(--secondary-light-grey-2);
    border-radius: 50px;
    box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
}

.select2-container--bootstrap4.select2-container--open .select2-dropdown.select2-dropdown--below,
.select2-container--bootstrap4.select2-container--open .select2-dropdown.select2-dropdown--above {
    border: 1px solid var(--secondary-border) !important;
    border-radius: 16px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07), 0 7px 14px 0 rgba(65, 69, 88, 0.1);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-grey);
}

.select2-container--bootstrap4 .select2-results__option--highlighted {
    color: var(--primary-black);
    background-color: var(--secondary-border);
}

.select2-container--bootstrap4 .select2-results__option--highlighted:first-child,
.select2-container--bootstrap4 .select2-results__option[aria-selected="true"]:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.select2-container--bootstrap4 .select2-results__option--highlighted:last-child,
.select2-container--bootstrap4 .select2-results__option[aria-selected="true"]:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected="true"] {
    color: var(--primary-black);
    background-color: var(--secondary-yellow);
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    border: 1px solid var(--primary-yellow);
    border-radius: 20px;
    background-color: var(--secondary-yellow);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    color: var(--primary-black);
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    color: var(--secondary-grey) !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered input.select2-search__field {
    border: none !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered input.select2-search__field:active,
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered input.select2-search__field:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Bootstrap custom switch */
.custom-switch .custom-control-label::before {
    border: 1px solid var(--secondary-light-grey);
    color: var(--secondary-light-grey) !important;
}

.custom-switch .custom-control-label::after {
    background-color: var(--secondary-light-grey);
}

.custom-switch .custom-control-input:focus ~ .custom-control-label::before {
    border: 1px solid var(--secondary-light-grey-2);
    box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border: 1px solid var(--primary-yellow);
    background-color: var(--primary-yellow);
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--primary-black);
}

/* Bootstrap custom checkbox */
.custom-checkbox .custom-control-label::before {
    border: 1px solid var(--secondary-light-grey);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url('../images/custom-checkbox/custom-checkbox-symbol.svg');
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--primary-yellow);
    opacity: 0.5;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
    background-image: url('../images/custom-checkbox/custom-checkbox-symbol.svg');
    opacity: 0.5;
}

/* Bootstrap custom radio button */
.custom-radio .custom-control-label::before {
    border: 1px solid var(--secondary-light-grey);
    background-color: var(--primary-white);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--primary-black);
    border-color: var(--primary-yellow);
    background-color: var(--primary-yellow);
}

.custom-control-input:focus ~ .custom-control-label::before {
    border: 1px solid var(--secondary-light-grey-2) !important;
    box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
    -webkit-box-shadow: 0 0 0 0.2rem var(--secondary-light-grey-2) !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid var(--primary-black);
    background-color: var(--primary-black);
    border-radius: 50%;
    top: 8px;
    left: -20px;
}

/* Input group */
.input-group-text {
    color: var(--primary-black);
    background-color: var(--primary-white);
    border-color: var(--primary-yellow);
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .select2-container--bootstrap4.select2-container--open.select2-container--below:not(:last-child) .select2-selection,
.input-group > .select2-container--bootstrap4.select2-container--open.select2-container--above:not(:last-child) .select2-selection {
    border-radius: 50px 0 0 50px;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .select2-container--bootstrap4.select2-container--open.select2-container--below:last-child .select2-selection,
.input-group > .select2-container--bootstrap4.select2-container--open.select2-container--above:last-child .select2-selection {
    border-radius: 0 50px 50px 0;
}

.input-group > .input-group-prepend > .btn[data-type="minus"],
.input-group > .input-group-append > .btn[data-type="plus"] {
    border: 1px solid var(--primary-red);
    background-color: var(--primary-red);
    border-radius: 50px;
    padding: 0;
    color: var(--primary-white);
    width: 38px;
    height: 38px;
    font-size: 25px;
    line-height: 0;
}

.input-group > .input-group-prepend > .btn.disabled[data-type="minus"],
.input-group > .input-group-append > .btn.disabled[data-type="plus"] {
    opacity: 0.2;
}

.input-group > input.input-quantity {
    border: none !important;
    width: 56px !important;
    max-width: 56px !important;
}

/* Form group */
.form-group img {
    border: 1px solid var(--secondary-border);
    border-radius: 16px;
}

/* Dropdown menu */
.dropdown-menu a.dropdown-item:hover {
    text-decoration: none !important;
}

/* Wizard */
.theme-wizard .nav-link.done,
.theme-wizard .nav-link.active {
    font-family: var(--font-family);
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 130%;
    color: var(--primary-black);
}

.theme-wizard .nav-link {
    font-family: var(--font-family);
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 130%;
    color: var(--secondary-grey);
}

.theme-wizard .nav-link .nav-item-circle-parent:before {
    background-color: var(--secondary-light-grey);
}

.theme-wizard .nav-link .nav-item-circle {
    border: 1px solid var(--secondary-light-grey);
}

.theme-wizard .nav-link.active .nav-item-circle {
    background-color: var(--primary-white) !important;
    border: 1px solid var(--primary-yellow);
    color: var(--primary-black);
}

.theme-wizard .nav-link.done .nav-item-circle-parent:before,
.theme-wizard .nav-item:not(:first-child) .active .nav-item-circle-parent:after {
    background-color: var(--primary-yellow);
}

.theme-wizard .nav-link.done .nav-item-circle {
    background-color: var(--primary-yellow) !important;
    border: 1px solid var(--primary-yellow);
    color: var(--primary-black);
}

/* Tag a */
a:not(.btn):not(.nav-link) {
    color: var(--primary-black);
}

a:hover:not(.btn):not(.nav-link) {
    color: var(--primary-black);
    text-decoration: underline;
}

/* Icon in input field */
.contacts-search-icon {
    color: var(--secondary-grey);
    font-size: 16px;
}

.chat-contacts-search {
    padding-left: 40px;
}

/* Forms */
.col-form-label {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: var(--secondary-grey);
}

/* InfoCardWidget */
.avatar.avatar-4xl .badge-primary.rounded-circle.h-100 {
    background-color: var(--secondary-light-grey);
}

/* Різні елементи */
.rounded.border.bg-light.p-3 {
    background-color: var(--secondary-light-grey-2) !important;
    border: 1px solid var(--secondary-border) !important;
    border-radius: 16px !important;
}

.avatar-name.rounded-circle.img-thumbnail.bg-primary.text-white span {
    width: 45px;
    height: 45px;
    font-size: 45px;
}

.avatar.avatar-3xl .avatar-name.rounded-circle.bg-primary span {
    width: 32px;
    height: 32px;
    font-size: 32px;
}

.alert-danger {
    color: var(--alert-text-red);
    background-color: var(--alert-background-red);
    border-color:  var(--alert-background-red);
    border-radius: 6px;
}
.text-danger{
    color: var(--alert-text-red)!important;
}

@media (min-width: 1366px) {
    [data-page_id="dashboard-index"] > .row:nth-child(2),
    [data-widget="news-block"] .card,
    [data-widget="news-block"] .card img,
    [data-widget="news-block"] .card video {
        height: 306px !important;
        max-height: 306px !important;
    }

    [data-page_id="gaming-activities-activity"] > .row:nth-child(2) .card {
        height: 372px !important;
        max-height: 372px !important;
    }

    [data-page_id="gaming-activities-activity"] > .row:nth-child(3) .card {
        height: 280px !important;
        max-height: 280px !important;
    }
}

[data-widget="user-info-block"].card {
    background-color: var(--primary-yellow) !important;
}

[data-widget="user-info-block"] .avatar {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

[data-widget="user-info-block"] [data-css="font-fs-2"] {
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: var(--primary-black) !important;
}

[data-widget="user-info-block"] [data-css="font-fs--1"],
[data-css="table-prize-code"],
[data-page_id="gaming-profile"] [data-css="font-fs--1"] {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px !important;
    color: #3A3A3A !important;
}

[data-widget="wallet-block"] [data-id="echart-doughnut"] {
    width: 140px;
    height: 140px;
}

[data-widget="wallet-block"] [data-echart="color-bg-primary"] {
    background-color: var(--primary-yellow)  !important;
}

[data-widget="wallet-block"] [data-echart="color-bg-info"] {
    background-color: var(--secondary-yellow)  !important;
}

[data-widget="wallet-block"] [data-echart="color-bg-600"] {
    background-color: var(--secondary-grey)  !important;
}

[data-widget="wallet-block"] .card-body strong {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 106%;
    color: var(--primary-black);
}

[data-css="table-date-field"],
[data-page_id="gaming-globalShop-prize"] .text-500 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-grey) !important;
}

[data-css="table-points-field"] {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: var(--primary-black);
    border-radius: 100%;
    background-color: var(--secondary-yellow);
    width: fit-content;
    min-width: 32px;
    height: 32px;
    display: flex;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

[data-css="table-points-with-symbol-field"] {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 16px;
    color: var(--primary-black);
    border-radius: 100%;
    background-color: var(--secondary-yellow);
    height: 48px;
    width: 48px;
    display: flex;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

[data-widget="news-block"] .card img,
[data-widget="news-block"] .card video {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

[data-page_id="gaming-participant-news-index"] [data-id="detailed_card"] img,
[data-page_id="gaming-participant-news-index"] [data-id="detailed_card"] video {
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

@media (max-width: 767px) {
    [data-widget="news-block"] .card img,
    [data-widget="news-block"] .card video {
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
        border-top-right-radius: 0 !important;
    }

    [data-page_id="gaming-participant-news-index"] [data-id="detailed_card"] img,
    [data-page_id="gaming-participant-news-index"] [data-id="detailed_card"] video {
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
        border-bottom-left-radius: 0 !important;
    }
}

[data-widget="news-block"] .card {
    background-color: var(--secondary-light-grey-2) !important;
}

[data-widget="news-block"] .card .card-title {
    font-family: var(--font-family-bold) !important;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 120% !important;
    color: var(--primary-black) !important;
}

[data-widget="news-block"] .card .card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-grey);
}

[data-widget="past-events-block"].card .card-header.bg-light,
[data-widget="active-participants-block"].card .card-header.bg-light {
    background-color: var(--primary-white) !important;
}

[data-widget="past-events-block"] .card-body,
[data-widget="active-participants-block"] .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

[data-css="description-with-padding"] .px-2 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-grey);
}

[data-page_id="gaming-activities-index"] > .row:nth-child(1) .card {
    background-color: var(--primary-white) !important;
}

[data-page_id="gaming-participant-news-index"] > .row:nth-child(2) .card > .card-body:nth-child(1) {
    border-bottom: 1px solid var(--secondary-border) !important;
}

[data-page_id="gaming-participant-news-index"] > .row:nth-child(2) .card > .card-body:nth-child(1) button {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary-black) !important;
}

[data-page_id="gaming-participant-news-index"] > .row:nth-child(2) .card > .card-body:nth-child(1) button:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-color: var(--primary-white) !important;
}

[data-page_id="gaming-globalShop-index"],
[data-page_id="gaming-globalShop-shoppingProcess"],
[data-page_id="gaming-participant-rating"],
[data-page_id="gaming-activities-index"],
[data-page_id="gaming-globalShop-history"],
[data-page_id="gaming-awards-index"] {
    -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

[data-page_id="gaming-globalShop-index"] > .card:nth-child(1),
[data-page_id="gaming-globalShop-shoppingProcess"] > .card:nth-child(1),
[data-page_id="gaming-participant-rating"] > .card:nth-child(1),
[data-page_id="gaming-activities-index"] > .card:nth-child(1),
[data-page_id="gaming-globalShop-history"] > .card:nth-child(1),
[data-page_id="gaming-awards-index"] > .card:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    margin-bottom: 0 !important;
}

[data-page_id="gaming-globalShop-index"] > .card:nth-child(2),
[data-page_id="gaming-globalShop-shoppingProcess"] > .card:nth-child(2),
[data-page_id="gaming-participant-rating"] > .card:nth-child(2),
[data-page_id="gaming-activities-index"] > .card:nth-child(2),
[data-page_id="gaming-globalShop-history"] > .card:nth-child(2),
[data-page_id="gaming-awards-index"] > .card:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
}

[data-page_id="gaming-awards-index"] > .card {
    border-radius: 0;
    box-shadow: none;
}

[data-page_id="gaming-globalShop-index"] .tab-content {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    background-color: var(--secondary-light-grey-2);
    border-top: 1px solid #e2e3e5 !important;
}

[data-page_id="gaming-globalShop-index"] .card .avatar-5xl {
    width: 240px;
    height: 240px;
}

[data-page_id="gaming-globalShop-index"] .card h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary-black);
}

[data-page_id="gaming-globalShop-index"] .card .fs-3.font-weight-medium {
    font-family: var(--font-family-medium);
    font-weight: 500 !important;
    font-size: 28px;
    line-height: normal;
    color: var(--primary-black) !important;
}

[data-page_id="gaming-globalShop-index"] .card .fs-0 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    color: var(--primary-black);
}

[data-widget="global-shop-available-points"] .badge.badge-soft-primary {
    background-color: var(--secondary-yellow);
    padding: 8px 16px !important;
}

[data-widget="global-shop-available-points"] .fs-0.mr-2 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    color: var(--primary-black);
}

[data-widget="global-shop-available-points"] .badge .fs-0,
[data-page_id="appreciations-index"] .badge .fs-0
{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 81%;
    color: var(--additional-orange) !important;
}

[data-widget="global-shop-available-points"] .badge .fs-3,
[data-page_id="appreciations-index"] .badge .fs-3
{
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 28px;
    line-height: 82%;
    color: var(--additional-orange);
}

[data-widget="global-shop-points-card"].card.text-white.bg-primary {
    color: var(--primary-black) !important;
    background-color: var(--primary-yellow) !important;
    box-shadow: none;
    border: 1px solid var(--primary-yellow) !important;
    border-radius: 16px !important;
    padding: 16px 24px !important;
}

[data-widget="global-shop-points-card"].card.text-white.bg-primary.p-2 {
    padding: 16px !important;
}

[data-widget="global-shop-points-card"] .fs-3.font-weight-medium {
    font-family: var(--font-family-medium);
    font-weight: 500 !important ;
    font-size: 28px;
    color: var(--primary-black) !important;
}

[data-widget="global-shop-points-card"] .fs--1 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    color: var(--primary-black) !important;
}

[data-page_id="gaming-globalShop-prize"] .btn.btn-outline-success {
    width: 100%;
}

[data-page_id="gaming-globalShop-prize"] .card-header {
    background-color: var(--primary-white) !important;
}

[data-page_id="gaming-globalShop-prize"] img {
    border-radius: 16px !important;
    border: none !important;
}

[data-page_id="gaming-globalShop-shoppingProcess"] > .card:nth-child(2),
[data-page_id="gaming-globalShop-shoppingProcess"] .wizard-panel.card-header {
    background-color: var(--secondary-light-grey-2) !important;
}

[data-page_id="gaming-globalShop-shoppingProcess"] img.avatar-5xl {
    width: 100%;
    height: 100%;
    max-width: 240px;
    max-height: 240px;
}

[data-page_id="gaming-globalShop-shoppingProcess"] img.avatar-3xl,
[data-page_id="gaming-globalShop-finishShoppingProcess"] img.avatar-3xl,
[data-page_id="gaming-globalShop-history"] img.avatar-3xl {
    width: 56px;
    height: 56px;
}

[data-page_id="gaming-globalShop-shoppingProcess"] strong,
[data-page_id="gaming-globalShop-finishShoppingProcess"] .card-body strong,
[data-css="table-order-number"],
[data-css="table-prize-price"] {
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--primary-black);
}

[data-page_id="gaming-globalShop-shoppingProcess"] strong.fs-2,
[data-page_id="gaming-profile"] strong.fs-2 {
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: var(--primary-black);
}

[data-page_id="gaming-globalShop-shoppingProcess"] .fs--1.text-600 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    color: var(--secondary-grey) !important;
}

[data-page_id="gaming-globalShop-shoppingProcess"] .fs-0.text-600,
[data-page_id="gaming-globalShop-finishShoppingProcess"] .text-600,
[data-css="table-prize-amount"] {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--secondary-grey) !important;
}

[data-page_id="gaming-globalShop-shoppingProcess"] .fs--1.text-500 {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: var(--secondary-grey) !important;
}

[data-page_id="gaming-globalShop-shoppingProcess"] .text-danger {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    color: var(--primary-red) !important;
}

[data-page_id="gaming-globalShop-finishShoppingProcess"].card .card.bg-soft-secondary {
    background-color: var(--secondary-light-grey-2) !important;
    border: none !important;
}

[data-page_id="gaming-globalShop-finishShoppingProcess"].card .card-header,
[data-page_id="gaming-globalShop-history"].card .card-header {
    background-color: var(--primary-white) !important;
}

[data-page_id="gaming-participant-news-index"] > .row:nth-child(2) .card > .card-body:nth-child(1) {
    border-bottom: 1px solid var(--secondary-border) !important;
}

[data-page_id="gaming-participant-news-index"] input.datepicker {
    width: 130px;
}

[data-page_id="gaming-participant-news-index"] .form-inline label {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 13px;
    color: var(--secondary-grey);
}

[data-page_id="gaming-activities-activity"] [data-widget="past-events-block"] .card-header.bg-100 {
    background-color: var(--primary-white) !important   ;
}

[data-page_id="gaming-activities-activity"] [data-widget="past-events-block"] .card-body {
    padding: 0 !important;
}

[data-page_id="gaming-participant-rating"] [data-id="rating-grid-block"] {
    padding-left: 0;
    padding-right: 0;
}

[data-page_id="gaming-profile"] img.avatar-4xl {
    width: 150px;
    height: 150px;
}

[data-page_id="appreciations-index"] #banner-image  {
    background-image: url("../images/backgrounds/appreciations-banner.png");
    width: 100%;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 12.6%;
}

[data-page_id="appreciations-index"] #banner-block  {
    margin-bottom: 28px;
}

[data-page_id="appreciations-index"] #comment  {
   resize: none;
}

[data-page_id="appreciations-index"] #pointsCardBlock  {
    background-color: var(--primary-yellow)!important;
    padding-top: 24px!important;
    padding-bottom: 24px!important;
}

[data-page_id="appreciations-index"] .badge.badge-soft-primary {
    background-color: var(--secondary-yellow);
    padding: 8px 16px !important;
}

[data-page_id="appreciations-index"] #participantBlock .bg-primary{
    background-color: var(--primary-yellow) !important;
    color: var(--primary-black) !important;
}

[data-page_id="appreciations-index"] .gift-lines{
    position: absolute;
    display: block!important;
    right: -16px;
    top: -9px;
}

[data-page_id="appreciations-index"] .total-points{
    border-radius: 100%;
    font-family: var(--font-family-medium);
    font-weight: 500 !important;
    display: inline-flex;
    background-color: var(--secondary-yellow);
    text-align: center;
    height: 30px;
    width: 30px;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

[data-page_id="appreciations-index"] .table tr th:last-child,
[data-page_id="appreciations-index"] .table tr td:last-child
{
   padding-right: 64px;
}

[data-page_id="appreciations-index"] .table tr th:first-child,
[data-page_id="appreciations-index"] .table tr td:first-child
{
   padding-left: 64px;
}

[data-page_id="appreciations-index"] #appreciationList .nav.nav-pills {
   margin-left: 20px;
}

[data-page_id="appreciations-index"] #appreciationList .tab-content,
[data-page_id="appreciations-index"] .card-full-width .card-body
{
    padding-left: 0;
    padding-right: 0;
}

[data-page_id="appreciations-index"] #appreciations-form .control-label,
[data-page_id="appreciations-index"] #appreciations-form .text-secondary,
[data-page_id="appreciations-index"] .table tr td.col-date
{
    color: var(--secondary-grey);
}

[data-page_id="appreciations-index"] #pointsCardBlock label.text-black
{
    font-family: var(--font-family-medium);
}
[data-page_id="appreciations-index"] #pointsErrorBlock
{
    font-weight: 500;
    font-size: 13px;
    color: var(--alert-text-red)!important;
}
[data-page_id="appreciations-index"] #successTitle
{
    font-family: var(--font-family-rounds-black);
}

[data-page_id="appreciations-index"] #pointsCardBlock .form-control.is-invalid {
    color: var(--alert-input-text-red)!important;
}

@media (max-width: 768px) {
    [data-page_id="appreciations-index"] #commentBlock{
        padding: 15px;
    }
}

[data-page_id="appreciations-index"] .bg-thanks-empty-page {
    background-image: url('../images/backgrounds/empty-thanks-page.png');
}

[data-page_id="appreciations-index"] #banner-block .lead strong {
    font-family: var(--font-family-rounds-black);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}

/** Kaizen Module */
.tmx-kaizen:before {
    content: "\e919";
}

[data-page_id="kaizen-end-user-flow"] {
    font-family: var(--font-inter-regular);
}

[data-page_id="kaizen-end-user-flow"] .card.content {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
    box-shadow:
        0 .438rem .875rem 0 rgba(65, 69, 88, 0.1),
        0 .188rem .375rem 0 rgba(0, 0, 0, 0.07);
}

[data-page_id="kaizen-end-user-flow"] .card-header.page-title {
    margin-top: 1.5rem;
}

[data-page_id="kaizen-end-user-flow"] .card-header.page-title h3 {
    font-family: var(--font-inter-medium);
    font-weight: 500;
    font-size: 2rem;
    color: #344050 !important;
}

[data-page_id="kaizen-end-user-flow"] .card.content .card-header {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

[data-page_id="kaizen-end-user-flow"] .card.content .card-body {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

[data-page_id="kaizen-end-user-flow"] .card.content .card-body .nav-bar {
    margin-bottom: 1.125rem;
    border-bottom: none;
}

[data-page_id="kaizen-end-user-flow"] .card.content .card-body .nav-bar .nav-bar-item {
    font-family: var(--font-inter-regular);
    font-size: 1rem;
    font-weight: 400;
    color: #5E6E82;
}

[data-page_id="kaizen-end-user-flow"] .card.content .card-body .nav-bar .nav-bar-item.active {
    color: #2c7be5;
}

[data-page_id="kaizen-end-user-flow"] .card.content .card-body .nav-bar .nav-bar-item .badge-soft-primary {
    border-radius: .25rem;
    background-color: #D9E7FA;
}

[data-page_id="kaizen-end-user-flow"] .card.content .card-body .tab-contents {
    padding-top: 1.125rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .row.pills {
    margin-right: -.5rem;
    margin-left: -.5rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .row.pills .col-12 {
    padding-right: .5rem;
    padding-left: .5rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill {
    position: relative;
    overflow: hidden;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill .card-body {
    z-index: 3;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill .card-title {
    font-family: var(--font-inter-medium);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill .card-title .text {
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill .card-title .badge-soft-white {
    min-width: 4rem;
    min-height: 4rem;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: .5rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill .card-text .btn-outline-light {
    font-family: var(--font-inter-regular);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-primary {
    background: linear-gradient(284.58deg, #1970E2 1.16%, #1970E2 1.17%, #4695FF 77.65%);
    box-shadow:
        0 .188rem .375rem 0 rgba(0, 0, 0, 0.07),
        0 .438rem .875rem 0 rgba(65, 69, 88, 0.1);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-warning {
    background: linear-gradient(282.01deg, #F5D03E 0.98%, #F5D03E 0.99%, #F5803E 77.24%);
    box-shadow:
        0 .188rem .375rem 0 rgba(0, 0, 0, 0.07),
        0 .438rem .875rem 0 rgba(65, 69, 88, 0.1);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-purple {
    background: linear-gradient(282.01deg, #662DD9 0.99%, #C547FF 77.24%);
    box-shadow:
        0 .188rem .375rem 0 rgba(0, 0, 0, 0.07),
        0 .438rem .875rem 0 rgba(65, 69, 88, 0.1);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill .circle-top {
    z-index: 2;
    width: 11.688rem;
    height: 11.688rem;
    border-radius: 50%;
    position: absolute;
    right: -5rem;
    top: -4.375rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill .circle-bottom {
    z-index: 1;
    width: 16.688rem;
    height: 16.688rem;
    border-radius: 50%;
    position: absolute;
    right: -4.688rem;
    bottom: -9.375rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-primary .circle-top {
    border: 3.125rem solid rgba(64, 146, 255, 0.5);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-primary .circle-bottom {
    border: 3.125rem solid rgba(19, 101, 212, 0.6);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-warning .circle-top {
    border: 3.125rem solid rgba(253, 215, 67, 0.3);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-warning .circle-bottom {
    border: 3.125rem solid rgba(245, 128, 62, 0.6);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-purple .circle-top {
    border: 3.125rem solid rgba(171, 103, 255, 0.6);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-purple .circle-bottom {
    border: 3.125rem solid rgba(93, 0, 202, 0.6);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-empty {
    height: 10.75rem;
    background: linear-gradient(282.01deg, #666666 0.99%, #9C9C9C 77.24%);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-empty .face {
    position: absolute;
    width: 5rem;
    height: 5.313rem;
    left: 50%;
    top: 50%;
    transform: translate(calc(-50% + 1.967rem), calc(-50% + 3.564rem)) rotate(-12.03deg);
    transform-origin: center;
    background-image: url("../images/kaizen/pill-empty-face.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    mix-blend-mode: multiply;
    border-radius: 50%;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-empty .rectangle-l {
    display: block;
    position: absolute;
    left: -2rem;
    bottom: -.5rem;
    width: 12.438rem;
    height: 2.563rem;
    background-color: rgba(217, 217, 217, 1);
    transform: rotate(8.8deg);
    border-radius: .25rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-empty .rectangle-r1 {
    z-index: 1;
    display: block;
    position: absolute;
    right: -.625rem;
    bottom: -1.063rem;
    width: 15.438rem;
    height: 2.563rem;
    background-color: rgba(92, 92, 92, 1);
    transform: rotate(-15deg);
    border-radius: .25rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-empty .rectangle-r2 {
    z-index: 2;
    display: block;
    position: absolute;
    right: -7.813rem;
    bottom: -1.875rem;
    width: 15.438rem;
    height: 2.563rem;
    background-color: rgba(217, 217, 217, 1);
    transform: rotate(12.55deg);
    border-radius: .25rem;
}

[data-page_id="kaizen-end-user-flow"] .category-filter .nav-link {
    font-family: var(--font-inter-regular);
    font-weight: 400;
    padding: .313rem  1rem !important;
    border: .063rem solid rgba(255, 255, 255, 1) !important;
    border-radius: .25rem !important;
    box-shadow: 0 0 0 .063rem rgba(43, 45, 80, 0.1),
        0 .125rem .313rem 0 rgba(43, 45, 80, 0.08),
        0 .063rem .094rem 0 rgba(0, 0, 0, 0.07),
        0 .063rem .125rem 0 rgba(0, 0, 0, 0.08);
    color: rgba(77, 89, 105, 1);
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

[data-page_id="kaizen-end-user-flow"] .category-filter .nav-link:hover,
[data-page_id="kaizen-end-user-flow"] .category-filter .nav-link:focus {
    color: rgba(44, 123, 229, 1);
}

[data-page_id="kaizen-end-user-flow"] .category-filter .nav-link.active {
    background-color: unset;
    color: rgba(44, 123, 229, 1);
    cursor: default;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white {
    min-height: 14.5rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .icon-bg {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .75rem;
    border-radius: .5rem;
    background-color: rgba(231, 232, 232, 1);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .icon-bg i {
    color: rgba(126, 126, 126, 1);
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge {
    font-family: var(--font-inter-medium);
    font-weight: 500;
    border-radius: .25rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-text {
    font-family: var(--font-inter-medium);
    font-weight: 500;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: rgba(52, 64, 80, 1);
}

[data-page_id="kaizen-end-user-flow"] .btn-primary {
    padding: .313rem .938rem;
    background-color: rgba(44, 123, 229, 1);
    border-color: rgba(44, 123, 229, 1);
    border-radius: .25rem;
    transition:
        background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),
        border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

[data-page_id="kaizen-end-user-flow"] .btn-primary:hover,
[data-page_id="kaizen-end-user-flow"] .btn-primary:focus,
[data-page_id="kaizen-end-user-flow"] .btn-primary:active {
    background-color: #1a68d1 !important;
    border-color: #1862c6 !important;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-footer .text-muted,
[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-footer .date {
    font-family: var(--font-inter-medium);
    font-size: .875rem;
}


[data-page_id="kaizen-end-user-flow"] .tab-content .tab-actions {
    position: absolute;
    right: 0;
    top: -4.688rem;
}

@media (max-width: 104.375rem) {
    html[lang=en] [data-page_id="kaizen-end-user-flow"] .tab-content .tab-actions {
        position: relative;
        right: unset;
        top: unset;
        padding-bottom: 1rem;
    }
}

@media (max-width: 92.5rem) {
    html[lang=uk] [data-page_id="kaizen-end-user-flow"] .tab-content .tab-actions {
        position: relative;
        right: unset;
        top: unset;
        padding-bottom: 1rem;
    }
}

[data-page_id="kaizen-end-user-flow"] .tab-content .tab-actions .search-simple {
    position: relative;
    width: 20rem;
}

[data-page_id="kaizen-end-user-flow"] .tab-content .tab-actions .search-simple .search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

[data-page_id="kaizen-end-user-flow"] .tab-content .tab-actions .search-simple .search-input,
[data-page_id="kaizen-end-user-flow"] .tab-content .tab-actions .search-simple .search-input:focus {
    border: .063rem solid rgba(216, 226, 239, 1);
    border-radius: .25rem;
    padding: .375rem 1rem .375rem 2.125rem;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color1,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color1 {
    background-color: #DAEAF8;
    color: #1C6FB5;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color2,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color2 {
    background-color: #D4F3D5;
    color: #33A836;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color3,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color3 {
    background-color: #E1F3F2;
    color: #36B4A8;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color4,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color4 {
    background-color: #DDE3FB;
    color: #3C4D9B;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color5,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color5 {
    background-color: #EFE6F8;
    color: #63398D;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color6,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color6 {
    background-color: #E5E9EE;
    color: #748194;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color7,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color7 {
    background-color: #E3EFCF;
    color: #82B927;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color8,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color8 {
    background-color: #F5D8E9;
    color: #CD3089;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color9,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color9 {
    background-color: #F5CCC7;
    color: #E53420;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color10,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color10 {
    background-color: #FFDFCF;
    color: #EB6420;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color11,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color11 {
    background-color: #FFF2E0;
    color: #F49E25;
    border: none;
}

[data-page_id="kaizen-end-user-flow"] .list-view .card.pill-white .card-title .badge.label-color12,
[data-page_id="kaizen-end-user-flow"] .grid-view .badge.label-color12 {
    background-color: #B8B8B8;
    color: #1E1E1E;
    border: none;
}

/* ≥1200px - pill-edit */
@media (min-width: 75rem) and (max-width: 92.563rem) {
    html[lang=uk] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-edit .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 75rem) and (max-width: 96.688rem) {
    html[lang=en] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-edit .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 75rem) and (max-width: 89rem) {
    html[lang=ru] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-edit .card-footer .date-box {
        align-items: flex-start !important;
    }
}

/* ≥1200px — pill-detail */
@media (min-width: 75rem) and (max-width: 100.75rem) {
    html[lang=uk] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-detail .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 75rem) and (max-width: 97.063rem) {
    html[lang=en] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-detail .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 75rem) and (max-width: 96.313rem) {
    html[lang=ru] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-detail .card-footer .date-box {
        align-items: flex-start !important;
    }
}

/* ≥576px — pill-edit */
@media (min-width: 36rem) and (max-width: 40.188rem) {
    html[lang=uk] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-edit .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 36rem) and (max-width: 41.375rem) {
    html[lang=en] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-edit .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 36rem) and (max-width: 38.438rem) {
    html[lang=ru] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-edit .card-footer .date-box {
        align-items: flex-start !important;
    }
}

/* ≥576px — pill-detail */
@media (min-width: 36rem) and (max-width: 44.313rem) {
    html[lang=uk] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-detail .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 36rem) and (max-width: 41.563rem) {
    html[lang=en] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-detail .card-footer .date-box {
        align-items: flex-start !important;
    }
}

@media (min-width: 36rem) and (max-width: 42.063rem) {
    html[lang=ru] [data-page_id="kaizen-end-user-flow"] .list-view .card.pill-detail .card-footer .date-box {
        align-items: flex-start !important;
    }
}

[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn-light {
    color: rgba(77, 89, 105, 1);
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow:
        0px 0px 0px 1px rgba(43, 45, 80, 0.1),
        0px 2px 5px 0px rgba(43, 45, 80, 0.08),
        0px 1px 1.5px 0px rgba(0, 0, 0, 0.07),
        0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    transition:
        filter 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn-light:hover,
[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn-light:focus,
[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn-light:active {
    background: rgb(249, 250, 253);
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow:
        0px 0px 0px 1px rgba(43, 45, 80, 0.1),
        0px 2px 5px 0px rgba(43, 45, 80, 0.08),
        0px 1px 1.5px 0px rgba(0, 0, 0, 0.07),
        0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn-light:hover img,
[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn-light:focus img,
[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn-light:active img {
    filter: brightness(0) saturate(100%) invert(38%) sepia(83%)
    saturate(2971%) hue-rotate(209deg) brightness(98%) contrast(102%);
}

[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .sort-simple-form {
    min-width: 230px;
}

[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .select2-selection.select2-selection--single {
    font-family: var(--font-inter-regular);
    border-radius: 4px;
    border-color: rgba(216, 226, 239, 1);
}

[data-page_id="kaizen-end-user-flow"] .tab-actions .action-buttons .btn.btn-filter {
    font-family: var(--font-inter-regular);
    display: flex;
    align-items: center;
}

[data-page_id="kaizen-end-user-flow"].side-filter .modal-dialog {
    max-width: 418px;
}

[data-page_id="kaizen-end-user-flow"].side-filter .modal-header-settings {
    background-image: unset;
    flex-direction: column;

    &:before,
    &:after {
        display: none;
    }
}

[data-page_id="kaizen-end-user-flow"].side-filter .modal-header-settings .title {
    font-family: var(--font-inter-medium);
    font-size: 20px;
    margin-bottom: 0;
}

[data-page_id="kaizen-end-user-flow"].side-filter .modal-header-settings .btn-close:focus,
[data-page_id="kaizen-end-user-flow"].side-filter .modal-header-settings .btn-close:active {
    border: none;
    box-shadow: none;
}

[data-page_id="kaizen-end-user-flow"].side-filter .modal-header-settings .divider {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(226, 227, 229, 1);
    bottom: -8px;
}

[data-page_id="kaizen-end-user-flow"].side-filter form .col-form-label {
    font-family: var(--font-inter-medium);
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 8px;
    color: rgba(94, 110, 130, 1);
}

[data-page_id="kaizen-end-user-flow"].side-filter form .select2-selection.select2-selection--multiple,
[data-page_id="kaizen-end-user-flow"].side-filter form .select2-selection.select2-selection--single,
[data-page_id="kaizen-end-user-flow"].side-filter form input.form-control {
    font-family: var(--font-inter-regular);
    border-radius: 4px;
    border: 1px solid rgba(216, 226, 239, 1);
}

[data-page_id="kaizen-end-user-flow"].side-filter form .form-control.datepicker {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7C8.27614 7 8.5 7.22386 8.5 7.5V9H10C10.2761 9 10.5 9.22386 10.5 9.5C10.5 9.77614 10.2761 10 10 10H8.5V11.5C8.5 11.7761 8.27614 12 8 12C7.72386 12 7.5 11.7761 7.5 11.5V10H6C5.72386 10 5.5 9.77614 5.5 9.5C5.5 9.22386 5.72386 9 6 9H7.5V7.5C7.5 7.22386 7.72386 7 8 7Z' fill='%235E6E82'/%3E%3Cpath d='M3.5 0C3.77614 0 4 0.223858 4 0.5V1H12V0.5C12 0.223858 12.2239 0 12.5 0C12.7761 0 13 0.223858 13 0.5V1H14C15.1046 1 16 1.89543 16 3V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V3C0 1.89543 0.895431 1 2 1H3V0.5C3 0.223858 3.22386 0 3.5 0ZM1 4V14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14V4H1Z' fill='%235E6E82'/%3E%3C/svg%3E%0A");
}

[data-page_id="kaizen-end-user-flow"] .filter-labels {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

[data-page_id="kaizen-end-user-flow"] .filter-labels .badge.badge-soft-primary,
[data-page_id="kaizen-end-user-flow"] .filter-labels .reset-link {
    display: flex;
    align-items: center;
    font-family: var(--font-inter-medium);
    font-size: 14px;
    padding: 4px 8px;
    color: rgba(28, 79, 147, 1);
    transition:
        color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

[data-page_id="kaizen-end-user-flow"] .filter-labels .reset-link {
    display: none;
}

[data-page_id="kaizen-end-user-flow"] .filter-labels .reset-link.show {
    display: flex;
}

[data-page_id="kaizen-end-user-flow"] .filter-labels .reset-link:hover,
[data-page_id="kaizen-end-user-flow"] .filter-labels .reset-link:focus,
[data-page_id="kaizen-end-user-flow"] .filter-labels .reset-link:active {
    text-decoration: none;
    color: rgba(28, 79, 147, .8);
}

[data-page_id="kaizen-end-user-flow"] .fancy-tab .tab-content .table-responsive .table {
    width: max-content;
    min-width: 100%;
}

.fancy-tab .nav-bar .nav-bar-item.active {
    color: var(--primary-red) !important;
}

.fancy-tab .nav-bar .tab-indicator {
    background-color: var(--primary-red) !important;
}

@media (min-width: 1024px) {
    .card h3 {
        font-size: 32px;
    }

    [data-widget="news-block"] .card .card-title {
        font-size: 28px !important;
    }

    .card .card-body,
    .card .card-body .fs-0 {
        font-size: 16px;
    }
}

#location_name a {
    color: #2c7be5;
}