@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;
}

: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;
}

: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;
}

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%;
    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-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) {
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .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-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: 32px;
    line-height: 120%;
    color: var(--primary-black);
}

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

.card .card-header:not(strong) {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    color: var(--primary-black);
}

.card .card-header.bg-100 {
    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: 16px;
    line-height: 150%;
    color: var(--primary-black) !important;
}

.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 {
    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 .img-thumbnail.avatar-4xl.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-3xl.bg-primary {
    width: 64px;
    height: 64px;
    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 img.rounded-circle {
    width: 40px;
    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;
}

.img-thumbnail.avatar-4xl.bg-primary.text-white.rounded-circle.p-4 {
    padding: 20px !important            ;
}

.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 {
    width: 166px;
    height: 166px;
}

[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);
}

[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;
    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: 28px !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-100,
[data-widget="active-participants-block"].card .card-header.bg-100 {
    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;
}