@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@200;300;400;500;600;700;800;900&display=swap');


@media only screen and (min-width: 769px) {
    .footer-image {
        width: 30px;
        height: 30px;
    }
    .footer-circle {
        background-color: #3b73b4;
        min-width: 40px;
        height: 40px;
        display: flex;
        border-radius: 23px;
    }
    .footer-holder {
        background-color: #343434;
        padding: 5px;
        display: flex;
        border-radius: 31px;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .footer-holder {
        background-color: #343434;
        padding: 10px;
        display: flex;
        border-radius: 33px;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }
    .footer-circle {
        background-color: #3b73b4;
        min-width: 27px;
        height: 27px;
        display: flex;
        border-radius: 23px;
    }
    .footer-image {
        width: 21px;
        height: 21px;
    }
}



.margin-left-small{
    margin-left: 0px !important;
}

.age-modal
{
    transition: opacity 225ms
    cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100vh;
    padding: 10px;
    opacity: 1;
    position: fixed;
    z-index: 100;
    inset: 0px;
}
section {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 50em;
    margin-inline: auto;
    gap: 3.25rem;
    position: relative;
    z-index: 10;
    align-items: center;
    padding: 5em 0;
}
section .card {
    position: relative;
    z-index: 555;
    max-width: 38rem;
    min-height: 20rem;
    width: 90%;
    display: grid;
    place-content: center;
    place-items: center;
    text-align: center;
    position: relative;
    box-shadow: 0.063em 0.75em 1.563em #000;
    border-radius: 1rem;
}
@media screen and (min-width: 33.75rem) {
    section .card {
        min-height: 15rem;
    }
}
section .card-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.8em 0.8em 0em 1.5em;
}
section .card-header .close {
    color: #d9d9d9;
    width: 1.5rem;
    cursor: pointer;
}
section .card-body {
    width: 100%;
    padding: 0.7em 2em 0.5em 2em;
    text-align: left;
}
@media screen and (min-width: 33.75rem) {
    section .card-body {
        display: flex;
        text-align: unset;
    }
}
section .card-body .icon {
    width: 3rem;
}
@media screen and (min-width: 33.75rem) {
    section .card-body .icon {
        width: 4rem;
    }
}
@media screen and (min-width: 33.75rem) {
    section .card-body > div {
        margin-left: 2em;
    }
}
section .card-body h3 {
    text-align: left;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 0.035em;
    margin-top: 0.625em;
    margin-bottom: 0.5em;
    font-weight: 600;
}
section .card-body p {
    text-align: left;
    color: #ccc;
    font-size: 1rem;
    letter-spacing: 0.031rem;
}
section .card .progress {
    width: 100%;
    margin-top: 0.938rem;
}
@media screen and (min-width: 33.75rem) {
    section .card .progress {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
section .card .progress > div {
    width: 100%;
}
section .card .progress .progress-bar {
    position: relative;
    width: 100%;
    background: #363636;
    height: 0.35rem;
    display: block;
    border-radius: 3.125rem;
}
section .card .progress .progress-bar:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: block;
    border-radius: 3.125rem;
}
section .card .progress span:first-of-type {
    color: #ccc;
    text-align: right;
    font-weight: 600;
    width: 100%;
    display: block;
    margin-bottom: 0.313rem;
    font-size: 0.9rem;
}
section .card .btn-first, section .card .btn-second {
    background: #222127;
    color: #fff;
    border-radius: 0.25em;
    padding: 0.5rem 1.5rem;
    display: inline-block;
    font-size: 0.9rem;
}
@media screen and (min-width: 33.75rem) {
    section .card .btn-first, section .card .btn-second {
        padding: 0.625rem 2.2rem;
    }
}
section .card .btn-second {
    margin-left: 2em;
}
section .blue {
    background: radial-gradient(ellipse at right top, #00458f 8f 0%, #151419 45%, #151419 100%);
    opacity: 0.95;
    transition: opacity 0.25s ease-in;
}
section .blue:hover {
    opacity: 1;
}
section .blue .icon {
    color: #5a81ff;
}
section .blue:before {
    background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #1890ff) border-box;
}
section .blue .progress-bar:after {
    width: 68%;
    background: #5a81ff;
    background: linear-gradient(90deg, #1d1da3 0%, #4242cf 60%, #5a81ff 100%);
}
section .blue .btn-first {
    margin-top: 1.5em;
    margin-bottom: 1em;
}
@media screen and (min-width: 33.75rem) {
    section .blue .btn-first {
        margin-left: 2.5em;
        margin-top: 0;
        margin-bottom: 0;
    }
}
section .blue .btn-first:hover {
    background: #5a81ff;
}

section .red {
    background: radial-gradient(ellipse at right top, #a63d2a 82 0%, #151419 47%, #151419 100%);
    opacity: 0.95;
    transition: opacity 0.25s ease-in;
}
section .red:hover {
    opacity: 1;
}
section .red .icon {
    color: #fe6c9b;
}
section .red .card-body {
    align-items: flex-end;
}
section .red:before {
    background: linear-gradient(45deg, #232228, #232228, #232228, #232228, #a63d2a) border-box;
}
section .red .btn-first {
    margin-left: 0;
}
section .red .btn-first:hover {
    background: #ff6d57;
    color: #111;
}
section .red .btn-second:hover {
    background: #fe6c9b;
}
/*preloader-div*/

.vertical-align-text-revert{
    vertical-align: revert;
}
.vertical-align-middle
{
    vertical-align: middle !important;
}
.spinner_button_phone{
    font-size: .875rem;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.preloader {
    position: fixed;
    top: 0;
    z-index: 99999999;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2F2F2E;
}

.dots .dot {
    display: inline-block;
    width: 8em;
    height: 8em;
    margin: 0 10px 0 10px;
    -webkit-animation: dot-dot-dot 2.5s linear infinite;
    animation: dot-dot-dot 2.5s linear infinite;
}

.dots .dot:nth-child(2) {
    animation-delay: .2s;
}

.dots .dot:nth-child(3) {
    animation-delay: .4s;
}

@keyframes dot-dot-dot {
    0%, 60%, 100% {
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
    }
    30% {
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }
}


/*preloader-div*/


.margin-horizontal{
    margin: auto 0;
}
.kinyeri-nav{
    background-color: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.kinyeri-nav-button{
    background-color: #ff5829 !important;

    color:black !important;
    margin: auto;
    transition: 0.4s;
    font-size: 2em;
    line-height: 100%;
    white-space: nowrap;
}
.kinyeri-nav-button:hover{
    background-color: #101010 !important;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    color: #ffffff !important;
    margin: auto;
}
.kinyeri-nav-li{
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center;
    white-space: nowrap;
}
.kinyeri-oragen-cube{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
    color:white;
    border-radius: 15px;
    padding: 6px;
}
.kinyeri-yellow-cube{
    background: transparent !important;
    color: white !important;
    font-weight: 500;
    padding: 2px;
    border-radius: 15px;
    border: 4px solid #4990C3;

}
.chart-container {
    position: relative;
    margin: auto;
    height: 10vh;
    width: 30vw;
    color: white;
}
.chart-container-affiliate {
    color: white;
}
.h-85{
    height: 85% !important;
}
.kinyeri-oragen-cub-content{
    margin: 1em;
}
.kinyeri-orange-button{
    background-color: #f4582a !important;
    border: #ff5829 2px solid !important;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    transition: 0.4s;
}
.kinyeri-orange-button:hover{
    background-color: #f4582a;
    border:  2px solid #e53f10 !important;
}
.kinyeri-gray-button{
    color: white !important;
}
.kinyeri-gray-button:focus{
    box-shadow: none !important;
}
.kinyeri-gray-button:hover{
    box-shadow: none !important;
}

.kinyeri-orange-button-v2{
    background-color: #f4582a !important;
    border: #ff5829 2px solid !important;
    border-radius: 5px;
    color: white;
    transition: 0.4s;

}
.kinyeri-orange-button-v2:hover{
    background-color: #f4582a;
    border:  2px solid #e53f10 !important;
}
.kinyeri-orange-button-v2:disabled,.kinyeri-orange-button-v2[disabled]
{
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    cursor: not-allowed !important;
    color: #666666;
}
.kinyeri-custom-radio {
    display : block;
}
.kinyeri-custom-radio > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.kinyeri-custom-radio > input + .content{ /* DIV STYLES */
    /*cursor:pointer;*/
    cursor:default !important;
    border:1px solid transparent;
}
.content{
    color:black !important;
}/*

.kinyeri-custom-radio > input:checked + .content{
    background-color: #1a1a1a;
    box-shadow: #2b2b2b;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.kinyeri-custom-radio > input:checked + .kinyeri-oragen-cube{
    background-color: #1a1a1a;
    border: 1.5px solid #2b2b2b !important;
    border-right:  1.5px solid #2b2b2b !important;

}
*/
.kinyeri-user-tipp-save{
    width:100%;
}
.kinyeri-user-tipp-save:hover{

}
.text-black{
    color: black !important;
}
.border-black{
    border-color: #000000 !important;
}
.bg-black-100{
    background-color: #000000 !important;
}
.brand_logo_container {
    position: absolute !important;
    height: 170px !important;
    width: 170px !important;
    top: -80px !important;
    border-radius: 50% !important;

    padding: 10px !important;
    text-align: center !important;
}
.brand_logo {
    height: 150px !important;
    width: 150px !important;
    border-radius: 50% !important;
    border: 2px solid white !important;
}
.mt-6{
    margin-top: 5rem !important;
}
.mt-7{
    margin-top: 6rem !important;
}
#toBottomBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 12px;
    background-color: hsla(5, 76%, 62%, .8)
}

.js .cd-bottom--fade-out {
    opacity: .5
}

.js .cd-bottom--is-visible {
    visibility: visible;
    opacity: 1
}

.js .cd-bottom {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s
}


.cd-bottom {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: inline-block;
    height: 40px;
    width: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
    background-color: hsla(5, 76%, 62%, .8);
}

.kinyeri-orange-color{
    background-color: hsl(14deg 90% 56%);
}
nav{
    border-bottom: 4px solid #ff5829;

}
.custom_nav{
    background-color: #000000 !important;
    padding-bottom: 0px !important;
}
@media only screen and (max-width: 600px) {
    .nav_div{
        background-color: #2d2d2d !important;
        color: white !important;
        transition: 0.4s;
        padding-top: 5px;
    }
}

.nav_div{
    background-color: transparent;
    color: white !important;
    transition: 0.4s;
    padding-top: 5px;
}
.nav_div:hover{
    background-color: #3e3e3e !important;
    color: white !important;
}
.nav_span{
    color: white !important;
}


.kinyeri-orange{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-kinyeri{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
}
.border-kinyeri{
    border-color :  #ff5829 !important;
}
.section-title{
    margin: 0 -0.4em;
    padding: 0.1em 0.4em;
    border-radius: 0.8em 0.3em;
    background: transparent;
    background-image: linear-gradient( to right, #999, #BFBEB9 4%, #f8f9fa );
    -webkit-box-decoration-break: clone;
}

.kinyeri-footer
{
    background-color: #000000 !important;
}
.footer-text{
    color: #616062 !important;
    font-size: 0.6rem !important;
}
.footer-text-h1{
    color: #fcfef8 !important;
    font-size: 1.0rem;
    font-weight: bold;
}
.footer-text-span{
    color : #616062 !important;
    font-weight: 700;
    margin-top: 3px;
    font-size: 0.8rem !important;

}
.border-gray {
    margin-top: 2.0rem;
    margin-bottom: 2.0rem;
    border: 2px solid #616062 !important;
}
.btnRegister{
    background-color :  #ff5829 !important;
    border-color: #ff5829;

}
.register-section-color {
    background-color: #000000 !important;
}
.green{
    background-color: #ff5829 !important;

}
.min-vh-50 {
    min-height: 50vh !important;
}

@media only screen
and (min-device-width: 375px)
and (max-device-height: 667px)
and (-webkit-device-pixel-ratio: 2) {

    .phone-h65
    {
        font-size: 0.7rem;
    }
    .phone-h7
    {
        font-size: 0.6rem;
    }

}


@media screen and (min-width: 601px) {
    .h-1{
        font-size:2vw;
    }
    .h-2{
        font-size:1vw;
    }
    .h-3{
        font-size: 1.75rem !important;
    }
    .logo{
        width: 15% !important;
    }
    .bakos-w-30{
        width: 30% !important;
    }
    .bakos-vertical-center{
        margin-top: 25vh !important;
        margin-bottom:25vh !important;
    }
    .w-90
    {
        width: 100vh !important;
    }
    .footer-logo{
        width: 35% !important;
    }
    .team-logo{
        width: 10%;
    }
    /*    .section-title span::after {
            margin: 0 0 10px 15px;
        }
        .section-title span::before, .section-title span::after {
            content: '';
            width: 50px;
            height: 2px;
            background: #3b4144;
            display: inline-block;
        }
        .section-title span::before {
            margin: 0 15px 10px 0;
        }*/
    .pc-mt-7{
        margin-top: 7.0rem;
    }
    .hide-mobile {
        visibility: visible;
    }
    .hide-pc{
        visibility: hidden ;
    }

}

@media screen and (max-width: 600px) {

    .login-bg
    {
        /*background-size: unset !important;*/
        background: none !important;
    }

    .h-1{
        font-size:8vw;
    }
    .h-2{
        font-size:4vw;
    }
    .h-3{
        font-size: 1.3rem !important;
    }
    .logo{
        width: 40% !important;
    }
    .bakos-w-30{
        width: 50% !important;
    }
    .bakos-vertical-center{
        margin-top: 5vh !important;
        margin-bottom:5vh !important;
    }
    .index_first_image {
        margin-top: 0px;
    }
    .w-90
    {
        width: 80vh !important;
    }
    .p-mt-2{
        margin-top: 2.0rem;
    }
    .p-mt-3{
        margin-top: 3.0rem;
    }
    .p-mt-1{
        margin-top: 1.0rem;
    }
    .p-mt-4{
        margin-top: 4.0rem;
    }
    .p-d-flex{
        display: flex !important;
    }
    .footer-logo{
        width: 100% !important;
    }
    .p-justify-content-center{
        justify-content: center !important;
    }
    .hide-pc{
        visibility: visible ;
    }
    .hide-mobile{
        visibility: hidden ;
    }
    .w-center{
        text-align: -webkit-center;
    }
    .team-logo{
        width: 20%;
    }



}
.dto-table-background{
    background-color: #2d2d2d !important;
}
thead,td,dataTables_info,dataTables{
    color: #ffffff !important;
}
#tipps_length,#userRefUsers22_length,#monthTipps_length,#tipps_info,#teams_info, #matchs_info,#matchs_length, #teams_length,#users_length, #users_info, #usersPayments_length, #userRequestPayments_length, #userRequestPayments_info{
    color: #ffffff !important;
}
.pagination{
    margin-top: 20px !important;
}
.swal-modal .swal-text {
    text-align: center;
}


.to-registration{
    color: rgba(49, 93, 169, 1) !important;
    transition: 0.4s;
}
/*body{*/
/*    position: relative;*/
/*}*/
/*chat*/

/* Button used to open the chat form - fixed at the bottom of the page */


/* The popup chat - hidden by default */
.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9;
    max-height: 80vh;
}

/* Add styles to the form container */
.form-container {
    max-width: 300px;
    padding: 10px;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    background-color: white;
}

/* Full-width textarea */
.form-container textarea {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
    resize: none;
    min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
    background-color: #ddd;
    outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom:10px;

}

/* Add a red background color to the cancel button */
.form-container .cancel {
    background-color: red;
}


/*
/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {

    background-color: black;
    color: #ff5829;
    padding: 10px;
    text-align: left;
    padding-left: 30px !important;
    border-top-left-radius: 5px;
    border: 3px solid #f15135;
    border-bottom: none;
    border-right: none;
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 280px;
    z-index: 3;
}

.open-button {
    background-color: black;
    color: #ff5829;
    padding: 16px 20px;
    border: 3px solid #f15135;
    border-bottom: none;
    border-right: none;
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 280px;
}


.open-button-icon {
    color: #000000;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 3;
}

.open-button-icon {
    background-color: #ff5829;
    color: #000000;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 30px;
    border: 10px solid #ff5829;
    border-radius: 50%;

}

/* The popup chat - hidden by default */
.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0px;
    border: 3px solid #ff5829;
    border-right: 0px !important;
    border-top-left-radius: 5px !important;
    border-bottom: none;
    border-right: none;
    z-index: 9;
}

/* Add styles to the form container */
.form-container {
    max-width: 300px;
    padding: 0px !important;
    background-color: #ff5829 !important;
}

/* Full-width textarea */
.form-container textarea {
    width: 100%;

    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
    resize: none;
    min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
    background-color: #ddd;
    outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom:10px;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
    background-color: red;
}


#chatMessages{
    word-wrap: break-word;
}
.chat{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    overflow: scroll;
    height:30vh;
}
.chat::-webkit-scrollbar {
    display: none;
}
/* chat end ű*/
/*.pricingTable11{text-align:center;background:#fff;margin:10px;box-shadow:0 0 10px #ababab;padding-bottom:40px;border-radius:10px;color:#48494c;transform:scale(1);transition:all .5s ease 0s}*/
.pricingTable11{text-align:center;background:#fff;margin:10px;padding-bottom:40px;border-radius:10px;color:#48494c;transform:scale(1);transition:all .5s ease 0s}

.pricingTable11 .pricingTable-header{padding:40px 0;background:#222121;border-radius:8px 8px 50% 50%;transition:all .5s ease 0s}
.pricingTable11:hover .pricingTable-header{background: #222121}
.pricingTable11 .pricingTable-header i{font-size:50px;color:white;margin-bottom:10px;transition:all .5s ease 0s}
.pricingTable11 .price-value{font-size:30px;color:white;transition:all .5s ease 0s}
.pricingTable11 .month{display:block;font-size:14px;color:white}
.pricingTable11:hover .month,.pricingTable11:hover .price-value,.pricingTable11:hover .pricingTable-header i{color:#fff}
.pricingTable11 .heading{margin:9px;font-size:24px;color:#2d2d2d;margin-bottom:20px;text-transform:uppercase}
.pricingTable11 .pricing-content ul{list-style:none;padding:0;margin-bottom:30px}
.pricingTable11 .pricing-content ul li{line-height:15px;color:#a7a8aa}
.pricingTable11 .pricingTable-signup a{display:inline-block;font-size:15px;color:#fff;padding:10px 35px;border-radius:20px;background:#ff5829;text-transform:uppercase;transition:all .3s ease 0s}
.pricingTable11 .pricingTable-signup a:hover{box-shadow:0 0 10px #2d2d2d ; color:white}
.pricingTable11.blue .heading,.pricingTable11.blue .price-value{color:#4b64ff}
.pricingTable11.blue .pricingTable-signup a,.pricingTable11.blue:hover .pricingTable-header{background:#4b64ff}
.pricingTable11.blue .pricingTable-signup a:hover{box-shadow:0 0 10px #4b64ff}
.pricingTable11.red .heading,.pricingTable11.red .price-value{color:#ff4b4b}
.pricingTable11.red .pricingTable-signup a,.pricingTable11.red:hover .pricingTable-header{background:#ff4b4b}
.pricingTable11.red .pricingTable-signup a:hover{box-shadow:0 0 10px #ff4b4b}
.pricingTable11.green1 .heading,.pricingTable11.green1 .price-value{color:#147b45}
.pricingTable11.green1 .pricingTable-signup a,.pricingTable11.green1:hover .pricingTable-header{background:#147b45}
.pricingTable11.green1 .pricingTable-signup a:hover{box-shadow:0 0 10px #147b45}
.pricingTable11.blue:hover .price-value,.pricingTable11.green1:hover .price-value,.pricingTable11.red:hover .price-value{color:#fff}
@media screen and (max-width:990px) {
    .pricingTable11 {
        margin: 0 0 20px
    }
}
.account-settings-links .list-group-item.active {
    font-weight: bold !important;
}

html:not(.dark-style) .account-settings-links .list-group-item.active {
    background: transparent !important;
}
.account-settings-multiselect ~ .select2-container {
    width: 100% !important;
}
.light-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24, 28, 33, 0.03) !important;
}

.material-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24, 28, 33, 0.03) !important;
}
.material-style .account-settings-links .list-group-item.active {
    color: #4e5155 !important;
}
.dark-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(255, 255, 255, 0.03) !important;
}
.dark-style .account-settings-links .list-group-item.active {
    color: #fff !important;
}
.light-style .account-settings-links .list-group-item.active {
    color: white !important;
}
.light-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24,28,33,0.03) !important;
}
#notifications_info{
    color : whitesmoke;
}
#packages_info, #usersPayments_info{
    color: whitesmoke;
}
.min-vh-75 {
    min-height: 75vh !important;
}
.chart-container-phone {
    position: relative;
    margin: auto;
    height: 37vw;
    color: white;
}
.pc-table-bottom{
    border-bottom: 3px solid #fb5728 !important;
}
.border-bottom-black{
    border-bottom: 1px solid #2d2d2d !important;
}
.border-bottom-black-true{
    border-bottom: 1px solid black !important;
    border-left: 0px;
    border-right:  0px;
    border-top: 0px;
}
.border-top-black-true{
    border-top: 1px solid black !important;
    border-left: 0px;
    border-right:  0px;
    border-bottom: 0px;
}

.border-black-true{
    border-top: 1px solid black !important;
}


.active-tipp{
    animation: rotatecircle 1s linear forwards;
}

.kinyeri-ranking{
    margin-bottom: 6px;
    border-radius: 11px;
    background-color: #D9D9D9;
    border: 1px solid #4C92C3 !important;
}

.kinyeri-best{
    background-color: #63c663;
    padding-left: 16px;
    margin-left:5px;
}
.kinyeri-winrate{
    background-color: #1e90ff;
    margin-left:5px;
    padding-left: 16px;
}

@-moz-keyframes rotatecircle {
    from{ border-width:0px;
        border-color:transparent; }
    to{ border-width:6px;
        border-color:rgba(0,0,0,0.5); }
}

@-webkit-keyframes rotatecircle {
    from{ border-width:0px;
        border-color:transparent; }
    to{ border-width:6px;
        border-color:rgba(0,0,0,0.5); }
}
.ranking-background{
    background-color: #a0a0a021 !important;
}

.geci{
    filter: blur(4px);
    position: absolute;
    width: 100%;
    height: 100%;
}
.geci::before {
    content: "Read this -";
}
.csicska{
    backdrop-filter: blur(10px);
}
.csicska::before {
    content: "Read this -";
}

.bg-kinyeri-orange{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
}


.button {
    position: relative;
    display: inline-block;
    cursor: pointer;

}

.button button {
    padding: 8px 16px;
    border: none;
    background: none;
    outline: none;

}

.button svg {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.button path {
    stroke: white;
    stroke-width: 3px;
    stroke-dasharray: 0 1500;
    animation: draw 1.5s forwards;
}

.pointer{
    cursor: pointer !important;
}
.pointer-event-all{
    pointer-events: all !important;
}


@keyframes draw {
    from {
        stroke-dasharray: 0 1500;
    }

    to {
        stroke-dasharray: 1500 1500;
    }
}
.kinyeri-delete-message, .kinyeri-delete-comment{
    cursor: pointer;
}
.btn-success-custom{
    background-color: #63c663 !important;
}
.custom-border-color
{
    border: 1px solid #616062 !important;
}
.span_user_points{
    color: #f9f9f9 !important;
    font-size: 5vw;
    line-height: revert;
}



@media (min-width: 480px) {
    .span_user_points{
        color: white !important;
        font-size: 3vw;
        line-height: revert;
    }
}
@media (min-width: 768px) {
    .span_user_points{
        color: white !important;
        font-size: 1.6vw;
        line-height: revert;
    }
}
@media (min-width: 1024px) {
    .span_user_points{
        color: white !important;
        font-size: 0.8vw;
        line-height: revert;
    }
}
@media (min-width: 1200px) {
    .span_user_points{
        color: white !important;
        font-size: 0.9vw;
        line-height: revert;
    }
}
@media (min-width: 1600px) {
    .span_user_points{
        color: white !important;
        font-size: 1vw;
        line-height: revert;
    }
}
.kinyeri-green{
    color: #63c663 !important;
}
.kinyeri-red{
    color: #e20c0c !important;
}
.bet-button{
    background-color: #2d2d2d !important;
}
.custom-h1
{
    font-family: 'Poppins', sans-serif;
    font-weight: bold !important;
}
.rules-text
{
    color: #4c4c4c !important;
    line-height: 2em !important;
    box-sizing: border-box;
    font-weight: normal !important;

}
.affiliateStyle{
    border-radius: 4px !important;
    background-color: #2d2d2d !important;

}
.alertv2{
    padding-right: 20px !important;
    padding-left: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.paypalSkrillAlert{
    padding: 5px;
    border-radius: 4px;
    background-color: #f4582a;
    text-align: center;
    margin-top: 5px;
}
.kinyer-input{
    border-radius: 0px !important;
    border-color: #f4582a !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}
.kinyer-input:focus-visible{
    border-radius: 0px !important;
    border-color: #f4582a !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}
*,*:focus,*:hover{
    outline:none;
}
.amount-kinyeri{
    position: relative;
}
.amount-kinyeri::after{
    content: "";
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    bottom: 19px;
    left: 0;
}
.tooltip-kinyeri {
    /*position: absolute;*/
    /*display: inline-block;*/
}

.tooltip-kinyeri .tooltiptext-kinyeri {

    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    transition: opacity 0.3s;
}

.tooltip-kinyeri .tooltiptext-kinyeri::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.index-text-size{
    font-size: 3vw !important;
}

hr {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    border: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}


.tip {
    background: #2d2d2d;
    padding: 20px;
    border: 1px solid #2d2d2d;
    text-decoration:  none !important;
    border-radius: 5px;
    position: relative;
    color: white !important;
    text-align: center;
    box-shadow: 0 0 3px #2d2d2d;
}

.tip:before, .tip:after {
    position: absolute;
    content: "";
    display: block;
    text-decoration:  none !important;
}

.tip:before {
    right: 20px;
    z-index: 2;
    bottom: -10px;
    border-top: 10px solid #2d2d2d;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    text-decoration:  none !important;
}

.tip:after {
    right: 19px;
    z-index: 1;
    bottom: -11px;
    border-top: 11px solid #2d2d2d;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    text-decoration:  none !important;
}
.vs-text
{
    font-size: 17vh;
}
.text-white:active{
    color: #ffffff !important;
}
.dropdown-kinyeri {

}

.dropdown-content-kinyeri {
    display: none;
    position: absolute;
    background-color: #2d2d2d;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-kinyeri:hover .dropdown-content-kinyeri {
    display: block;
}
.real-white{
    color:white !important;
}
.real-white:hover{
    color:white !important;
}
.admin-header{
    background-color: #212529;
    margin: 1vw;
    padding: 0.8rem;
    border-radius: 9px;
}
.whatever{
    background-color: whitesmoke !important;
    cursor: pointer;
}

#match-container input[type=checkbox]{
    display: none !important;
}

#match-container input[type=checkbox]:checked + .whatever{
    background-color: #28a745 !important;
}

#football-api-container input[type=checkbox]{
    display: none !important;
}

#football-api-container input[type=checkbox]:checked + .whatever{
    background-color: #28a745 !important;
}

.div-disabled{
    pointer-events: none;
    opacity: 0.4;
}
.matches-save{
    position: fixed;
    color: white;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 100%;
    z-index: 1;
}
.bg-blue-gradient{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
}
.odds-button{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: inherit;
    display: inline-block;
    padding: 1px 10px;
    text-decoration: none;
    margin-left: 5px;
    text-decoration:none !important;
    cursor: pointer;
    font-weight: 500 !important;
    border-radius: 15px;
}
.odds-button:empty{
    display: none;
}
#winners-container:empty{
    display: none;
}
.odds-text:empty{
    display: none;
}
.odds-text{
    color: #08dc08 !important;
    cursor: inherit;
    display: inline-block;
    text-decoration: none;
    font-weight: 500 !important
}
.odds-text-profile{
    color: #efefef !important;
    cursor: inherit;
    display: inline-block;
    text-decoration: none;
    font-weight: 600 !important
}
.odds-text-profile:empty{
    display: none;
}
.on-empty-hide:empty::after{
    content: "0";
    box-sizing: border-box;
    /* min-width: 22px; */
    /* height: 22px; */
    /* padding: 0 5px; */
    border-radius: 500px;
    vertical-align: middle;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* margin-left: 0.25rem!important; */
    margin-bottom: 2px !important;
}
.if-empty-hide:empty{
    display: none !important;
}

.footer-color{
    background-color: #000000 !important;
}

.bg-profile-header{
    background-color: #2d2d2d !important;
}

.comment-border-color{
    border: 2px solid #333333 !important;
}
.notiflix-report-button{
    text-decoration: none !important;
}
.bg-kinyeri-ranglista
{
    background-color: #2d2d2d !important;
}
.bg-kinyeri-csomagok-uzenet
{
    border: 0px solid black !important;
    background-color: #222121 !important;
}

.progressbar-title{
    font-size: 14px;
    color: #848484;
    text-transform: capitalize;
}
.progress22{
    height: 5px;
    width:100%;
    background-color:#f4582a;
    background: #f4582a;
    margin-bottom: 40px;
    border:1px solid #f4582a;
    border-radius: 5px;
    display:flex;
    margin-right:15px;
}
.progress-bar22{
    position: absolute;
    width:100%;
    animation: animate-positive 1s;
}
.progress-icon22{
    width: 50px;
    height: 50px;
    line-height: 30px;
    font-size: 13px;
    position: absolute;
    top: -30px;
    right: 0;
    background: transparent;

}
.progress-value22{
    font-size: 10px;
    color: white;
    position: absolute;
    font-weight:900;
    top: 20px;
    padding:4px;
    border-radius:5px;
    border:1.5px solid white;
    right: 15px;
}
@-webkit-keyframes animate-positive {
    0% { width: 0%; }
}
@keyframes animate-positive {
    0% { width: 0%; }
}



.tet img{
    width:50px;
    bottom:25px;
    position: relative;
}
.tet span{
    width:150px;
    left:5px;
    bottom:22px;
    font-weight:600;
    position: relative;
}

.left-text{
    font-weight: 600;
    position: relative;
    bottom: 13px;
}


.progressbar-title33{
    font-size: 14px;
    color: #848484;
    text-transform: capitalize;
}
.progress33{
    height: 5px;
    overflow: visible;
    background: #f0f0f0;
    margin-bottom: 40px;
}
.progress33 .progress-bar33{
    position: relative;
    animation: animate-positive 1s;
}
.progress33 .progress-icon33{
    width: 30px;
    height: 30px;
    line-height: 25px;
    font-size: 13px;
    position: absolute;
    top: -14px;
    right: 0;
    background: #fff;
}
.progress-value33{
    font-size: 13px;
    color: #848484;
    position: absolute;
    top: 16px;
    right: 0;
}
@-webkit-keyframes animate-positive {
    0% { width: 0%; }
}
@keyframes animate-positive {
    0% { width: 0%; }
}



.first{

    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    justify-content: center;
    display: flex;
    box-sizing: border-box;
    font-family: inherit !important;
    line-height: normal !important;
}


.first>.white{
    bottom: 10px;
    width: 50%;
}
.myinput{
    color: #48484a !important;
    text-align: center !important;
    width: 100% !important;
    font-size: 24px !important;
    background-color: transparent !important;
    /* border-radius: 5px !important; */
    border-bottom: 2px solid #48484a  !important;
    line-height: 30px !important;
    /* margin-bottom: 41px!important; */
    /* margin-top: 15px !important; */
}
.white{
    background-color:transparent !important;
    /* border:2px solid white !important;*/
    border-radius:5px !important;
    font-family: inherit !important;
    line-height: normal !important;
    padding: 0px !important;
    margin: 0px !important;
}

.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : border-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
}
.cube-wait{
    color:white !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
input[type="number"] {
    -moz-appearance: textfield !important;
}
.new-tipp-submit{
    background-color: #666 !important;
}
.new-bonus-and-comment{

}
.comment-bg-color{

}

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */

.box-image{
    width: 6%;
}
.coin-image{
    width: 6%;
}


@media only screen and (max-width: 348px) {
    small {
        font-size: 70% !important;
    }
}

/* small MAX 600 */
@media only screen and (max-width: 600px)
{
    .header-text-25-px
    {

    }
    .header-text-29-px
    {

    }
    .header-text-28-px
    {

    }
    .header-text-20-px
    {

    }
    .header-text-17-px
    {

    }
    .header-text-31-px
    {

    }
    .header-text-18-px
    {

    }
    .header-text-37-px
    {

    }
    .header-text-15-px
    {
        font-size: 11.76px !important;
    }
    .small-font-9
    {
        font-size: 16.04px !important;
    }
    .header-text-22-px
    {
        font-size: 16.95px !important;
    }
    .border-left-on-pc{
        border-left: none !important;
    }
    .header-text-30-px
    {

    }
    .header-text-26-px
    {

    }
    .small-9{
        font-size: 9.1px !important;
    }
    .small-10{
        font-size: 4vw !important;
    }
    .small-11{
        font-size: 3.5vw !important;
    }
    .small-12{
        font-size: 4vw !important;
    }
    .small-13{
        font-size: 4vw !important;
    }
    .small-14{
        font-size: 14.37px !important;
    }
    .small-15{
        font-size: 15.63px !important;
    }
    .small-17{
        font-size: 17.82px !important;
    }
    .small-18{
        font-size: 18.65px !important;
    }
    .small-19{
        font-size: 19.74px !important;
    }
    .small-21{
        font-size: 21.71px !important;
    }
    .small-39{
        font-size: 39.87px !important;
    }
    .small-border-bottom-radius-zero{
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    .small-border-top-radius-zero{
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }




    .uk-badge {
        box-sizing: border-box;
        min-width: 20px !important;
        height: 20px !important;
        padding: 0 5px !important;
        border-radius: 500px !important;
        vertical-align: middle;
        background: #1e87f0;
        color: #fff;
        font-size: .875rem !important;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .h5{
        font-size: 0.9rem !important;
        font-weight: 600 !important;
    }
    div.Img.Team.Team--xl {
        /*background-position: 50% center !important;*/
        /*background-repeat: no-repeat no-repeat;*/
        /*background-size: 40px 40px !important;*/
        /*box-sizing: border-box;*/
        /*font-family: acumin-pro;*/
        height: 64px !important;
        /*min-height: 40px !important;*/
        /*overflow: hidden;*/

        /*position: relative;*/
        width: 64px !important;
    }
    .first {
        text-align: center;
        background-size: 100% 100%;
        width: 65% !important;
        height: 53% !important;
        position: relative;
        justify-content: center;
        display: flex;
        box-sizing: border-box;
        font-family: inherit !important;
        line-height: normal !important;
    }
    .myinput {
        color: #48484a !important;
        text-align: center !important;
        width: 100% !important;
        font-size: 18px !important;
        background-color: transparent !important;
        /* border-radius: 5px !important; */
        border-bottom: 2px solid #48484a !important;
        line-height: 27px !important;
    }
    .progress-icon22{
        width: 32px;
        height: 50px;
        line-height: 30px;
        font-size: 13px;
        position: absolute;
        top: -19px;
        right: 0;
        background: transparent;
    }
    .progress-value22{
        font-size: 7px;
        color: white;
        position: absolute;
        font-weight: 900;
        top: 17px;
        padding: 4px;
        border-radius: 5px;
        border: 1.5px solid white;
        right: 7px;
    }
    .phone-h7{
        font-size: 0.7rem !important;
    }
    .phone-h8{
        font-size: 0.8rem !important;
    }
    .phone-h65{
        font-size: 0.8rem !important;
    }
    .box-image{
        width: 10% !important;
    }
    .coin-image{
        width: 10% !important;
    }
    .wc-image{
        width: 6% !important;
    }
}

@media only screen and (max-width: 1250px)
{
    .login-bg
    {
        background: none !important;
    }
    .pricing-bg{
        background-color:  RGB(51, 51, 51) !important;
        background-image: none !important;
    }
    .tence-bg{
        background-color:  RGB(51, 51, 51) !important;
        background-image: none !important;
    }
    .casino-club-bg{
        background-image: url('../images/public/background_images/casino-club-phone.png') !important;
    }
    .affilate-bg{
        background-color:  RGB(51, 51, 51) !important;
        background-image: none !important;
    }
    .game-bg{
        /*background: black !important;*/
    }

}
@media only screen and (max-width: 1480px)
{
    .tax-number-size-to-1480
    {
        font-size: 12px;
    }
}
@media only screen and (max-width: 1150px)
{
    .tax-number-size-to-1480
    {
        font-size: 12px;
    }
}
@media only screen and (max-width: 777px)
{
    .border-left-on-pc{
        border-left: none !important;
    }
    .login-bg
    {
        background: none !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1350px)
{
    .flex-force{
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}
/* medium MAX 768 */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .h5{
        font-size: 1rem !important;
        font-weight: 600 !important;

    }
    .first {
        text-align: center;
        width: 60% !important;
        height: 55% !important;
        position: relative;
        justify-content: center;
        display: flex;
        box-sizing: border-box;
        font-family: inherit !important;
        line-height: normal !important;
    }
    .progress-icon22{
        width: 32px;
        height: 50px;
        line-height: 30px;
        font-size: 13px;
        position: absolute;
        top: -19px;
        right: 0;
        background: transparent;
    }
    .progress-value22{
        font-size: 7px;
        color: white;
        position: absolute;
        font-weight: 900;
        top: 17px;
        padding: 4px;
        border-radius: 5px;
        border: 1.5px solid white;
        right: 7px;
    }
    .phone-h7{
        font-size: 0.7rem !important;
    }
    .phone-h8{
        font-size: 0.8rem !important;
    }
    .phone-h65{
        font-size: 0.8rem !important;
    }
    .box-image{
        width: 10% !important;
    }
    .coin-image{
        width: 10% !important;
    }
    .wc-image{
        width: 6% !important;
    }
}

/* Medium devices (landscape tablets, 768px and up)
@media only screen and (min-width: 768px) {
}

/* large MIN 922*/
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .progress-icon22 {
        width: 41px !important;
        line-height: 30px;
        font-size: 13px;
        position: absolute;
        top: -24px !important;
        right: 0;
        background: transparent;
    }
    .progress-value22 {
        font-size: 10px;
        color: white;
        position: absolute;
        font-weight: 900;
        top: 20px;
        padding: 4px;
        border-radius: 5px;
        border: 1.5px solid white;
        right: 7px !important;
    }
}

/* XL min 1200 */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .progress-icon22 {
        width: 41px !important;
        line-height: 30px;
        font-size: 13px;
        position: absolute;
        top: -24px !important;
        right: 0;
        background: transparent;
    }
    .progress-value22 {
        font-size: 10px;
        color: white;
        position: absolute;
        font-weight: 900;
        top: 20px;
        padding: 4px;
        border-radius: 5px;
        border: 1.5px solid white;
        right: 7px !important;
    }
}









.h5{
    font-weight: 600 !important;
}

.kinyeri-modal-base{
    ALIGN-ITEMS: CENTER;
    background-color: #000000c7;
    width: 100%;
    top:0px;
    height: 100%;
    display: flex;
    z-index: 1060;
    position: fixed;
    JUSTIFY-CONTENT: CENTER;
}
.kinyeri-modal-card{
    text-align: center !important;
    margin-top: 15vh;
    color: white;
    position: absolute;
    justify-content: center;
    top: 0px !important;
}
.kinyeri-tip-robot-red
{
    background-color: transparent !important;

    padding: 1px 7px;
    margin-left: 5px;
    color: #ee2323;
    cursor: pointer;
    border-radius: 2px;
    font-weight: 400 !important;

}
.kinyeri-tip-robot-yellow
{
    background-color: transparent !important;
    padding: 1px 7px;
    margin-left: 5px;
    color:  #eedd23;;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 400 !important;
}

.kinyeri-tip-robot-green
{
    background-color: transparent !important;
    color: #147b45;
    padding: 1px 7px;
    border-radius: 2px;
    margin-left: 5px;
    cursor: pointer;
    font-weight: 400 !important;
}
.kinyeri-stat-bottom{
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 10px;
    font-weight: 700;
}
.kinyeri-stat-top{
    font-weight: 800;
    font-size: 28px;
    color: #000000;
}
.tip-robot-check-mark
{
    height: 100% !important;
    margin-left: 5px !important;
    position: absolute;
    margin-top: 5px !important;
}
.tp-button{
    border: 0px solid transparent !important;
    text-transform: uppercase;
    font-weight: lighter;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;

}
.tp-orange
{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
    border: 0px solid transparent !important;
    font-size: 0.8em;
}
.tp-orange>span{
    color: white;
    font-weight: 500;
}

.tp-black
{
    background-color: #292929;
    border: none !important;
    font-size: 0.8em;
}
.tp-black>span{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
    -webkit-background-clip: text;
    font-weight: 500;
    -webkit-text-fill-color: transparent;
}

.kinyeri-tr-checkbox{
    appearance: none;
    width: 13px;
    height: 14px;
    content: none;
    outline: none;
    border: 0.1px ridge black !important;
}

.kinyeri-tr-checkbox:checked {
    appearance: none;
    outline: none;
    padding: 0;
    content: none;
}

.kinyeri-tr-checkbox:checked::before{
    position: absolute;
    color: #f4582a !important;
    content: "\00A0\2713\00A0" !important;
    font-weight: bolder;
    font-size: 9px;
}
.kinyeri-tr-table
{
    /*background-color: #2d2d2d;*/
    padding-left: 50px !important;
    padding-right: 50px !important;
}
button:focus {
    outline: none !important;
}
.kinyeri-stake-unit-button{
    font-size: 12px !important;
    padding: 0px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.font-weight-500{
    font-weight: 500 !important;
}
.white-text-v2{
    cursor: not-allowed !important;
}
.banner-bg{
    background-color: #f4582a;
}
.color-real-black{
    color: black !important;
}
.btn-monster{
    padding-left: 8% !important;
    padding-right: 8% !important;
    font-weight: 600;
    border-radius: 0px !important;
    text-align: center;
}
.bg-unibet{
    background-color: #147b45 !important;
}
.w-60{
    width: 60% !important;
}
.w-30{width:52%!important}
.kinyeri-text-input
{
    border-radius: 4px;
    line-height: initial;
    border-color: #3231312b;
    border-width: 1px;
}
.discount
{
    padding: 3px;
    color: white;
    background-color: #468BC0;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 7px;
}
.text-decoration-line-through
{
    text-decoration: line-through;
}
.modal-x-button
{
    top: 11px;
    position: absolute;
    right: 18px;
}
.btn-black-orange{
    background-color: black !important;
    border: black !important;
    color: #f4582a !important;
    cursor: pointer;
}
#x6users_filter,#usersPayments_filter{
    color: white !important;
}
.kinyeri-blog-title-color
{
    color: rgba(151, 152, 155) !important;
    font-size: 1.5vh;
    font-weight: 600;
}
.kinyeri-blog-title-description
{
    color:rgba(3, 2, 2) !important;
    font-weight: 500;
}
.kinyeri-blog-title-info{
    color: rgb(208, 208, 208) !important;
}
.bg-repeat-round
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vertical-center{
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.border-radius-0
{
    border-radius: 0px !important;
}
#allTimeWinners_length,#monthWinners_length{
    color:white;
}
.over-all-modal
{
    align-items: center;
    background-color: #000000c7;
    width: 100%;
    top:0px;
    height: 100vh;
    display: flex;
    z-index: 1060;
    position: fixed;
    justify-content: center;
}
.container-sc {
    position: relative;
    width: 300px;
    height: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#scratch-amount{
    align-self: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*html,*/
/*body {*/
/*    height: 100% !important;*/
/*    width: 100% !important;*/
/*    overflow: auto !important;*/
/*}*/
/*.casino-club-ref-img{*/
/*    border-radius: 4px !important;*/
/*    height: 40px !important;*/
/*    width: auto;*/
/*    border-radius: 0px !important;*/
/*    display: inline-block;*/
/*    height: 100% !important;*/
/*    object-fit: contain;*/
/*    object-position: initial;*/
/*}*/
.casino-club-ref-p{
    position: relative;
    hyphens: none;
}
.casino-club-ref-img-container{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    overflow: hidden;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    width: 40px;
    display: flex;
    left: 4px;
    width: 46px;
    height: 46px;
    height: 40px;
}
.casino-club-ref-main-container{
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    white-space: normal;
    background: none;
    color: inherit;
    transition: box-shadow 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, border-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, transform 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, background-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s;
    padding: 10px 66px;
}
.ww-13{
    transform: scale(0.4, 0.4);
    height: auto !important;
}
.image-logo-team{
    background: center;
    transform: scale(0.7);
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.image-logo-pc-team{
    transform: scale(0.7) !important;
}
.main-card {
    /*hyphens: auto;*/
    /*white-space: normal;*/
    /*background: none;*/
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all .3s;
    /*z-index: 1;*/
}
.main-card-container {
    box-sizing: border-box;
    position: relative;
    /*z-index: 1;*/
}
.main-card-header {
    border-radius: 7px;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}
.main-card-body {
    box-sizing: border-box;
}
.main-card-title
{
    box-sizing: border-box;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 15px;
    transition: all .3s;
}
.main-card-type {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 1.0rem;
}
.main-card-button{
    border-radius: 0;
    border-width: 0;
    box-sizing: border-box;
    /*-webkit-box-pack: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    cursor: pointer;
    display: inline-block;
    font-size: 3.6vw;
    font-weight: 500;
    outline: none;
    /*margin: 0 auto 25px;*/
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    text-decoration: none;
    transition: all .3s;
    /*z-index: 1;*/
}
.main-card-image
{
    box-sizing: border-box;
    /*justify-content: center;*/
    object-fit: initial;
    transition: all .3s;
    vertical-align: middle;
    width: 100%;
    height: 160px;
    /*margin: 0 auto 25px;*/
}
.unibet-real-button{
    border-style: none;
    justify-content: space-between;
    display: flex;
    border-color: white;
    border-radius: 5px;
    border: 3px solid white;
}
.font-weight-600{
    font-weight: 600;
}
.color-light-gray{
    color: rgba(0,0,0,.6);
}
.font-weight-400{
    font-weight: 400;
}
.border-radius-5
{
    border-radius: 5px;
}
.promo-code-border
{
    border: 3px solid #22e522;
    border-radius: 5px;
}
.text-promo-code
{
    color: #22e522;
}
.wc-border
{
    border: 3px solid #FFD700;
    border-bottom: 0px !important;
}
.wc-image{
    width: 8%;
}
.pricing-bg
{
    background-repeat-y: repeat;
    background-image: url('/images/hatterpremium.webp');
    background-attachment: fixed;
    background-size: cover;
}
.diamond-text{
    color: #e7b72d !important;
}
.amerika-bg
{
    background-repeat-y: repeat;
    background-image: url('/images/hattermartin.webp');
    background-attachment: fixed;
    background-size: cover;
}
.tence-bg
{
    background-image: url('/images/hattertence.png');
    background-size: cover;
    background-color: #212124;
    background-position: center;
    background-attachment: fixed;
}
.nagytetes-bg
{
    background-repeat-y: repeat;
    background-image: url('/images/hatternagytetes.webp');
    background-attachment: fixed;
    background-size: cover;
}
.fleakzy-bg
{
    background-image: url('/images/hatterflekzy.webp');
    background-size: cover;
    background-color: #212124;
    background-position: center;
    background-attachment: fixed;
}
.casino-club-bg
{
    background-image: url('/images/public/background_images/kaszino-klub.png');
    background-size: cover;
    background-color: #212124;
    background-position: center;
    background-attachment: fixed;
}
.login-bg
{
    background-image: url('/images/login-bg.png');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.color-nyerpink{
    color:#e53857 !important;
}
.border-color-nyerpink{
    border-color:#e53857 !important;
}
.bg-nyerpink{
    background-color:#e53857 !important;
}
.bg-nyeremenyjatek{
    background-color: #111 !important;
}
.bg-twitch
{
    background-color: #8D44F7;
}
.bg-dark-gary{
    background-color: RGB(47, 47, 46) !important;
}
.bg-light-gary{
    background-color: RGB(51, 51, 51) !important;
}
.border-radius-15{
    border-radius: 15px !important;
}
.header-text-25-px
{
    font-size: 18.14pt;
}
.header-text-29-px
{
    font-size: 29.81pt;
}
.header-text-28-px
{
    font-size: 20.66pt;
}

.header-text-17-px
{
    font-size: 17.41pt;
}
.header-text-31-px
{
    font-size: 31.77pt;
}
.header-text-18-px
{
    font-size: 18pt;
}
.header-text-37-px
{
    font-size: 37.48pt;
}
.header-text-15-px
{
    font-size: 13.75pt;
}
.header-text-22-px
{
    font-size: 22.5pt;
}
.header-text-30-px
{
    font-size: 30pt;
}
.header-text-26-px
{
    font-size: 26pt;
}
.border-left-on-pc{
    border-left: 1px solid #ffffff54;
}
.small-border-bottom-radius-zero{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.bg-footer-v2
{
background-color: #242424 !important;
}
.border-radius-11{
    border-radius: 11px;
}
.border-bottom-right-radius-11{
    border-bottom-right-radius:11px !important;
}
.border-top-right-radius-11{
    border-top-right-radius: 11px !important;
}
.border-top-left-radius-11{
    border-top-left-radius: 11px !important;
}
.border-bottom-left-radius-11
{
    border-bottom-left-radius: 11px !important;
}
.border-right-radius-11{
    border-top-right-radius: 11px !important;
    border-bottom-right-radius:11px !important;
}
.border-left-radius-11{
    border-bottom-left-radius: 11px !important;
    border-top-left-radius: 11px !important;
}
.border-radius-top-15{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.border-top-left-radius-pc
{
    border-top-left-radius: 0px !important;
}
.line-height-12{
    line-height: 12px;
}
.affilate-box{
    padding: 17px;
    background-color: #D9D9D9;
    border-radius: 11px;
}
.tip-submit-button{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
    font-size: 1.0vw;

    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
}
.input-v2{
    font-size: 2.3vw !important;
    font-weight: 600;
    color: white !important;
    border-color: #3F7BB8 !important;
}
.pc-team-name{
    font-size: 1.2vw !important;
}
.line-height-initial{
    line-height: initial;
}
.last-section-on-comment{
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.comment-bg-v2{
    background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
}
.left-right-gray-border{
    border-left: 1px solid #8CA6C9;
    border-right: 1px solid #8CA6C9;
}
.top-navigation-text-size {
    font-size: 0.75vw;
    font-weight: 500;
}

#comments{
    color: white;
    background-color: #3e3e3e;
}
.badge-primary{
    background-color: #f3522b !important;
}
.badge-primary:hover{
    background-color: #d74320 !important;
}
.kinyeri-comment-btn{
    background-color: #2f2f2e;
}
.border-bottom-left-radius-11
{
    border-bottom-left-radius: 11px;
}
.border-bottom-right-radius-11
{
    border-bottom-right-radius: 11px;
}

.mission-over-div{
    z-index: 1;
    background: transparent !important;
    position:absolute;
    top: 110px;
    right:0px;
    bottom:0px;
    left:0px;
    width: 100%;
}


@media only screen and (min-width: 1420px) {

    .col-xl-12-mini{
        max-width: 50% !important;
    }
    .index-v2-svg {
        max-width: 15%;
    }
    .mission-over-div{
        height: 644vh;
        top: 212px !important;
    }



}

@media only screen and (max-width: 1799px) {
    .kinyeri-header-badge {
        margin-left: 17px !important;
    }
    .notification-holder {
        right: 8px !important;
    }
}

@media only screen and (min-width: 1800px) {

        .notification-badge-small
        { margin-left: unset; }

        .mission-over-div{
            height: 644vh;
            top: 212px !important;
        }

        .tippverseny-title{
            font-size: 2vw;
        }
        .login-image{
            max-width: 10em;
        }
        .index-p{
            /*font-size: 3vw;*/
        }
        .index-kinyeri-money{
            max-width: 10vw !important;
        }

        .col-xl-12-mini{
            max-width: 50% !important;
        }

        .page-heading-4{
            font-size: 0.9vw !important;
        }
        .responsive-text{
            font-size: 16px !important;
        }
        .hide-until-1251{
            display: inline-flex !important;
        }
        .margin-left-small{
            margin-left: .5rem !important;
        }
        .kaszino-svg{
            max-width: 11vw !important;
        }
        .kaszino-svg-title{
            max-width: 13vw !important;
        }
        .casino-club-footer-img{
            max-width: 17%;
        }
        .login-head-text
        {
            font-size: 1.75vw !important
        }
        .scratch-card-description{
            font-size: 1.3vw;
        }
        .valassz-title{
            font-weight: 700;
            font-size: 25px;
        }
        .valassz-description{
            font-size: 1.3vw;
            font-weight: 300;
        }
        .kinyeri-message-container{
            position: fixed;
            padding: 10px;
            left: 0;
            bottom: 10px;
            width: 25vw;
            z-index: 1000;
        }
        .index-v2-svg {
            max-width: 15%;
        }
        .affilate-svg{
            max-width: 30vw !important;
        }

    }
    @media only screen and (min-width: 992px) and (max-width: 1551px)
    {

        .mission-over-div{
            height: 650vh;
            top: 114px !important;
        }

        .login-image{
            max-width: 10em;
        }
        .tippverseny-title{
            font-size: 3.1vw;
        }
        .index-p{
            /*font-size: 3vw;*/
        }
        .index-kinyeri-money{
            max-width: 14vw;
        }
        .index-v2-svg {
            max-width: 15%;
        }
        .kinyeri-message-container{
            position: fixed;
            padding: 10px;
            left: 0;
            bottom: 10px;
            width: 45vw;
            z-index: 1000;
        }

        .valassz-description{
            font-size: 2.3vw;
            font-weight: 300;
        }

        .valassz-title{
            font-size: 2.0vw;
            font-weight: 700;
        }
        .responsive-text{
            font-size: 14px !important;
        }
        .card-comment-section {
            font-size: 0.9vw !important;
        }
        .page-heading-4{
            font-size: 1.3vw !important;
        }
        .kaszino-svg{
            max-width: 16vw !important;
        }
        .affiliate-svg{
            max-width: 30vw !important;
        }
        .kaszino-svg-title{
            max-width: 14vw;
        }
        .casino-club-footer-img{
            max-width: 17%;
        }
        .login-head-text
        {
            font-size: 2.6vw !important
        }
        .scratch-card-description{
            font-size: 2.3vw;
        }
        div.navigation.active {

        }

    }
    @media only screen and (min-width: 767px) and (max-width: 992px)
    {

        .mission-over-div{
            height: 680vh;
            top: 114px !important;
        }
        .login-image{
            max-width: 10em;
        }

        .tippverseny-title{
            font-size: 3.1vw;
        }
        .index-p{
            font-size: 1.7vw;
        }
        .index-kinyeri-money{
            max-width: 15vw;
        }
        .index-v2-svg {
            max-width: 15%;
        }
        .main-card-type {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        .kinyeri-message-container{
            position: fixed;
            padding: 10px;
            left: 0;
            bottom: 10px;
            width: 60vw;
            z-index: 1000;
        }

        .valassz-description{
            font-size: 2.3vw;
            font-weight: 300;
        }
        .valassz-title{
            font-size: 2.0vw;
            font-weight: 700;
        }
        .responsive-text {
            font-size: 13px !important;
        }
        .card-comment-section {
            font-size: 1.6vw !important;
        }

        .tip-submit-button {
            font-size: 1.6vw !important;
        }
        .pc-team-name{
            font-size: 2.4vw !important;
        }
        .left-right-gray-border {
            border-left: none !important;
            border-right: none !important;
        }
        .uk-alert-close{
            top:15px;
        }
        .page-heading-3
        {
            font-size: 3.7vw !important;
        }
        .top-navigation-text-size {
            font-size: 2vw;
        }

        .page-heading-4{
            font-size: 1.3vw !important;
        }
        .ads-head{
            font-size: 1.8vw;
        }
        .outgong-text{
            font-size: 1.4vw !important;
        }
        .kaszino-svg{
            max-width: 25vw !important;
        }
        .affilate-svg{
            max-width: 30vw !important;
        }
        .kaszino-svg-title{
            max-width: 38vw;
        }
        .casino-club-footer-img{
            max-width: 17%;
        }
        .login-head-text
        {
            font-size: 2.6vw !important
        }
        .scratch-card-description{
            font-size: 2.2vw;
        }
        div.navigation.active {

        }
    }
    @media only screen and (max-width: 767px)
    {

        .max-width-85{
            max-width: 85%;
        }



        .mission-over-div{
            height: 555vh;
            top: 114px !important;
        }
        .login-image{
            max-width: 10em;
        }
        .tippverseny-title{
            font-size: 5.1vw;
        }
        .index-p{
            font-size: 3.3vw;
        }
        .index-kinyeri-money{
            max-width: 30vw;
        }
        .index-v2-svg {
            max-width: 15%;
        }

        .main-card-type {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        div.navigation.active {
            background-color: rgba(7,8,8,.7);
            box-sizing: border-box;
            left: 0;

            top: 68px;
            visibility: visible;
            width: 100%;
            z-index: 1030;

        }

        .kinyeri-message-container{
            position: fixed;
            padding: 10px;
            left: 0;
            bottom: 10px;
            width: 60vw;
            z-index: 1000;
        }

        .valassz-description{
            font-size: 3.3vw;
            font-weight: 300;
        }

        .valassz-title{
            font-size: 3.1vw;
            font-weight: 700;
        }
        .login-head-text
        {
            font-size: 4.3vw !important
        }

        .left-right-gray-border {
            border-left: none !important;
            border-right: none !important;
        }
        .input-v2 {
            font-size: 10.3vw !important;
        }

        .uk-alert-close{
            top:15px;
        }
        .top-navigation-text-size {
            font-size:0.65em !important;
        }
        .page-heading-3{
            font-size: 4.2vw !important;
        }
        .page-heading-4{
            font-size: 3.2vw;
        }
        .ads-head{
            font-size: 3.0vw;
        }
        .outgong-text{
            font-size: 2.8vw !important;
        }
        .card-comment-section {
            font-size: 3.3vw !important;
        }
        .kaszino-svg{
            max-width: 30vw !important;
        }
        .affilate-svg{
            max-width: 60vw !important;
        }
        .pc-team-name {
            font-size: 4.2vw !important;
        }
        .responsive-text {
            font-size: 12px !important;
        }
        .responsive-text-h3 {
            font-size: 2.2vw !important;
        }
        .casino-club-footer-img{
            max-width: 17%;
        }
        .fluidMedia {
            width: 100%;
        }
        .fluid-under{
            width: 100%;
        }
        .kaszino-svg-title{
            max-width: 60.4vw;
        }
        .scratch-card-description{
            font-size: 5.3vw;
        }

    }
    @media only screen and (min-width: 720px) {
        .bonus-description{
            font-size: 1.1rem;
        }
        .three-button-text {
            font-size: 0.7rem !important;
        }
        /*.badge-1k{*/
        /*    content: url('/images/1k_v2.png');*/
        /*    visibility: visible !important;*/
        /*}*/
        /*.badge-3k{*/
        /*    content: url('/images/1a-72.png');*/
        /*    visibility: visible !important;*/
        /*}*/
        /*.badge-5k{*/
        /*    content: url('/images/1a-72.png');*/
        /*    visibility: visible !important;*/
        /*}*/
        /*.badge-10k{*/
        /*    content: url('/images/1a-72.png');*/
        /*    visibility: visible !important;*/
        /*    width: 32px;*/
        /*    height: 32px;*/
        /*}*/
    }



    .badge-1k{
        content: url('/images/1k_v2.png');
    }
    .badge-3k{
        content: url('/images/3k_v2.png');
    }
    .badge-5k{
        content: url('/images/5k_v2.png');
    }
    .badge-7k{
        content: url('/images/7k_v2.png');
    }
    .badge-10k{
        content: url('/images/10k_v2.png');
    }
    .badge-15k{
        content: url('/images/15k_v2.png');
    }

    .ranking-badge{
        width: 32px;
        height: 32px;
        background-size: contain;
        display: inline-flex;
        margin-left: 2px;
        margin-right: 2px;
    }

    .badge-ranking-1k{
        background-image: url('/images/1k_v2.png');
    }
    .badge-ranking-3k{
        background-image: url('/images/3k_v2.png');
    }
    .badge-ranking-5k{
        background-image: url('/images/5k_v2.png');
    }
    .badge-ranking-7k{
        background-image: url('/images/7k_v2.png');
    }
    .badge-ranking-10k{
        background-image: url('/images/10k_v2.png');
    }
    .badge-ranking-15k{
        background-image: url('/images/15k_v2.png');
    }
    .ranking-badge-1{
        width: 32px;
        height: 32px;
        background-size: contain;
        display: inline-flex;
        margin-left: 2px;
        margin-right: 0.25rem!important;
        background-image: url('/images/bronz_v2.png');
    }
    .ranking-badge-2{
        width: 32px;
        height: 32px;
        background-size: contain;
        display: inline-flex;
        margin-left: 2px;
        background-image: url('/images/ezust_v2.png');
        margin-right: 0.25rem!important;
    }
    .ranking-badge-3{
        width: 32px;
        height: 32px;
        background-size: contain;
        display: inline-flex;
        margin-left: 2px;
        background-image: url('/images/arany_v2.png');
        margin-right: 0.25rem!important;

    }
    .ranking-badge-4{
        width: 32px;
        height: 32px;
        background-size: contain;
        display: inline-flex;
        margin-left: 2px;
        background-image: url('/images/gyemant_v2.png');
        margin-right: 0.25rem!important;

    }
    .ranking-badge-5{
        width: 32px;
        height: 32px;
        background-size: contain;
        display: inline-flex;
        margin-left: 2px;
        background-image: url('/images/holo_v2.png');
        margin-right: 0.25rem!important;

    }
    .ranking-badge-6{
        width: 32px;
        height: 32px;
        background-size: contain;
        display: inline-flex;
        margin-left: 2px;
        margin-right: 2px;
        background-image: url('/images/lila_v2.png');
        margin-right: 0.25rem!important;
    }
    .mr-07
    {
        margin-right: 0.7rem!important;
    }
    @media only screen and (max-width: 719px){

        .bonus-description{
            font-size: 0.9rem;
        }
        .three-button-text {
            font-size: 0.6rem !important;
        }
        .kinyeri-badge{
            visibility: visible !important;
            width: 50px;
            height: 50px;
        }

    }
    @media only screen and (min-width: 767px) {

        .kinyeri-badge{
            visibility: visible !important;
            width: 40px;
            height: 40px;
        }
        iframe {
            aspect-ratio: 16 / 9;
            width: 100%; /* change this to a fixed width, or create a container with a width. */
            height: 100%;
        }
        .fluidMedia {
            position: relative;
            padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
            height: 0;
            overflow: hidden;
            width:80%;
        }

        .fluidMedia iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .fluid-under{
            width: 80%;
        }

    }
    .border-phone-white
    {
        border: 0.1px solid #ffffff1a;
    }
    .page-heading-3{
        font-size: 2.2vw;
    }
    .max-9char{
        max-width: 9ch;
    }

    .outgong-text{

        font-size: 0.9vw;
    }

    .if-empty-than-hide:empty{
        display: none !important;
    }
    .mission-border-bottom-white{
        border-bottom: 2px solid #315DA9;
        color:black;
    }


    .hide-until-1251{
        display: none;
    }
    .white-hr-history{
        background-color: #cccccc8f;
    }
    /*select {*/
    /*    -webkit-appearance: none;*/
    /*    -moz-appearance: none;*/
    /*    background: transparent;*/
    /*    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");*/
    /*    background-repeat: no-repeat;*/
    /*    background-position-x: 100%;*/
    /*    background-position-y: 5px;*/
    /*    border: 1px solid #dfdfdf;*/
    /*    border-radius: 2px;*/
    /*    margin-right: 2rem;*/
    /*    padding: 1rem;*/
    /*    padding-right: 2rem;*/
    /*}*/

    .border-none{
        border: none !important;
    }

    /*iframe {*/
    /*    aspect-ratio: 16 / 9 !important;*/
    /*    width: 100% !important;*/
    /*    height: 100% !important;*/
    /*}*/
    .position-absolute-kny{
        position: absolute !important;
    }
    .bottom-0{
        bottom: 0;
    }
    .opacity-03{
        opacity: 0.3;
    }
    .border-ligh-gray{
        /*border-color: RGB(51, 51, 51) !important;*/
        border-width: 2px !important;
    }

    #scratch-amount{
        color: black;
    }
    .canva-row{
        width: 320px;
    }
    .canva-row-padding{
        padding-left: 10px;
        padding-right: 10px;
    }
    .canva-row-line-width{
        width: 300px;
    }

    .kinyeri-message{
        padding: 10px;
        margin: 10px;
        color:white !important;
        background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
        font-weight: 500;
        border-radius: 15px;
        display: table;
    }
    .kinyeri-button-bordered{
        border:1px solid #f4582a;
        color: #f4582a;
    }
    .meghivo-bg
    {
        background-repeat-y: repeat;
        background-image: url('/images/hatter_meghivo.webp');
        background-attachment: fixed;
        background-size: cover;
    }
    .mission-bg
    {
        background-repeat-y: repeat;
        background-image: url('/images/hatterkuldetesek.webp');
        background-attachment: fixed;
        background-size: cover;
    }
    .affilate-bg
    {
        background-repeat-y: repeat;
        background-image: url('/images/hatteraffiliate.webp');
        background-attachment: fixed;
        background-size: cover;
    }
    .logo-margin-phone{
        margin-left: -1.5rem !important;
    }
    .font-size-15px{
        font-size: 15px;
    }
    .bg-eyewhite{
        background-color: #fef9ede3 !important
    }
    .robot-arm-index{
        right: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 84%;
    }
    .robot-arm-container{
        position: relative;
        align-self: center;
        height: 100%;
    }
    .one-million-text{
        font-size: 3vw;
        margin: 0;
        position: absolute;
        top: 50%;
        right: 0;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        font-weight: 500;
    }
    .w-31{
        width: 31%;
    }
    .border-radius-100{
        border-radius: 100% !important;
    }

    @keyframes float {
        0% {
            transform: translatey(0px);
        }
        50% {
            transform: translatey(-20px);
        }
        100% {
            transform: translatey(0px);
        }
    }
    @media only screen and (min-width:1000px) {

        .floating-coin{
            z-index: 11;
            position: fixed;
            animation: float 6s ease-in-out infinite;
            right: 16px;
            top: 50%;
            color: white;
            width: 6%;
        }
    }
    @media only screen and (max-width:999px) {
        .floating-coin{
            display: none;
        }
    }
    .spin-winner-modal{
        z-index: 2000 !important;
    }
    .kinyeri-spinner{
        max-width: 20px;
        animation-name: spin;
        animation-duration: 5000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        cursor: pointer;
    }

    .navigation-li-image{
        max-width: 20px;
        cursor: pointer;
    }

    @keyframes spin {
        from {
            transform:rotate(0deg);
        }
        to {
            transform:rotate(360deg);
        }
    }

    .modal-content{
        border: none!important;
    }
    .z-index-9999{
        z-index: 9999!important;
    }

    .twitch-button{
        display: inline-block;
        background-color: #9147ff;
        background-image: none;
        border-style: none;
        box-sizing: border-box;
        color: #fff;
        text-decoration: none !important;
        padding: 7px;
        border-radius: 9px;
        vertical-align: middle;
        margin: auto !important;
    }

    .bg-index-page{
        background-image: radial-gradient(circle at center center, rgb(52 52 52) 0%, rgb(32 31 31) 100%);
    }

    @media only screen and (min-width:1200px) and (max-width: 1500px) {

        .custom-xl{
            flex: 0 0 86.333333%;
            max-width: 100%;
        }

    }

    @media only screen and  (min-width: 1501px) {

        .custom-xl{
            -ms-flex: 0 0 57.333333%;
            flex: 0 0 57.333333%;
            max-width: 57.333333%;
        }

    }
    .rotate_pp {
        -moz-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
        -moz-transition: all 500ms ease !important;
        -o-transition: all 500ms ease !important;
        -webkit-transition: all 500ms ease !important;
        transition: all 500ms ease !important;
    }
    .percent-holder{
        border-radius: 11px;
        padding: 0.5em;
        background-color: #2d275775;
        text-align: center;
    }
    .percent-right-position{
        right: 5%;
    }
    .font-weight-normal{
        font-weight: normal!important;
    }
    @media only screen and (max-width: 1057px)
    {
        #hidePercent
        {
            display: none !important;
        }
    }
    .font-size-08-em
    {
        font-size: 0.8em !important;
    }
    .phone-amount-holder{
        border-radius: 11px;
        padding: 5px 9px;
    }
    .pc-amount-display{
        border-radius: 11px;
        padding: 5px 9px;
        align-self: center;
        height: 2.2em;
    }
    .amount-bg{
        background-color: #333333;
    }
    .amount-divider{
        border-left: 2px solid #315DA9;
    }
    .align-self-center{
        align-self: center !important;
    }
    .blog-bg{
        background-color: #E8EAEE !important;
    }
    .tippmix-green{
        background-color: #82C341 !important;
    }
    .tippmix-card{
        background-color: #F8F9F6 !important;
        border: 1px solid #82C341;
    }
    .tippmix-text-color{
        color: #7c7d7e !important;
    }
    .absolute{
        position: absolute;
    }
    .desktop-menu-item{
        font-weight: 500 !important;
        display: block;
        padding: 4px 15px;
        font-size: 15px;
        text-transform: uppercase;
        color: #fff;
        position: relative;
        text-decoration: none !important;
    }
    .kinyeri-border{
        border: 2px solid #F3552A;
    }
    .dark-gray-border{
        border: 2px solid #2F2F2E;
    }
    .wager-dot{
        font-style: normal;
        font-weight: 900;
        font-size: 64px;
        line-height: 91px;
        text-align: center;
        color: #F3552A;
    }
    .coin-input-betting{
        width: 8em;
    }
    @media screen and (max-width: 766px)
    {
        .coin-input-betting{
            width: 5em !important;
            background-color: #2A2A2A !important;
        }
    }
    .border-gray-v2{
        border-right: 2px solid #333333 !important;
    }
    .royal-bg{
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-image: url('/images/csomag_bg.png');
        padding-top: 15px;
        background-color: #212124 !important;
    }
    .drop-down-container{
        position: absolute;
        background-color: #242424;
        display: none;
        min-width: 133px;
        z-index: 12;
        overflow: auto;
        bottom:0;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
    .show-force{
        display: block !important;
    }
    .cursor-pointer{
        cursor: pointer !important;
    }
    .border-radius-50px{
        border-radius: 50px !important;
    }
    .chat-drop-down-text:hover{
        color: #cec8c8 !important;
    }
    .border-radius-50{
        border-radius: 50%;
    }
    .kinyeri-header-badge{
        margin-top: -13px;
        margin-left: 37px;
        width: 20px;
        position: absolute;
        height: 20px;
        border-radius: 50%;
        background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }
    .kinyeri-campain-cover{
        position: absolute; height: 100vh; width: 100%; left: 0px; top: 0px; background-color: rgb(0, 0, 0); opacity: 0.35; z-index: 99;
    }

    .notification-circle{
        display: inline-flex;
        width: 10px;
        height: 10px;
        background-color: #468abf;
        border-radius: 50%;
        margin-left: 9px;
    }
    .icon-holder-div{
        border-radius: 50%;
        display: inline-grid;
        width: 33px;
        height: 33px;
        background-color:  #2F2F2F;
        align-content: center;
        justify-content: center;
    }
    .cube-2-5{
        width: 2.5em !important;
        height: 2.5em !important;
    }
    .table thead th {
        /*border-bottom: 0px solid #4A94C4 !important;*/
    }
    .table td, .table th {
        /*border-top: 2px solid #4A94C4 !important;*/
    }
    .badge {
        border-radius: 30px !important;
        padding: 0.5em 0.7em;
        font-weight: 500 !important;
    }
    .bg-success{
        background-color:#4ABF56 !important;
    }
    .page-item:first-child .page-link {
        border-radius: 30px 0px 0px 30px !important;
        background: transparent !important;
        color: #ffffff !important;
        border-right: 0px solid transparent !important;
    }
    .page-item:last-child .page-link {
        background: transparent !important;
        border-radius: 0px 30px 30px 0px !important;
        color: #ffffff !important;
        border-left: 0px solid transparent !important;
    }
    .page-link {
        border: 2px solid #4a94c4 !important;
        background-color: transparent !important;
        color: #ffffff !important;
        font-weight: 500 !important;
        line-height: 1 !important;
    }
    .page-item.active .page-link {
        background: linear-gradient(80.14deg, #315DA9 20.26%, #4A94C4 103.29%);
        color:white !important;
        border-right: none !important;
        border-left: none !important;
    }
    .custom-select{
        padding-left: 7px !important;
        border: 1px solid black !important;
    }
    .index-partners-image:hover {
        filter: grayscale(0%);
        transition: filter 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
    }
    .uk-offcanvas-bar{
        margin-top: 68px;
        width: 300px;
    }
}