*,:before,:after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-shadow: 0 0 rgba(0,0,0,0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147,197,253,.5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-scroll-snap-strictness: proximity;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-shadow: 0 0 rgba(0,0,0,0);
    --un-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147,197,253,.5);
}

:root {
    --q-light: #F6F6F6;
    --text-default: #99A1B7;
    --text-dark: #071c2d;
    --text-green: #90d101;
    --text-prefix: #45dac5;
    --text-darker: #4B5675;
    --link-color: #4da2fb;
    --link-hover-color: #65acff;
    --un-default-border-color: #99A1B7;
    --un-ring-color: rgba(147,197,253,.5);
    --q-dark-alt: #383838;
    --q-dark-sidebar: #1F293D;
    --q-accent-dark: #5B026A;
    --card-border-color: #F1F1F4;
    --qfield-border-color: #F9F9F9;
    --qfield-background: #F9F9F9;
    --box-shaddow: 0px 3px 4px 0px rgba(0, 0, 0, .03);
    --border-color: #F1F1F4;
    --icon-color: #99A1B7;
    --text-positive: #90d101 ;
    --bg-positive: #90d101 ;
    --text-warning: orange;
    --text-percentage: #cffffa;
    --bg-header: #1e263b;
    --btn-green: #00f1cd;
    --btn-hover: #049781;
    --btn-oragne: #ff6501;
    --bg-dark-body: #282a34;
    --dark-blue: #21272a;
    --gold: #d4af37;
    --light-gold: #fff1c1;
    --orange: #ffa500;
    --open-green: #0ecdbd;
    --open-grey: #cecece;
    --green: #126e51;
    --pink: #ff6e6e;
    --dark-grey: #6c757d;
    --qfield-background: transparent;
    --bg-body-grey: #21272a;
    --bg-card-grey: #2f363a;
    --bg-tabs-grey: #252c30;
    --grey-texts: #757a7e;
    --text-green_new: #0b9279;
    --color-lila: #03dac5;
    --color-lila-hover: #00ffe6;
    --bg-grey-one: #2f3538;
    --txt-grey-one: #d1d2d2;
    --bg-grey-three: #30363a;
    --grey-four: #3a3f42;
    --grey-five: #474c4f;
    --grey-six: #5a5f62;
    --txt-dark-grey: #ffffff60;


    /*Torocoincs*/
    --gold: #ffb232;
    --hover-gold:#dda445;


}

html {
    font-size: 62.5%!important;
    scroll-behavior: smooth
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #252c30 inset!important;
    color: var(--txt-grey-one)!important
}

input:-webkit-autofill:first-line {
    font-size: inherit
}
 
.small-flag[data-v-60be6971] {
    margin: -0.9em -1.2em -0.9em -1.2em;
    transform: scale(0.25);
    -ms-transform: scale(0.25); 
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
}
.normal-flag[data-v-60be6971] {
    margin: 0em -0.9em -0.6em -0.7em;
    transform: scale(0.5);
    -ms-transform: scale(0.5); 
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
}
.big-flag[data-v-60be6971] {
    margin: 0;
}
.small-flag.rounded[data-v-60be6971] {
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.normal-flag.rounded[data-v-60be6971] {
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.big-flag.rounded[data-v-60be6971] {
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.small-flag.shadow[data-v-60be6971] {
    -webkit-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
}
.normal-flag.shadow[data-v-60be6971] {
    -webkit-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
}
.big-flag.shadow[data-v-60be6971] {
    -webkit-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
}
.how-work-list{
    margin: 15px 0 0 17px;
    list-style-type: disc;

}

.gold {
    color: var(--gold)!important;
    font-family: GT Pressura!important;
    font-weight: 700!important;
}
.container {
    width: 100%
}


.dreamit-hero-thumb {
    position: relative;
}
.hero-thumb-inner4 {
    position: absolute;
    top: -455px;
    left: -100px;
}
.hero-thumb-inner5 {
    position: absolute;
    top: 35px;
    left: -70px;
    z-index: 1;
}
.hero-thumb-inner6 {
    position: absolute;
    content: "";
    z-index: 1;
    right: -83px;
    top: -454px;
}
.bounce-animate4 {
    animation-name: float-bob4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob4;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob4;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob4;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes float-bob4 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}
.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes float-bob {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

.bounce-animate2 {
    animation-name: float-bob2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob2;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float-bob2 {
    0% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.visible {
    visibility: visible
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.m-t {
    margin-top: 1rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-30 {
    margin-top: 7.5rem
}

.mt-40 {
    margin-top: 10rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-50 {
    margin-top: 12.5rem
}

.block {
    display: block
}

.hidden {
    display: none
}

.h1 {
    height: .25rem
}

.h2 {
    height: .5rem
}

.h3 {
    height: .75rem
}

.h5 {
    height: 1.25rem
}

.w-full {
    width: 100%
}

.flex {
    display: flex
}

.grow {
    flex-grow: 1
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.table {
    display: table
}

.transform {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.content-start {
    align-content: flex-start
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-10 {
    gap: 2.5rem
}

.gap-5 {
    gap: 1.25rem
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.b,.border {
    border-width: 1px
}

.b-green {
    --un-border-opacity: 1;
    border-color: rgba(74,222,128,var(--un-border-opacity))
}

.rounded {
    border-radius: .25rem
}

.bg-black {
    --un-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-red {
    --un-bg-opacity: 1;
    background-color: rgba(248,113,113,var(--un-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.p0 {
    padding: 0
}

.px {
    padding-left: 1rem;
    padding-right: 1rem
}

.pr {
    padding-right: 1rem
}

.pie {
    padding-inline-end:1rem}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.align-start {
    vertical-align: top
}

.vertical-middle {
    vertical-align: middle
}

.font-bold {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.color-green {
    --un-text-opacity: 1;
    color: rgba(74,222,128,var(--un-text-opacity))
}

.text-black {
    --un-text-opacity: 1;
    color: rgba(0,0,0,var(--un-text-opacity))
}

.text-blue {
    --un-text-opacity: 1;
    color: rgba(96,165,250,var(--un-text-opacity))
}

.text-dark {
    --un-text-opacity: 1;
    color: rgba(34,34,34,var(--un-text-opacity))
}

.text-gray {
    --un-text-opacity: 1;
    color: rgba(156,163,175,var(--un-text-opacity))
}

.text-green-2 {
    --un-text-opacity: 1;
    color: rgba(187,247,208,var(--un-text-opacity))
}

.text-orange {
    --un-text-opacity: 1;
    color: rgba(251,146,60,var(--un-text-opacity))
}

.text-red {
    --un-text-opacity: 1;
    color: rgba(248,113,113,var(--un-text-opacity))
}

.text-white {
    --un-text-opacity: 1;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.no-underline {
    text-decoration: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.\!tab {
    -moz-tab-size: 4!important;
    -o-tab-size: 4!important;
    tab-size: 4!important
}

.tab {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.outline {
    outline-style: solid
}

.filter {
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.transition {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

@font-face {
    font-family: ToroTips;
    src: url(fonts/GTPressura-Light.woff2) format("woff2"),url(fonts/GTPressura-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: ToroTips;
    src: url(fonts/GTPressura-Bold.woff2) format("woff2"),url(fonts/GT-Pressura-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: ToroTips;
    src: url(fonts/GTPressura-Regular.woff2) format("woff2"),url(fonts/GTPressura-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: GT Pressura;
    src: url(fonts/GTPressura-Bold.woff2) format("woff2"),url(fonts/GT-Pressura-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: GT Pressura;
    src: url(fonts/GTPressura-Light.woff2) format("woff2"),url(fonts/GTPressura-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: GT Pressura;
    src: url(fonts/GTPressura-Regular.woff2) format("woff2"),url(fonts/GTPressura-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}



.profile-create-tipster input:-webkit-autofill,.profile-create-tipster input:-webkit-autofill:hover,.profile-create-tipster input:-webkit-autofill:focus,.profile-create-tipster input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #2f363a inset!important;
    color: var(--txt-grey-one)!important
}

.profile-data input:-webkit-autofill,.profile-data input:-webkit-autofill:hover,.profile-data input:-webkit-autofill:focus,.profile-data input:-webkit-autofill:active {
    color: #fff;
    -webkit-text-fill-color: white!important;
    -webkit-background-clip: text!important;
    background-clip: text!important
}

.profile-data input:-webkit-autofill:first-line {
    font-size: inherit
}

.green-icon {
    width: 100%
}

.green-icon img {
    filter: invert(64%) sepia(29%) saturate(1091%) hue-rotate(125deg) brightness(96%) contrast(112%);
    margin: 30px 0
}

.green-icon span {
    font-size: 1.6rem!important;
    color: var(--color-lila)!important;
    font-weight: 700;
    font-style: italic
}

.client-modal-details input:-webkit-autofill,.client-modal-details input:-webkit-autofill:hover,.client-modal-details input:-webkit-autofill:focus,.client-modal-details input:-webkit-autofill:active {
    color: #fff;
    -webkit-text-fill-color: white!important;
    -webkit-box-shadow: 0 0 0 1000px #21272a inset!important;
    -webkit-background-clip: text!important;
    background-clip: text!important
}

.client-modal-details input:-webkit-autofill:first-line {
    font-size: inherit
}

.opacity-zero-desktop {
    opacity: 0
}

input:focus {
    outline: none;
    border: none
}

.hidden-row {
    display: none!important
}

.scroller {
    overflow-y: scroll;
    scrollbar-color: #0A4C95 #C2D2E4
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track-piece {
    background: transparent;
    box-shadow: inset 0 0 gray
}

::-webkit-scrollbar-thumb {
    background: var(--gold);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--gold) ;
}

body {
    background: var(--bg-body-grey);
    color: var(--text-dark);
    color-scheme: dark;
    font-family: ToroTips,sans-serif;
    overflow-x: hidden
}

body .q-layout:not(.admin-dashboard-page) {
    padding: 0;
    overflow-y: unset;
    overflow-x: unset
}

body.q-body--prevent-scroll {
    position: relative!important
}

body.body--dark {
    background: var(--q-dark);
    color: var(--q-info);
    color-scheme: dark
}

body .q-tab.q-router-link--exact-active:hover {
    background: var(--color-lila-hover)!important;
    opacity: 1!important
}

body .q-tab:hover {
    background: #52585d!important;
    opacity: 1!important
}

body .q-hoverable:hover .q-focus-helper {
    background: #52585d!important;
    opacity: 0!important;
    transition: background-color 0s cubic-bezier(0,0,0,0),opacity 0s cubic-bezier(0,0,0,0)
}

body .q-hoverable:hover .q-focus-helper:before {
    opacity: 0!important;
    transition: background-color 0s cubic-bezier(0,0,0,0),opacity 0s cubic-bezier(0,0,0,0)
}

body .q-hoverable:hover .q-focus-helper:after {
    opacity: 0!important;
    background: #fff;
    transition: background-color 0s cubic-bezier(0,0,0,0),opacity 0s cubic-bezier(0,0,0,0)
}

body h1 {
    font-weight: 700;
    font-size: x-large;
    line-height: 2rem
}

body h4 {
    font-weight: 700;
    line-height: 2rem;
    display: flex
}

body a {
    color: var(--link-color);
    text-decoration-color: RGBA(62,151,255,1)!important
}

body a:hover {
     color:var(--bg-card-grey);
    text-decoration-color: RGBA(101,172,255,1)!important
}

body .text-capitalize {
    text-transform: capitalize!important
}

.q-layout--scrolled .left-col.f-card,.q-layout--scrolled .right-col.f-card {
    top: 150px!important
}

.q-page-container .A2O4W8X6IK {
    display: unset!important
}

.card-cookies.q-card {
    background: var(--bg-tabs-grey);
    min-width: 700px;
    border-radius: 20px
}

.card-cookies .q-tabs.tabs-modal-cookie {
    border-bottom: 1px solid #686c6f
}

.card-cookies .q-tabs .q-tabs__content {
    justify-content: space-between
}

.card-cookies .q-tabs .q-tabs__content .q-tab {
    flex-grow: 1;
    min-height: auto;
    padding: 10px
}

.card-cookies .q-tabs .q-tabs__content .q-tab.q-tab--active .q-tab__label {
    color: var(--color-lila)
}

.card-cookies .q-tabs .q-tabs__content .q-tab.q-tab--active .q-tab__indicator {
    background: var(--color-lila)
}

.card-cookies .q-tabs .q-tabs__content .q-tab .q-tab__label {
    color: var(--open-grey)
}

.card-cookies .q-tab-panels {
    background: var(--bg-tabs-grey)
}

.card-cookies .q-tab-panels .q-tab-panel {
    color: var(--open-grey);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0
}

.card-cookies .q-tab-panels .header-cookies {
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.6rem;
    padding: 30px 0
}

.card-cookies .q-tab-panels .header-cookies .icon-modal {
    display: flex;
    gap: 10px;
    color: var(--open-grey);
    align-items: center;
    margin-bottom: 20px;
    justify-content: flex-start
}

.card-cookies .q-tab-panels .header-cookies .icon-modal span {
    line-height: 1;
    font-weight: 700
}

.card-cookies .q-tab-panels .header-cookies .icon-modal img {
    width: 20px;
    height: 20px
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle {
    background: #252c30;
    border-radius: 0
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle .q-table {
    border-radius: 10px;
    margin-top: 10px;
    background: var(--bg-body-grey)
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle .q-table tr {
    background: var(--bg-body-grey)
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle .q-table tr th {
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.6rem;
    color: var(--open-grey)
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle .q-table tr th:first-child {
    border-top-left-radius: 10px
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle .q-table tr th:last-child {
    border-top-right-radius: 10px
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle .q-table tr td:first-child {
    border-bottom-left-radius: 10px
}

.card-cookies .q-tab-panels .q-table__card .q-table__middle .q-table tr td:last-child {
    border-bottom-right-radius: 10px
}

.card-cookies .q-tab-panels .q-table__card .q-table__bottom {
    background: #252c30!important
}

.card-cookies .q-tab-panels .details-cookie {
    width: 100%;
    margin-bottom: 20px
}

.card-cookies .q-tab-panels .details-cookie p {
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.6rem;
    color: var(--open-grey)
}

.card-cookies .q-tab-panels .details_cookies {
    max-height: 500px
}

.card-cookies .q-tab-panels .details_cookies .q-table__card .q-table__bottom {
    display: none!important
}

.card-cookies .q-tab-panels .details_cookies .text-h6 {
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.6rem;
    color: var(--color-lila)
}

.card-cookies .q-tab-panels .about_ccokies {
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.6rem;
    color: var(--open-grey)
}

.card-cookies .btn-cookies {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 30px 16px 16px!important
}

.card-cookies .btn-cookies .btn-cookie {
    font-style: normal;
    font-weight: 700;
    background: #cffffa;
    color: var(--bg-grey-one);
    -webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.25);
    box-shadow: 0 15px 10px -10px #1f1f1f40;
    font-family: GT Pressura;
    transform-origin: center;
    padding: 7px 10px;
    transform: skew(-18deg);
    min-width: 150px!important;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    background-image: unset;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden
}

.card-cookies .btn-cookies .btn-cookie.accept_all {
    background: var(--color-lila-hover)
}

.card-cookies .btn-cookies .btn-cookie.accept_all:after {
    background: var(--bg-grey-one)
}

.card-cookies .btn-cookies .btn-cookie.accept_all:hover {
    background: var(--bg-grey-one);
    color: var(--open-grey)
}

.card-cookies .btn-cookies .btn-cookie:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.card-cookies .btn-cookies .btn-cookie:hover {
    background: var(--color-lila-hover)
}

.card-cookies .btn-cookies .btn-cookie:hover:after {
    width: 108%
}

.card-cookies .btn-cookies .btn-cookie .q-btn__content {
    font-size: 1.2rem
}

.card-cookies .toggle-value {
    display: flex;
    width: 100%;
    border: 1px solid #686c6f;
    border-radius: 10px
}

.card-cookies .toggle-value .q-toggle {
    flex-grow: 1;
    display: flex;
    flex-direction: column-reverse;
    padding: 10px;
    border-left: 1px solid #686c6f
}

.card-cookies .toggle-value .q-toggle:first-child {
    border-left: 0 solid #686c6f
}

.card-cookies .toggle-value .necessary,.card-cookies .toggle-value .necessary .q-toggle__inner {
    color: var(--color-lila)
}

.card-cookies .toggle-value .necessary .q-toggle__inner--indet .q-toggle__thumb {
    left: .65em;
    color: var(--color-lila)
}

.card-cookies .toggle-value .necessary .q-toggle__inner--indet .q-toggle__thumb:after {
    background: var(--color-lila)
}

.card-cookies .toggle-value .necessary .q-toggle__label {
    color: var(--color-lila)
}

.card-cookies .toggle-value .text-green {
    color: var(--color-lila)!important
}

.card-cookies .toggle-value .q-toggle__label {
    color: var(--open-grey);
    letter-spacing: 0;
    font-size: 1.4rem;
    font-weight: 900
}

.card-cookies .toggle-value .q-toggle__inner {
    color: #d5d5d5;
    overflow: hidden
}

.card-cookies .toggle-value .q-toggle[aria-checked=true] .q-toggle__label {
    color: var(--color-lila)
}

.card-cookies .modal-cookie-header {
    padding: 10px 0
}

.card-cookies .modal-cookie-header .cookie-icon {
    width: 40px;
    height: 40px
}

.card-cookies .modal-cookie-header .logo-modal {
    max-width: 55%
}

.card-cookies .about_cookies p {
    padding: 30px 0;
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.6rem
}

.cookie-btn {
    z-index: 99;
    left: 13px;
    position: fixed;
    bottom: 10px;
    padding: 0;
    background: transparent!important
}

.cookie-btn:before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000!important
}

.cookie-btn img {
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.remove-sponsor .sponsor-row {
    display: none
}

.q-dark-sidebar {
    background: var(--bg-tabs-grey)!important
}

.all-tipsters-page .q-page-container {
    background: #252c30
}

.all-tipsters-page .add-banners {
    max-width: 1920px;
    margin: 0 auto;
    justify-content: center
}

.all-tipsters-page .q-card.content-tipsters {
    background: #252c30!important;
    border-radius: 0;
    margin: unset
}

.all-tipsters-page .right-col.f-card,.all-tipsters-page .left-col .f-card {
    background: #252c30!important;
    border-radius: 0
}

.dark_text {
    color: var(--open-grey)!important
}

.text-bold {
    font-weight: 700!important
}

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

.text-positive {
    color: var(--text-positive)!important
}

.txt-grey {
    color: var(--txt-grey-one)!important
}

.text-grey-toggle {
    color: #7e8183!important
}

.text-center {
    text-align: center!important
}

.bg-positive {
    background: var(--bg-positive)!important
}

.text-warning {
    color: var(--text-warning)!important
}

.bg-primary {
    background: var(--color-lila)!important
}

.bg-open-grey {
    background: var(--open-grey)!important
}

.bg-pink {
    background: var(--pink)!important
}

.bg-tabs-toro {
    background: var(--bg-tabs-grey)
}

.text-bluetoro {
    color: var(--dark-blue)
}

.text-body-grey {
    color: var(--bg-body-grey)!important
}

.text-tabs-grey {
    color: var(--bg-card-grey)!important
}

.text-grey-toro {
    color: var(--open-grey)
}

.text-lila {
    color: var(--color-lila)!important
}

.text-percentage {
    color: var(--text-percentage)!important
}

.q-spinner {
    color: var(--color-lila)!important
}

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

.active-toro {
    background: var(--open-grey)
}

.aligh-center {
    align-items: center
}

.mh-50 {
    min-height: 50px
}

.mh-40 {
    min-height: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-40 {
    margin-top: 40px
}

.mt-30 {
    margin-top: 30px
}

.mt-20,.mt-10 {
    margin-top: 20px
}

.mbt-10 {
    margin: 10px 0
}

.mbt-20 {
    margin: 20px 0
}

.mbt-40 {
    margin: 40px 0
}

.min100 {
    min-width: 100px
}

.max100 {
    max-width: 100px
}

.max300 {
    max-width: 300px
}

.min120,.min140 {
    min-width: 120px
}

.min160 {
    min-width: 160px
}

.min180 {
    min-width: 180px
}

.Pressura {
    font-family: GT Pressura;
    font-weight: 700;
    font-style: normal;
    font-display: block
}

.justify-space-between {
    justify-content: space-between
}

.bg-light-grey {
    background: #F9F9F9
}

.gap-5 {
    gap: 5px
}

.gap-10 {
    gap: 10px
}

.bg-grey {
    background: #efefef!important
}

.q-tab__label {
    font-weight: 700
}

.q-drawer-container {
    display: none!important
}

.q-header {
    background: var(--bg-grey-one);
    padding: 0;
    min-height: 90px;
    display: flex;
    flex-direction: column
}

.q-header .header-logo {
    padding-left: 20px
}

.q-header .q-layout__shadow:after {
    box-shadow: 0 0 #0003,0 0 #0000003d
}

.q-header .q-toolbar {
    padding: 0
}

.q-header .q-toolbar__title {
    padding: 0;
    flex: unset
}

.q-header .menu-new-layout {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.q-header .tabs_header {
    background: var(--bg-body-grey);
    margin: 0 20px;
    transform: skew(-10deg);
    transform-origin: center;
    border-radius: 10px;
    padding: 10px 20px
}

.q-header .tabs_header.group_tabs.tips-group .q-tabs__content {
    overflow: inherit
}

.q-header .tabs_header.group_tabs .q-tabs__content {
    gap: 10px
}

.q-header .tabs_header .header-only-text {
    font-size: 1.6rem;
    font-family: GT Pressura;
    font-weight: 700
}

.q-header .q-tab {
    border-radius: 10px;
    min-height: 36px;
    padding: 0 10px;
    flex: auto
}

.q-header .q-tab .q-tab__label {
    font-family: GT Pressura;
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--open-grey)
}

.q-header .q-tab .q-tab__content {
    color: var(--open-grey)
}

.q-header .q-tab.q-router-link--exact-active {
    background: var(--color-lila-hover);
    border-radius: 10px;
    overflow: visible
}

.q-header .q-tab.q-router-link--exact-active .q-tab__indicator {
    background: transparent
}

.q-header .q-tab.q-router-link--exact-active .q-tab__content {
    color: var(--open-grey)
}

.q-header .q-tab.q-router-link--exact-active .q-tab__label {
    color: var(--bg-card-grey)
}

.q-header .bannerText .bannerText-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 70%
}

.q-header .bannerText .bannerText-content p {
    margin-bottom: 0
}

.q-header .rotate_10 {
    display: flex;
    flex-direction: column
}

.q-header .header-login {
    width: 260px;
    min-height: 90px;
    padding-right: 20px;
    background: var(--color-lila);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skew(-18deg) translate(25px);
    transform-origin: center
}

.q-header .header-login.quest-header-login .rotate_10 {
    transform: skew(10deg);
    transform-origin: center;
    display: flex;
    flex-direction: column
}

.q-header .header-login.quest-header-login .flex-row {
    font-family: GT Pressura;
    font-weight: 700;
    transform: skew(0);
    transform-origin: center;
    padding: 7px 10px;
    min-width: 75px
}

.q-header .header-login.quest-header-login .flex-row .q-btn__content {
    font-size: 1.2rem
}

.q-header .header-login.quest-header-login .flex-row .login-btn {
    background: #cffffa!important;
    color: var(--bg-grey-one);
    -webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.25);
    box-shadow: 0 15px 10px -10px #1f1f1f40;
    margin-right: 15px
}

.q-header .header-login.quest-header-login .flex-row .login-btn:hover {
    background: var(--color-lila-hover)!important
}

.q-header .header-login.quest-header-login .flex-row .login-btn:after {
    background: var(--color-lila-hover)!important
}

.q-header .header-login.quest-header-login .flex-row .register-btn {
    -webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.25);
    box-shadow: 0 15px 10px -10px #1f1f1f40;
    margin-right: 5px
}

.q-header .header-login.quest-header-login .flex-row .q-btn {
    background: var(--bg-grey-one)
}

.q-header .header-login.quest-header-login .flex-row .q-btn:hover {
    background: #43494d
}

.q-header .header-login.quest-header-login .flex-row .q-btn:after {
    background: #43494d
}

.q-header .header-login.quest-header-login .flex-row .logo-icon {
    width: 35px;
    cursor: pointer
}

.q-header .header-login .icon-menu {
    transform: skew(18deg);
    transform-origin: center;
    display: flex;
    align-items: center;
    gap: 10px
}

.q-header .header-login .icon-menu .logout-svg:hover {
    cursor: pointer
}

.q-header .header-login .icon-menu .dashboard-svg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 5px
}

.q-header .header-login .icon-menu .dashboard-svg:hover {
    cursor: pointer
}

.q-header .header-login .icon-menu .dashboard-svg .deposit_header {
    order: 1;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: stretch;
    justify-content: center
}

.q-header .header-login .icon-menu .dashboard-svg .deposit_header .value-deposit {
    color: var(--bg-body-grey);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    order: -1
}

.q-header .header-login .icon-menu .dashboard-svg .deposit_header .value-deposit .deposit-money {
    position: relative;
    top: 1px
}

.q-header .header-login .icon-menu .dashboard-svg .deposit_header .name-deposit {
    color: var(--bg-body-grey);
    line-height: 1;
    font-size: 1.1rem
}

.q-header .header-login .icon-menu .dashboard-svg .icon-tabler-user-shield,.q-header .header-login .icon-menu .dashboard-svg .avatar-header-img {
    order: 2
}

.q-header .header-login .icon-menu .dashboard-svg .icon-tabler-user-circle {
    order: 4
}

.q-header .header-login .icon-menu .dashboard-svg .with-badge.client {
    order: 4;
    position: relative
}

.q-header .header-login .icon-menu .dashboard-svg .with-badge.client .q-badge--floating {
    top: 3px;
    right: 0
}

.q-header .header-login .icon-menu .dashboard-svg .with-badge.tipster {
    order: 4;
    position: relative
}

.q-header .header-login .icon-menu .dashboard-svg .with-badge.admin {
    order: 2;
    position: relative
}

.q-header .header-login .icon-menu .dashboard-svg .with-badge .q-badge--floating {
    position: absolute;
    top: 0;
    right: -3px;
    width: 20px;
    height: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    border-radius: 50%;
    background: #21272a!important;
    color: var(--open-grey);
    font-weight: 700
}

.q-header .header-login .icon-menu .dashboard-svg .with-badge .q-badge--floating.check-with-img {
    background: #cffffa!important;
    color: #21272a!important
}

.q-header .header-login .icon-menu .dashboard-svg .q-avatar {
    order: 3
}

.q-header .header-login .icon-menu .lang-menu-selection {
    order: 5;
    transform: skew(-10deg)
}

.q-header .header-login .q-avatar {
    font-size: 45px!important
}

.q-header .header-login .q-avatar .q-avatar__content {
    border-radius: 50%;
    font-size: 20px!important;
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.q-header .header-login .avatar-header-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0;
    transform-origin: center
}

.q-header .header-login .lang-menu-selection .q-field__control-container {
    padding-top: 0
}

.q-header .header-login .lang-menu-selection .q-field__append {
    display: none;
    padding-left: 0;
    height: 22px
}

.q-header .header-login .lang-menu-selection .q-field__append .q-icon {
    height: 100%;
    position: relative;
    top: 11px;
    color: var(--bg-body-grey)
}

.q-header .header-login .lang-menu-selection .q-field__control {
    min-height: 30px
}

.q-header .header-login .lang-menu-selection .normal-flag {
    margin: 0 -.9em -.6em -.7em;
    transform: scale(.5);
    -ms-transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5)
}

.q-header .header-login .tip-menu-mobile {
    display: flex;
    order: 1;
    padding: 1px 5px;
    transform: skew(-10deg);
    transform-origin: center;
    border-radius: 5px;
    min-height: 25px
}

.q-header .header-login .tip-menu-mobile .q-btn__content .label-create-tip-menu {
    font-size: 1.2rem
}

.q-header .header-login .tip-menu-mobile .q-btn__content svg {
    width: 15px;
    height: 15px
}

.q-header .header-login.tipster-header-login .lang-menu-selection {
    order: 5
}

.q-header .create-tip-menu.vee-button-primary {
    padding: 7px 15px
}

.q-header .create-tip-menu.vee-button-primary .q-btn__content {
    gap: 5px
}

.q-checkbox__bg {
    border: 1px solid var(--grey-texts)
}

.q-checkbox[aria-checked=true] .q-checkbox__label {
    color: var(--open-grey)!important
}

.q-checkbox[aria-checked=true] .q-checkbox__label .text-bold {
    color: var(--color-lila)!important
}

.q-checkbox__label {
    color: var(--grey-texts)!important
}

.q-field__native.q-placeholder {
    color: var(--txt-grey-one)!important;
    top: -1px;
    position: relative
}

.q-field__native.q-field__prefix,.q-field__prefix {
    color: var(--txt-grey-one)!important
}

.q-checkbox__inner {
    font-size: 23px
}

.q-checkbox__inner--truthy .q-checkbox__bg,.q-checkbox__inner--indet .q-checkbox__bg {
    background: transparent;
    border: 0 solid var(--text-green_new)!important
}

.q-checkbox__inner--truthy .q-checkbox__bg path,.q-checkbox__inner--indet .q-checkbox__bg path {
    stroke: #03dac5
}

.q-select__dialog {
    width: 50%!important
}

.q-select__dialog .q-select--single {
    display: none
}

.q-list {
    /*background: var(--bg-grey-three)!important*/
}

.q-list .q-item:hover .q-item__label,.q-list .q-item:hover .q-item__section--avatar,.q-list .q-item .q-item__label,.q-list .q-item .q-item__section--avatar {
    color: var(--open-grey)
}

.q-list .q-item.short-item:hover {
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.q-radio.radio-selected,.q-radio.radio-selected .q-icon {
    color: var(--color-lila)
}



.q-virtual-scroll__content {
    background: var(--bg-grey-three)!important
}

.q-virtual-scroll__content .q-item__label {
    color: var(--open-grey)
}

.q-virtual-scroll__content .q-item:hover .q-focus-helper {
    opacity: .15!important;
    background: var(--bg-body-grey);
    background-color: var(--bg-body-grey)!important
}

.q-virtual-scroll__content .q-item.q-item--active {
    background-color: var(--bg-tabs-grey)!important;
    color: var(--color-lila);
    opacity: 1!important
}

.q-virtual-scroll__content .q-item.q-item--active .q-item__label {
    color: var(--color-lila);
    opacity: 1!important
}

.q-page-container .q-card {
    padding-top: 110px
}

.backtotop .q-page-sticky--shrink {
    z-index: 3
}

.backtotop .q-page-sticky--shrink .q-icon {
    color: var(--bg-body-grey)
}

.backtotop .q-page-sticky--shrink .q-btn--rounded {
    padding: 8px;
    min-height: 35px;
    min-width: 35px
}

.q-field--outlined .q-field__control:hover:before {
    border-color: var(--link-color)
}

.q-table__card .q-table__middle {
    background: #252c30
}

.q-table__container {
    width: 100%
}

.q-table__container .q-table__bottom {
    border-color: #fff0;
    background: #2f363a!important
}

.q-table__container .q-table tbody tr:nth-child(2n) {
    background: var(--bg-tabs-grey);
    border-color: #fff0
}

.q-table__container .q-table tbody tr {
    background: var(--bg-card-grey);
    border-color: #fff0;
    color: var(--open-grey)
}

.q-table__container .q-table tbody td {
    border-color: #fff0
}

.q-table__container .q-table thead {
    color: var(--color-lila)
}

.q-table__container .q-table thead th {
    font-size: 1.4rem;
    border-color: #fff0
}

.q-table__container .q-table .btn-table {
    display: flex;
    gap: 10px
}

.q-table__container .q-table .btn-table .q-btn {
    max-height: unset;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 1.3rem
}

.admin-pages {
    padding: 20px 30px;
    background: var(--bg-body-grey)
}

.admin-pages .sticky-header-table .q-table__top,.admin-pages .sticky-header-table .q-table__bottom,.admin-pages .sticky-header-table thead tr:first-child th {
    background-color: var(--bg-tabs-grey)!important
}

.admin-pages .vee-field-row .q-field__inner .text-secondary,.admin-pages .q-field__marginal .q-icon {
    color: var(--color-lila)!important
}

.admin-pages .q-card.vee-container {
    max-width: unset;
    padding: 0
}

.admin-pages .ag-root-wrapper {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.admin-pages .dates-row {
    gap: 10px
}

.admin-pages .q-card {
    background-color: var(--bg-tabs-grey);
    box-shadow: 0 0 #0000
}

.admin-pages .ag-grid .ag-body {
    background-color: var(--bg-tabs-grey)
}

.admin-pages .ag-grid .ag-overlay-no-rows-center {
    color: var(--open-grey)!important
}

.admin-pages #clients-list-grid {
    background: transparent
}

.admin-pages #clients-list-grid .country-selector {
    padding-bottom: 0!important
}

.admin-pages #clients-list-grid .q-field .q-field__inner .q-field__control {
    color: var(--color-lila)
}

.admin-pages #clients-list-grid .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native {
    color: var(--color-lila)!important
}

.admin-pages .ag-header {
    background: #071c2d
}

.admin-pages .ag-header-viewport {
    background: var(--bg-tabs-grey)
}

.admin-pages .ag-header-viewport .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native,.admin-pages .ag-header-viewport .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__label,.admin-pages .ag-header-viewport .text-secondary {
    color: var(--color-lila)!important
}

.admin-pages .vee-button-primary {
    width: 100%;
    max-height: 40px;
    min-height: 40px
}

.admin-pages .bg-grey {
    border-radius: 10px!important;
    background: var(--bg-tabs-grey)!important;
    min-height: 55px
}

.admin-pages .titles-sm span {
    font-size: 1.6rem;
    color: #ffffffb3
}

.admin-pages .titles-sm span.texts-admin-bigheader {
    margin-top: 5px
}

.admin-pages .q-icon {
    font-size: 1.6rem;
    color: #ffffffb3
}

.admin-pages .info_box_affiliate {
    font-size: 1.6rem
}

.admin-pages .info_box_affiliate .value_info_box {
    font-weight: 700;
    color: var(--open-green)
}

.admin-pages .info_box_affiliate .title_info_box {
    color: var(--open-green)
}

.admin-pages .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: var(--color-lila)!important
}

.admin-pages .q-field.datepicker-input .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: var(--open-grey)!important
}

.admin-pages .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__label {
    color: var(--color-lila)!important
}

.admin-layout-dash .avatar-row {
    max-width: 1120px!important
}

.admin-layout-dash .tipsters-tabs-layout {
    background: transparent!important
}

.admin-layout-dash .tipsters-tabs-layout .q-tab-panel {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.admin-layout-dash .tipsters-tabs-layout .q-card.dark-bg {
    background: transparent
}

.admin-layout-dash.tipster-dashboard .tips-boxes {
    max-width: unset
}

.admin-layout-dash .edit-profile-tipster {
    background: transparent!important;
    padding: 0 16px
}

.admin-layout-dash .edit-profile-tipster .q-card.dark-bg {
    background: transparent
}

.admin-layout-dash .profile-create-tipster .address-information,.admin-layout-dash .profile-create-tipster .personal-information {
    margin: 10px 0
}

.admin-layout-dash .content-tipsters .content-tips {
    border-radius: 10px!important;
    position: relative;
    transform: skew(-10deg)
}

.admin-footer-link {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100px!important
}

.survey-icons a {
    transition: all .5s ease-in-out
}

.survey-icons a:hover {
    transform: translateY(-5px)
}

.client-admin-dash.dark-modal {
    background: #21272a
}

.client-admin-dash.dark-modal .toro-tips {
    background: transparent;
    width: 100%
}

.client-admin-dash .q-card.dark-bg {
    background: transparent
}

.client-admin-dash .tipster-dashboard .profile-tipster {
    max-width: unset!important
}

.client-admin-dash .admin-layout-dash__inner {
    padding: 0
}

.client-admin-dash .admin-layout-dash__inner .q-tab-panels {
    background: #21272a!important
}

.client-admin-dash .purchased-dashboard .q-card {
    background: #21272a;
    margin-top: 0
}

.q-card {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.q-card.dark-bg,.q-card.dark-bg .q-tab-panels {
    background: var(--bg-tabs-grey)
}

.q-card.admin-layout-dash__inner,.q-card.vee-grid-header {
    background: transparent
}

.q-card.vee-container {
    max-width: 1500px;
    padding: 20px
}

.q-card.vee-container#survey-content .q-stepper.q-stepper--horizontal {
    height: calc(100% - 1px);
    max-height: calc(100% - 1px)
}

.q-card.vee-container#survey-content .q-stepper.q-stepper--horizontal .q-stepper__content {
    height: calc(100% - 76px)!important;
    max-height: calc(100% - 76px)!important
}

.q-card .vee-back-button {
    color: var(--open-grey);
    font-weight: 500
}

.q-card .vee-back-button:hover {
    color: var(--color-lila)
}

.q-card .vee-back-button .q-focus-helper {
    display: none
}

.q-card .vee-back-button .q-btn__content {
    position: relative;
    text-transform: none
}

.q-card .vee-back-button .q-btn__content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--color-lila);
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.q-card .vee-back-button:hover span:after {
    width: 100%
}

.q-card .vee-back-button {
    color: var(--txt-grey-one);
    font-weight: 400;
    position: relative;
    font-size: 1.4rem;
    margin-top: 15px
}

.q-card .vee-link {
    color: var(--txt-grey-one);
    font-weight: 400;
    position: relative;
    font-size: 1.4rem
}

.q-card .vee-link.resend-link,.q-card .footer-vue-form .vee-link {
    font-size: 1.2rem
}

.q-card .modal-link .vee-back-button:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--color-lila);
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.q-card .modal-link:hover .vee-back-button:after {
    width: 100%
}

.q-card .btn-close-modal:hover {
    background: #cdcdcd
}

.q-card .btn-close-modal:hover .vee-back-button:after {
    width: 0
}

.q-card .vee-link:after,.q-card .vee-back-button:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--color-lila);
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.q-card .vee-link:hover:after {
    width: 100%
}

.q-card.full-height-16 {
    height: calc(100% - 16px)!important
}

.q-card.box-shadow-card {
    border: 1px solid var(--card-border-color);
    box-shadow: var(--box-shaddow)
}

.q-card .tend-system {
    padding: 157px 0 90px!important
}

.q-card .tend-system .content-boxes {
    margin-bottom: 20px
}

.q-card .tend-system .content-boxes b {
    color: var(--color-lila)
}

.q-card .tend-system .content-boxes.no-m {
    margin-bottom: 7px
}

.q-card.vee-form-card {
    width: 100%;
    border-radius: 12px
}

.q-card.vee-form-card .content-survey-clients {
    box-shadow: 0 0 #00000008
}

.q-card.vee-form-card.guest-card {
    max-width: 600px;
    min-height: 400px
}

.q-card.vee-form-card.guest-card .q-icon.text-accent {
    color: var(--q-secondary)!important
}

.q-card.vee-form-card.fit,.q-card.vee-form-card.full-width {
    max-width: 100%
}

.q-card.vee-form-card .q-stepper .q-stepper__step-inner {
    width: 65%;
    margin: 0 auto
}

.q-card.vee-form-card .q-stepper .q-stepper__step-inner .q-icon.text-accent {
    color: var(--q-secondary)!important
}

.q-card.vee-form-card .q-stepper .q-stepper__step-inner .client-sec-tabs .q-tab__content {
    text-transform: none;
    flex-direction: row
}

.q-card.vee-form-card .q-stepper .q-stepper__step-inner .client-sec-tabs .q-tab__content .q-tab__label {
    margin-left: 5px
}

.q-card.vee-form-card .q-stepper .q-stepper__nav {
    display: flex;
    justify-content: flex-end
}

.q-card.vee-form-card .q-stepper .q-stepper__nav.confirm-login-stepper {
    justify-content: center
}

.q-card.vee-form-card .q-stepper.full-width .q-stepper__step-inner {
    width: 100%
}

.q-card.vee-form-card.guest-card .q-stepper .q-stepper__step-inner {
    width: 100%;
    margin: 0 auto
}

.q-card.f-card-form {
    width: 100%;
    border-radius: 12px
}

.q-card.f-card-xs {
    max-width: 360px
}

.q-card.f-card-xsm {
    max-width: 420px
}

.q-card.f-card-sm {
    max-width: 480px
}

.q-card.f-card-smd {
    max-width: 720px
}

.q-card.f-card-md {
    max-width: 960px
}

.q-card.f-card-25 {
    max-width: 25%
}

.q-card.f-card-50 {
    max-width: 50%
}

.q-card .q-card__section.full-flex,.q-card .q-card__section.q-card__section--vert.full-flex {
    width: 100%!important;
    display: flex!important;
    justify-content: center;
    align-items: center
}

.q-card .q-card__actions {
    padding: 0 16px 16px
}

.q-card .q-card__actions.full-flex {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.q-btn.vee-button.vee-button-trans,.q-btn.vee-button.vee-button-link {
    background: transparent;
    color: var(--icon-color)
}

.q-btn.vee-button.vee-button-trans.q-hoverable:hover,.q-btn.vee-button.vee-button-link.q-hoverable:hover {
    color: var(--q-primary)
}

.q-btn.vee-button.vee-button-trans.q-hoverable:hover .q-focus-helper,.q-btn.vee-button.vee-button-link.q-hoverable:hover .q-focus-helper {
    background: currentColor;
    opacity: 0
}

.q-btn.vee-button.vee-button-trans:before,.q-btn.vee-button.vee-button-link:before {
    box-shadow: 0 1px 5px #0000,0 2px 2px #0000,0 3px 1px -2px #0000
}

.q-btn.primary {
    background-color: var(--text-green_new);
    color: var(--open-grey)
}

.q-field--standard .q-field__control:hover:before {
    border-bottom: 1px solid #767b7f
}

.q-field--standard .q-field__control:hover:after {
    border-bottom: 1px solid #767b7f
}

.q-field--standard .q-field__control:before {
    border-bottom: 1px solid #767b7f
}

.q-field--standard .q-field__control:after {
    border-bottom: 1px solid #4b5054
}

.q-field--standard.q-field--readonly .q-field__control:before {
    border-bottom: 1px solid #767b7f
}

.q-field--standard .q-field__label {
    font-size: 1.4rem
}

.q-field--standard .q-field--focused,.q-field--standard .q-field--focused .q-field__label {
    color: var(--color-lila)
}

q-form.vee-form.inner-scroll,.q-form.vee-form.inner-scroll {
    display: block;
    max-height: 400px;
    overflow-y: auto;
    padding: 0 15px
}

q-form.vee-form .vee-form-field .q-field__control:before,.q-form.vee-form .vee-form-field .q-field__control:before {
    border-bottom: 1px solid #767b7f
}

q-form.vee-form .vee-form-field .q-field__control,.q-form.vee-form .vee-form-field .q-field__control {
    background: transparent;
    border-radius: 0;
    padding-left: 10px
}

q-form.vee-form .vee-form-field .q-field--outlined .q-field__control:before,.q-form.vee-form .vee-form-field .q-field--outlined .q-field__control:before {
    border: 0 solid var(--qfield-border-color);
    transition: border-color .36s cubic-bezier(.4,0,.2,1)
}

.q-field.prefixed .q-field__prefix {
    color: #45dac5;
    display: flex;
    align-items: center
}

.q-field.q-select.vee-selector .q-field__inner .q-field__control .q-field__before,.q-field.q-select.vee-selector .q-field__inner .q-field__control .q-field__prepend {
    padding-right: 9px
}

.q-field.q-select.vee-selector .q-field__inner .q-field__control .q-field__control-container {
    order: 1!important
}

.q-field.q-select.vee-selector .q-field__inner .q-field__control .q-field__control-container .q-field__native .flag.normal-flag.selected-flag {
    margin-top: -9px;
    margin-right: 0;
    transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3)
}

.q-field.q-select.vee-selector .q-field__inner .q-field__control .q-field__append {
    order: 3
}

.q-field.q-select.vee-selector .q-field__inner .q-field__control .q-field__append.q-anchor--skip {
    order: 2!important
}

.q-field.q-select.vee-selector .q-field__inner .q-field__control .q-field__append button.q-icon {
    display: none!important
}

.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__before,.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__prepend {
    padding-right: 9px
}

.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__control-container {
    order: 1!important
}

.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__control-container .q-field__native .flag.normal-flag.selected-flag {
    margin-top: -9px;
    margin-right: 0;
    transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3)
}

.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__append {
    order: 3
}

.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__append.q-anchor--skip {
    order: 2!important
}

.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__append button.q-icon {
    display: none!important
}

.q-field.q-select.vee-selector.country-selector .q-field__control .q-field__append .q-select__dropdown-icon {
    color: var(--q-secondary)
}

.q-field.q-select.vee-selector.text-center .q-field__native {
    display: flex;
    justify-content: center;
    text-align: center
}

.q-field.q-select.vee-selector.text-right .q-field__native {
    display: flex;
    justify-content: end;
    text-align: right
}

.q-field.q-field--with-bottom:not(.no-padding) {
    padding-bottom: 9px!important
}

.q-field .q-field__inner .q-field__bottom {
    padding: 0;
    line-height: 11px!important;
    min-height: 11px!important
}

.q-field .q-field__inner .q-field__control .q-field__control-container .q-field__label,.q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native {
    color: var(--txt-grey-one)!important
}

.q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: var(--txt-grey-one)!important;
    top: -1px;
    position: relative
}

.q-field.q-field--dense.q-field--float .q-field__label {
    transform: translateY(-58%) scale(.75)
}

.q-field.q-field--dense .q-field--dense .q-field__prepend {
    padding-right: 8px
}

.q-field.q-field--dense .q-icon {
    line-height: .75em;
    width: .75em;
    height: .75em
}

.q-field.q-field--dense .q-icon.text-accent {
    color: var(--grey-texts)!important;
    margin-right: 5px
}

.q-field.dense-slots .q-field__control {
    padding: 0 0 0 8px
}

.q-field.dense-slots .q-field__control .q-field__append {
    padding-left: 2px
}

.q-field.no-stack .q-field__control-container {
    padding-top: 12px
}

.q-field.no-stack.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 2px!important;
    padding-left: 3px
}

.q-field.datepicker-input .q-field__label {
    text-align: left;
    padding: 0 6px;
    width: 100%
}

.q-menu.q-position-engine.scroll .q-item.q-item-type .q-item__section--avatar {
    padding-right: 0;
    min-width: 30px;
    max-width: 40px
}

.q-menu.q-position-engine.scroll .q-item.q-item-type .q-item__section--avatar .flag.normal-flag {
    margin-top: -9px;
    margin-right: 0;
    transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3)
}

.q-menu.q-position-engine.scroll .q-item.q-item-type.q-item--active {
    background-color: var(--q-info)
}

.q-menu.q-position-engine.scroll .q-item.q-item-type.q-manual-focusable--focused .q-focus-helper {
    background-color: #e2ecfa;
    opacity: .28
}

.q-field__marginal {
    color: var(--text-dark)
}

.q-select.ag-grid-custom-multi-select .q-field__inner .q-field__control,.q-select.ag-grid-custom-single-select .q-field__inner .q-field__control {
    background: var(--qfield-background);
    border-radius: .25em;
    padding-left: 5px;
    padding-right: 6px
}

.q-select.no-stack .q-field__control-container {
    padding-top: 12px
}

.q-select.no-stack.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
    padding-top: 2px!important;
    padding-left: 3px
}

.q-item.q-router-link--active,.q-item--active {
    color: var(--dark-blue)
}

.q-date {
    background: var(--bg-card-grey)
}

.q-date.q-date--portrait-standard .q-date__content {
    color: var(--open-grey)
}

.q-date .q-date__header {
    display: none
}

.q-date .q-date__today {
    box-shadow: 0 0 0 0 currentColor
}

.q-date .bg-primary {
    color: var(--bg-tabs-grey)!important
}

.q-date .q-date__actions .justify-end {
    justify-content: center
}

.q-date .q-date__actions .justify-end span {
    color: var(--open-grey)
}

.q-card .header-modal {
    color: var(--color-lila);
    font-size: 2rem;
    font-family: GT Pressura;
    font-weight: 700
}

.q-card .header-modal.text-reset {
    line-height: 1
}

.q-card.vee-form-card.guest-card {
    max-width: 450px
}

.q-card.vee-form-card.guest-card-login {
    max-width: 900px;
    background: var(--bg-tabs-grey);
    padding: 0;
    border-radius: 12px;
    overflow: visible
}

.q-card.vee-form-card.guest-card-login .modal-login-all {
    border-radius: 12px
}

.q-card.vee-form-card.guest-card-login .modal-login-all .small-logo {
    max-width: 180px
}

.q-card.vee-form-card.guest-card-login .modal-login-all .logo-row-modal {
    padding-bottom: 30px
}

.q-card.vee-form-card.guest-card-login .q-stepper {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.q-card.vee-form-card.guest-card-login .q-stepper__tab {
    display: none
}

.q-card.vee-form-card.guest-card-login .q-stepper__step-inner {
    padding: 30px
}

.q-card.vee-form-card.guest-card-login .login-form-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: var(--bg-tabs-grey);
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px
}

.q-card.vee-form-card.guest-card-login .login-form-modal .modal-link {
    margin-top: 0
}

.q-card.vee-form-card.guest-card-login .img-modal-login img {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.q-dialog.extended-modal .q-dialog__inner--minimized>div {
    max-width: 900px;
    max-height: calc(95vh - 48px)
}

.q-drawer {
    background: var(--dark-blue)
}

.q-avatar.league-flag .q-avatar__content {
    display: flex;
    position: relative
}

.q-avatar.league-flag .q-avatar__content .flag {
    display: flex;
    transform: scale(.4);
    -ms-transform: scale(.4);
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    width: 52px;
    height: 40px;
    border-radius: 50%
}

.admin-dashboard-page .q-list {
    background: var(--bg-tabs-grey)!important
}

.admin-dashboard-page .q-list .dark_text {
    color: var(--open-grey)!important
}

.admin-dashboard-page .sidebar_toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    background: var(--bg-card-grey);
    box-shadow: 0 0 10px #7179881a;
    border-radius: 5px;
    transform: translate(-50%,-50%);
    left: 100%;
    top: 20px;
    z-index: 99
}

.admin-dashboard-page .sidebar_toggle.active {
    transform: translate(-10%,-50%)
}

.admin-dashboard-page .sidebar_toggle svg {
    color: var(--open-grey)
}

.admin-dashboard-page .sidebar_toggle span.svg-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.admin-dashboard-page .sidebar_toggle .sidebar_btn_close .svg-icon {
    transform: rotate(180deg);
    transition: transform .3s ease
}

.admin-dashboard-page .left-menu-admin {
    position: relative
}

.admin-dashboard-page .left-menu-admin .admin-menu:hover,.admin-dashboard-page .left-menu-admin .admin-menu-active {
    background: var(--bg-card-grey)!important;
    border-radius: 10px
}

.logout-dashboard {
    position: absolute;
    right: 20px;
    top: 30px;
    padding: 5px 20px;
    border-radius: 10px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.715em;
    text-transform: uppercase;
    z-index: 2;
    cursor: pointer;
    gap: 5px;
    color: var(--color-lila)
}

.logout-dashboard svg {
    stroke: var(--color-lila)
}

.logout-dashboard:hover {
    color: var(--color-lila-hover)
}

.logout-dashboard:hover svg {
    stroke: var(--color-lila-hover)
}

.become_member__banner {
    position: relative;
    overflow-y: hidden;
    min-height: 90px;
    min-width: 480px;
    display: flex;
    justify-content: center;
    transform: skew(-18deg) translate(30px);
    transform-origin: center
}

.become_member__banner .absolute-top {
    z-index: 0
}

.become_member__banner .absolute-top .overlay-banner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0,0,0,.8)
}

.become_member__banner .content-banner {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative
}

.become_member__banner .content-banner .text_become {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    animation: slide-left 1s ease forwards
}

@keyframes slide-left {
    0% {
        transform: skew(18deg) translate(-100px);
        transform-origin: center
    }

    to {
        transform: skew(18deg) translate(0);
        transform-origin: center
    }
}

.become_member__banner .content-banner .text_become .first_heading {
    font-family: GT Pressura;
    font-weight: 700;
    font-size: 2rem;
    color: var(--color-lila);
    font-style: italic
}

.become_member__banner .content-banner .text_become .last_heading {
    font-family: GT Pressura;
    font-weight: 400;
    font-size: 1.8rem;
    color: #fff;
    font-style: italic
}

.become_member__banner .content-banner .btn_join {
    transition: box-shadow .3s ease-in-out;
    box-shadow: 0 0 5px 3px #cffffa;
    animation: mymove 2s infinite;
    max-height: 30px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 7px 20px;
    background-image: unset;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-weight: 700
}

.become_member__banner .content-banner .btn_join:hover {
    cursor: pointer
}

@keyframes mymove {
    50% {
        box-shadow: 0 0 5px 6px #cffffa
    }
}

.become_member__banner .content-banner .btn_join span {
    font-family: GT Pressura;
    font-weight: 700;
    font-size: 1.8rem
}

.become_member__banner .content-banner .btn_join.diagonal {
    transform: skew(0);
    transform-origin: center
}

.become_member__banner .content-banner .sigma_banner {
    transform: skew(10deg) translate(30px)
}

.become_member__banner .content-banner .sigma_banner img {
    width: 76px;
    height: auto
}

.term-of-use .global-title {
    font-size: 4rem;
    color: var(--color-lila);
    font-weight: 700;
    font-family: GT Pressura;
    margin-bottom: 40px
}

.term-of-use p,.term-of-use li {
    color: var(--open-grey);
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.8rem;
    margin-bottom: 15px
}

.term-of-use .earn-tips-win {
    padding: 30px 0!important
}

.add-stripe-card .terms-row {
    text-align: center;
    line-height: 1
}

.add-stripe-card .terms-row span {
    color: var(--open-grey);
    font-size: 1.1rem
}

.add-stripe-card .terms-row .text-bold {
    margin: 0 3px;
    color: var(--color-lila);
    cursor: pointer;
    position: relative
}

.add-stripe-card .terms-row .text-bold:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--color-lila);
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out
}

.add-stripe-card .terms-row .text-bold:hover:after {
    width: 100%
}

.subtitle_tipster {
    text-align: center
}

.profile-create-tipster .terms-row .q-checkbox__label {
    color: var(--open-grey)!important
}

.profile-create-tipster .terms-row .q-checkbox__label .text-bold {
    margin: 0 3px;
    color: var(--color-lila)
}

.profile-create-tipster .terms-row .q-checkbox__label .text-bold a {
    color: var(--color-lila)
}

.profile-create-tipster .q-card .vee-form {
    padding: 20px 60px
}

.profile-create-tipster .display-name-row {
    justify-content: space-between
}

.profile-create-tipster .display-name-row .col-6 {
    background: var(--bg-card-grey);
    border-radius: 5px;
    width: 48%;
    padding: 0 40px 10px
}

.profile-create-tipster .display-name-row .col-6[name="tipster.slug"] .q-field__prefix {
    padding-right: 0
}

.profile-create-tipster .display-name-row .col-6[name="tipster.slug"] .q-field__native.q-placeholder {
    top: 0
}

.profile-create-tipster .display-name-row .info-register-tipster {
    font-size: 1.2rem;
    line-height: 1.1;
    margin-bottom: 30px
}

.profile-create-tipster .display-name-row label {
    margin-top: 20px
}

.profile-create-tipster .two-vee-fields .col-6 {
    width: 50%;
    padding: 0 40px
}

.profile-create-tipster .description-tipster {
    text-align: center;
    margin: 20px 0;
    display: flex;
    flex-direction: column
}

.profile-create-tipster .description-tipster span {
    display: flex;
    margin-bottom: 10px
}

.profile-create-tipster .personal-information {
    background: var(--bg-card-grey);
    border-radius: 5px;
    padding: 20px 0;
    margin: 20px 0
}

.profile-create-tipster .personal-information .title {
    font-size: 1.8rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--color-lila);
    margin: 10px 0 20px
}

.profile-create-tipster .personal-information .title.subtitle_under {
    margin: 10px 0 0;
    text-align: center
}

.profile-create-tipster .personal-information .subtitle_tipster {
    width: 100%;
    margin: 10px 0 20px;
    text-align: center
}

.profile-create-tipster .personal-information .tipster-avatar-row .info-register-tipster {
    text-align: center;
    line-height: 1.2
}

.profile-create-tipster .ext_Code .q-field__prefix {
    color: var(--open-grey)!important
}

.profile-create-tipster .address-information {
    background: var(--bg-card-grey);
    border-radius: 5px;
    padding: 20px 0;
    margin: 20px 0
}

.profile-create-tipster .address-information .title {
    font-size: 1.8rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--color-lila);
    margin: 10px 0 20px
}

.profile-create-tipster .address-information .title.subtitle_under {
    margin: 10px 0 0;
    text-align: center
}

.profile-create-tipster .address-information .subtitle_tipster {
    width: 100%;
    text-align: center
}

.profile-create-tipster .bank-details {
    background: var(--bg-card-grey);
    border-radius: 5px;
    padding: 20px 0;
    margin: 20px 0
}

.profile-create-tipster .bank-details .title {
    font-size: 1.8rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--color-lila);
    margin: 10px 0 20px
}

.profile-create-tipster .bank-details .title.subtitle_under {
    margin: 10px 0 0;
    text-align: center
}

.profile-create-tipster .bank-details .subtitle_tipster {
    width: 100%;
    text-align: center
}

.profile-create-tipster .welcome-text p {
    margin-bottom: 15px;
    line-height: 1.2;
    font-size: 1.6rem
}

.profile-create-tipster .welcome-text .flex-column {
    margin-top: 20px
}

.profile-create-tipster.edit-profile-tipster .q-card.dark-bg {
    padding: 0;
    width: 100%;
    --box-shaddow: 0px 0 0 0px rgba(0, 0, 0, 0)
}

.footer-toro {
    position: relative;
    bottom: 0;
    z-index: 2;
    padding: 20px;
    margin:40px 40px 80px 40px;
  /*  background-image: linear-gradient(to bottom, #21272a 0%, #2b2f32 25%, #dda445 55%, #3c3224 80%, #21272a 100%);*/
}
body.desktop .q-focus-helper {
    opacity: 0 !important;
}

.footer-toro .logo-footer {
    gap: 5px
}

.footer-toro .moto-footer {
    color: var(--open-grey)
}

.footer-toro .q-card {
    border-radius: 0;
    background: transparent
}

.footer-toro .kethea {
    margin-top: 20px;
    gap: 10px;
    display: none
}

.footer-toro .kethea .numb {
    display: block;
    font-size: 1.3rem;
    border-radius: 50%;
    padding: 3px;
    background: var(--color-lila);
    color: var(--bg-body-grey);
    font-weight: 700
}

.footer-toro .kethea img {
    max-height: 25px
}

.footer-toro .eeep .eeep-dekt {
    max-width: 1000px
}

.footer-toro .eeep .eeep-mobile {
    max-width: 320px
}

.footer-toro .link-footer-container {
    gap: 10px;
    margin-top: 35px;
    margin-bottom: 15px;
    color: var(--open-grey)
}

.footer-toro .link-footer-container a {
    color: var(--open-grey)
}

.text-green-fxe {
    color: var(--text-green)
}

.dark-modal {
    background-color: var(--bg-body-grey)!important;
    border-radius: 12px!important;
    padding: 20px 0
}

.dark-modal .details-buy-tip {
    max-width: 81%;
    margin: 10px auto
}

.dark-modal .payment-success .new-balance {
    font-size: 1.6rem;
    background: var(--bg-tabs-grey);
    color: var(--open-grey);
    border-radius: 5px;
    min-height: 125px;
    padding: 20px 0;
    margin: 30px 0;
    text-align: center
}

.dark-modal .payment-success .new-balance .newbalance-text {
    max-width: 80%;
    text-align: center;
    margin: 0 auto 10px;
    line-height: 1
}

.dark-modal .payment-success .new-balance .Pressura {
    color: var(--color-lila);
    font-size: 2.5rem
}

.dark-modal .tip-row {
    max-height: calc(80vh - 190px);
    overflow: hidden
}

.dark-modal .tip-row .q-list {
    overflow-y: scroll;
    background: transparent!important
}

.dark-modal .tip-row .q-list .q-expansion-item {
    background: var(--bg-grey-three)!important;
    margin-bottom: 15px;
    border-radius: 10px
}

.dark-modal .tip-row .q-list .q-expansion-item .q-item[aria-expanded=true] .q-item__section {
    color: var(--color-lila)!important
}

.dark-modal .tip-row .q-list .selections-group {
    flex-wrap: wrap;
    display: grid!important;
    grid-template-columns: repeat(6,1fr);
    gap: 8px
}

.dark-modal .tip-row .q-list .selections-group .selections-group__selection {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px;
    min-width: 0
}

.dark-modal .tip-row .q-list .selections-group .selections-group__selection .selections__selection {
    margin-bottom: 8px;
    padding: 0 10px;
    min-height: 30px;
    transform: skew(-10deg);
    border-radius: 5px
}

.dark-modal .tip-row .q-list .selections-group .selections-group__selection .selections__selection.bg-secondary {
    background: var(--color-lila)!important;
    color: var(--bg-card-grey);
    font-weight: 700
}

.dark-modal .tip-row .q-list .selections-group .selections-group__selection .selections__selection.bg-secondary .text-negative {
    color: var(--bg-card-grey)!important
}

.dark-modal .tip-row .q-list .selections-group .selections-group__selection .selections__selection.bg-secondary .selections__selection__odd {
    color: var(--bg-card-grey)!important;
    font-weight: 700
}

.dark-modal .tip-row .q-table__middle {
    max-width: 101%
}

.dark-modal h1 {
    font-size: 1.8rem
}

.dark-modal .toro-tips {
    background: var(--bg-card-grey);
    border-radius: 12px
}

.dark-modal .toro-tips.modal-tips-unlock {
    background: transparent;
    border-radius: 0;
    padding: 0;
    overflow: hidden
}

.dark-modal .toro-tips.modal-tips-unlock .lock-layout.outer {
    gap: 20px
}

.dark-modal .toro-tips .unlock-layout {
    background: var(--bg-body-grey);
    color: var(--color-lila)
}

.dark-modal .toro-tips .unlock-layout .ods {
    background: var(--bg-body-grey)!important;
    color: var(--color-lila)
}

.dark-modal .toro-tips .unlock-layout .ods .odd-value,.dark-modal .toro-tips .unlock-layout .ods .odd-name {
    color: var(--color-lila)!important
}

.dark-modal .toro-tips .ods {
    background: var(--bg-body-grey);
    color: var(--color-lila)
}

.dark-modal .toro-tips .ods .odd-value {
    color: var(--color-lila)
}

.dark-modal .toro-tips .content_tips-layout {
    gap: 20px;
    max-width: 95%
}

.dark-modal .toro-tips .first-row-tip {
    order: 2;
    position: relative;
    width: 95%;
    min-height: 125px;
    border-radius: 12px;
    background: var(--bg-card-grey);
    transform: skew(-10deg);
    transform-origin: center
}

.dark-modal .toro-tips .first-row-tip .number-tipster {
    position: absolute;
    left: 3px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    padding: 5px 10px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
    border-radius: 15px;
    top: 3px
}

.dark-modal .toro-tips .sec-row-tip {
    order: 1;
    position: relative;
    width: 95%;
    padding: 20px;
    border-radius: 12px;
    background: var(--bg-card-grey);
    transform: skew(-10deg);
    transform-origin: center
}

.dark-modal .toro-tips .sec-row-tip .odd-content {
    justify-content: flex-end
}

.dark-modal .text-modal-coins {
    text-transform: capitalize
}

.dark-modal .price-modal-coins {
    margin: 10px 0!important;
    font-size: 2.5rem;
    color: var(--color-lila)
}

.dark-modal .row-step_pack {
    border-radius: 12px;
    padding: 10px;
    min-height: 140px
}

.dark-modal .row-step_pack .box-coin {
    justify-content: center
}

.dark-modal .row-step_pack .box-coin .choose-credits-button {
    background: var(--bg-tabs-grey);
    color: var(--open-grey)
}

.dark-modal .row-step_pack .box-coin .choose-credits-button.q-btn--rounded {
    border-radius: 5px;
    padding: 20px;
    width: 100%
}

.dark-modal .row-step_pack .box-coin .choose-credits-button.stripe-credits-not-selected img {
    filter: invert(73%) sepia(78%) saturate(1915%) hue-rotate(120deg) brightness(92%) contrast(98%)
}

.dark-modal .row-step_pack .box-coin .choose-credits-button.stripe-credits-selected {
    background: var(--color-lila);
    color: var(--bg-card-grey)
}

.dark-modal .row-step_pack .box-coin .choose-credits-button.stripe-credits-selected .text-modal-coins {
    text-transform: capitalize
}

.dark-modal .row-step_pack .box-coin .choose-credits-button.stripe-credits-selected .price-modal-coins,.dark-modal .row-step_pack .box-coin .choose-credits-button.stripe-credits-selected span {
    color: var(--bg-card-grey)
}

.dark-modal .row-step_pack .box-coin .choose-credits-button.stripe-credits-selected img {
    filter: invert(12%) sepia(6%) saturate(1191%) hue-rotate(155deg) brightness(96%) contrast(93%)
}

.dark-modal .row-step_pack img {
    margin: 10px 0 0;
    filter: invert(90%) sepia(88%) saturate(3272%) hue-rotate(93deg) brightness(86%) contrast(98%)
}

.dark-modal .modal_icon {
    filter: invert(90%) sepia(88%) saturate(3272%) hue-rotate(93deg) brightness(86%) contrast(98%)
}

.dark-modal .modal_icon.orange {
    filter: invert(85%) sepia(1%) saturate(1%) hue-rotate(326deg) brightness(98%) contrast(92%)
}

.dark-modal .fake-btn,.dark-modal .fake-btn:hover {
    cursor: default
}

.dark-modal .fake-btn .q-focus-helper {
    opacity: 0!important
}

.dark-modal .fake-btn .text-modal-coins.step-prebuy {
    background: transparent;
    color: var(--color-lila);
    padding: 5px 30px;
    font-size: 2.5rem
}

.dark-modal .coupon_input .q-field__bottom {
    left: 15px;
    bottom: 7px
}

.dark-modal .coupon_input .q-field {
    color: var(--txt-grey-one)!important;
    border-bottom: 1px solid #767b7f
}

.dark-modal .coupon_input .q-field__marginal,.dark-modal .coupon_input .coupon-input-field {
    color: var(--txt-grey-one)!important
}

.dark-modal .coupon_input .q-btn--rounded {
    border-radius: 0;
    background: transparent
}

.dark-modal .coupon_input .q-btn--rounded:before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.dark-modal .coupon_input .q-btn--rounded .q-focus-helper {
    opacity: 0!important
}

.dark-modal .coupon_input .q-field__messages .text-negative {
    color: red!important
}

.dark-modal .modal-link {
    margin-top: 0
}

.dark-modal .stripe-elements-wrapper .stripe-element-card {
    background: var(--bg-tabs-grey);
    padding: 15px 10px;
    border-radius: 10px
}

.dark-modal .stripe-elements-wrapper .stripe-element-card .InputContainer .InputElement {
    color: #ff0
}

.dark-modal .stripe-modals-terms-text {
    font-size: 1.1rem
}

.dark-modal .price-modal-stripe {
    background: transparent;
    padding: 5px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 2.5rem;
    color: var(--color-lila)
}

.vee-button-primary {
    max-height: 30px;
    background: var(--gold);
    color: var(--bg-card-grey);
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    padding: 7px 20px;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 700
}

.vee-button-primary.create-tip-btn {
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 5px
}

.vee-button-primary.create-tip-btn .create-tip-label img {
    width: 17px
}

.vee-button-primary.create-tip-btn .q-icon {
    font-size: 19px
}

.vee-button-primary.disabled {
    opacity: 1!important
}

.vee-button-primary.btn-homepage {
    min-height: 50px;
    padding: 10px 20px
}

.vee-button-primary.btn-homepage span.block {
    font-size: 2rem
}

.vee-button-primary.min100 {
    display: flex
}

.vee-button-primary .q-focus-helper {
    display: none
}

.vee-button-primary.diagonal {
    transform: skew(-18deg);
    transform-origin: center
}

.vee-button-primary.small {
    padding: 3px 5px
}

.vee-button-primary.outer-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent!important;
    color: #cffffa;
    border: 1px solid #cffffa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    min-height: 35px;
    min-width: 110px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer;
    transform: skew(-10deg);
    margin-right: 0
}

.vee-button-primary.outer-btn:after {
    background: var(--bg-body-grey);
    color: var(--open-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.vee-button-primary.outer-btn:hover {
    border: 1px solid var(--bg-body-grey)
}

.vee-button-primary.outer-btn:hover:after {
    border: 1px solid var(--bg-body-grey);
    width: 102%
}

.vee-button-primary:after {
    background: var(--hover-gold);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.vee-button-primary:hover:after {
    width: 102%
}

.vee-button-grey {
    max-height: 30px;
    background: var(--bg-card-grey);
    color: var(--txt-grey-one);
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    padding: 7px 20px;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 700
}

.vee-button-grey.min100 {
    display: flex
}

.vee-button-grey .q-focus-helper {
    display: none
}

.vee-button-grey.diagonal {
    transform: skew(-18deg);
    transform-origin: center
}

.vee-button-grey:after {
    background: #43494d;
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.vee-button-grey:hover:after {
    width: 108%
}

.vee-button-transparent {
    max-height: 30px;
    background: var(--bg-grey-one);
    color: var(--open-grey);
    border-radius: 10px;
    text-decoration: none;
    padding: 7px 20px;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 700;
    line-height: .5
}

.vee-button-transparent:hover,.vee-button-transparent:hover span {
    color: var(--open-grey)
}

.vee-button-transparent.min100 {
    display: flex
}

.vee-button-transparent .q-focus-helper {
    display: none
}

.vee-button-transparent:after {
    background: var(--green);
    border: 1px solid var(--green);
    color: #fff;
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.vee-button-transparent:hover:after {
    width: 108%
}

.vee-button-orange {
    max-height: 30px;
    background: var(--orange);
    color: var(--bg-card-grey);
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    padding: 7px 20px;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 700
}

.vee-button-orange.disabled {
    opacity: 1!important
}

.vee-button-orange.btn-homepage {
    min-height: 50px;
    padding: 10px 20px
}

.vee-button-orange.btn-homepage span.block {
    font-size: 2rem
}

.vee-button-orange.min100 {
    display: flex
}

.vee-button-orange .q-focus-helper {
    display: none
}

.vee-button-orange.diagonal {
    transform: skew(-18deg);
    transform-origin: center
}

.vee-button-orange:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.vee-button-orange:hover:after {
    width: 102%
}

.flex-column {
    flex-direction: column
}

.full-flex {
    width: 100%!important;
    display: flex!important;
    justify-content: center;
    align-items: center
}

.selections__selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between;
    margin-right: 4px;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 10px;
    background: var(--bg-card-grey);
    color: var(--open-grey);
    position: relative;
    overflow: hidden;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background: var(--bg-tabs-grey)
}

.full-flex-start {
    width: 100%!important;
    display: flex!important;
    justify-content: flex-start;
    align-items: center
}

.full-flex-between {
    width: 100%!important;
    display: flex!important;
    justify-content: space-between;
    align-items: center
}

.flex-end {
    display: flex;
    justify-content: flex-end
}

.sticky-header-table .q-table__top,.sticky-header-table .q-table__bottom,.sticky-header-table thead tr:first-child th {
    background-color: var(--bg-tabs-grey)!important
}

.vee-modal .q-dialog__backdrop {
    background: rgba(0,0,0,.95)
}

.vee-modal .footer-links-modal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
    max-width: 350px;
    clear: both;
    margin: 25px auto 0
}

.vee-modal .footer-links-modal .back-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 0;
    text-transform: none
}

.vee-modal .footer-links-modal .back-btn .vee-link:hover {
    color: var(--color-lila)
}

.vee-modal .footer-links-modal .back-btn:before {
    transition: box-shadow .3s cubic-bezier(0,0,0,0);
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.vee-modal .footer-links-modal .modal-link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0
}

.vee-modal .footer-links-modal .modal-link .vee-back-button {
    margin: 0
}

.vee-field-row .q-field--outlined.q-field--focused {
    border: none;
    outline: none
}

.vee-field-row .q-field--outlined.q-field--focused .q-field__control:after {
    border: 0
}

.vee-field-row .q-field--outlined .q-field__control:hover:before {
    border-color: var(--q-secondary)
}

.vee-field-row .form-error-msg {
    font-size: 1.2rem;
    line-height: 11px;
    padding-left: 2px;
    color: var(--q-negative);
    margin-bottom: 1px;
    margin-top: 3px;
    text-transform: none!important
}

.vee-field-row.two-vee-fields,.vee-field-row.multi-vee-fields {
    gap: 10px
}

.vee-field-row .q-field__inner {
    background: transparent;
    border-radius: 10px
}

.vee-field-row .q-field__inner .text-secondary {
    color: var(--grey-texts)!important
}

.vee-field-row .q-field__append {
    padding-left: 0;
    padding-right: 5px
}

.error-msg {
    font-size: 1.2rem;
    line-height: 11px;
    color: var(--q-negative);
    text-transform: none!important
}

@media (max-width: 992px) {
    #app .q-layout {
        padding-right:0
    }
}

.login-form-modal .footer-vue-form {
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.login-form-modal .forgot-pass.final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    width: 100%
}

.login-form-modal .forgot-pass .q-checkbox__label {
    font-size: 1.2rem;
    font-weight: 400;
    position: relative
}

.login-form-modal .modal_icon {
    margin-bottom: 20px
}

.login-form-modal .modal_icon.orange {
    filter: invert(85%) sepia(1%) saturate(1%) hue-rotate(326deg) brightness(98%) contrast(92%)
}

.login-form-modal .vee-form {
    background: var(--bg-tabs-grey);
    --box-shaddow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.login-form-modal .vee-form.reset-password-form .vee-field-row {
    width: 100%!important;
    display: flex;
    flex-direction: column;
    gap: 0
}

.login-form-modal .register-link {
    color: var(--open-grey)
}

.login-form-modal .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: var(--txt-grey-one)!important;
    top: -1px;
    position: relative
}

.layout-like-tabs {
    gap: 20px
}

.layout-like-tabs .q-btn {
    min-height: 50px
}

.field-legend {
    margin-top: 8px;
    line-height: .5em;
    font-size: 89%;
    padding-left: 1px
}

.bg-blue-toro {
    background: var(--dark-blue)
}

.bg-green-toro {
    background: var(--green)
}

.ag-grid.hide-titles .ag-header .ag-header-row.ag-header-row-column-filter .ag-header-cell {
    border-top: none
}

.ag-grid .ag-cell {
    text-align: left;
    justify-content: start
}

.ag-grid .ag-cell.text-center {
    text-align: center;
    justify-content: center
}

.ag-grid .ag-cell.text-left,.ag-grid .ag-header .ag-header-cell {
    text-align: left;
    justify-content: start
}

.ag-grid .ag-header .ag-header-cell.text-center,.ag-grid .ag-header .ag-header-cell.text-center .ag-header-cell-label {
    text-align: center;
    justify-content: center
}

.ag-grid .ag-header .q-field.ag-grid-custom-search .q-field__label {
    text-align: left;
    padding: 0 6px;
    width: 100%
}

.ag-grid .ag-header .q-field.ag-grid-custom-search.q-field--focused .q-field__label,.ag-grid .ag-header .q-field.ag-grid-custom-search.has-value .q-field__label {
    display: none
}

.ag-grid .ag-header .q-field.ag-grid-custom-search.has-placeholder .q-field__control {
    background: var(--qfield-background);
    border-radius: .25em
}

.ag-grid .ag-header .q-field.ag-grid-custom-search.has-placeholder .q-field__control .q-field__control-container input {
    padding: 0 5px
}

.ag-grid .ag-header .q-field.ag-grid-custom-search.no-placeholder .q-field__control {
    background: var(--qfield-background);
    border-radius: .25em
}

.ag-grid .ag-header .q-field.ag-grid-custom-search.no-placeholder .q-field__control .q-field__control-container input {
    padding: 0 5px
}

.pregametips .teams-large .status,.livetips .teams-large .status {
    display: none
}

.index-page .rotatingText,.tipster-index-page .rotatingText,.all-tipsters-page .rotatingText,.hot-tipsters-page .rotatingText,.pre-game-tips-page .rotatingText,.live-tips-page .rotatingText,.hot-tipsters-new-page .rotatingText,.hot-tipsters-new-second-page .rotatingText,.free-tips-page .rotatingText {
    display: flex
}

.rotatingText {
    position: relative;
    width: 100%;
    align-items: center;
    display: none;
    text-align: center;
    background: var(--bg-tabs-grey);
    height: 50px;
    overflow: hidden
}

.rotatingText .s-running-line__title {
    color: var(--color-lila);
    font-style: italic;
    font-weight: 700;
    margin: 0 20px
}

.rotatingText .s-running-line__subtitle {
    color: #cffffa;
    font-style: italic;
    font-weight: 700
}

.rotatingText .s-running-line__btn {
    font-style: italic;
    font-weight: 700;
    background: #cffffa!important;
    color: var(--bg-grey-one);
    -webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.25);
    box-shadow: 0 15px 10px -10px #1f1f1f40;
    font-family: GT Pressura;
    transform-origin: center;
    padding: 7px 10px;
    transform: skew(-18deg);
    min-width: 75px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    background-image: unset;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden
}

.rotatingText .s-running-line__btn:hover:after {
    width: 108%
}

.rotatingText .s-running-line__btn:after {
    background: var(--color-lila-hover)!important;
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.rotatingText .rotatingText-content {
    position: absolute;
    width: 100%;
    height: 100%
}

.rotatingText .rotatingText-adjective {
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1
}

.rotatingText .rotatingText-adjective.one {
    animation-delay: 0s
}

.rotatingText .rotatingText-adjective.one a {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.rotatingText .rotatingText-adjective.two {
    animation-delay: 5s
}

.rotatingText .rotatingText-adjective.three {
    animation-delay: 10s
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster {
    flex-wrap: wrap;
    transition: transform .2s ease-in-out
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster.expanded {
    transform: skew(0);
    background: #40494f
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster.expanded .avatar-tipster .q-avatar .q-avatar__content,.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster.expanded .avatar-tipster img,.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster.expanded .status-tips .bullet-row .bullets,.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster.expanded .btn-see-tipsbetipster .label-tips_accordion span.length-tips {
    transform: skew(0)
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .tips-by-tipster {
    position: relative;
    background: transparent!important
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster {
    background: var(--color-lila);
    color: var(--bg-card-grey)!important;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 700
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster:hover:after {
    width: 102%
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .q-focus-helper {
    display: none
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .label-tips_accordion {
    display: flex;
    align-items: center;
    gap: 10px
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .label-tips_accordion span {
    color: var(--bg-card-grey)
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .label-tips_accordion span.length-tips {
    transform: skew(10deg);
    background: #252c30;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 1.1rem;
    transition: transform .5s ease-in-out;
    animation: myPulse 1.5s ease 0s infinite normal forwards
}

@keyframes zoomInOut {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.08)
    }

    to {
        transform: scale(1)
    }
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .label-tips_accordion span.length-tips .animated-pulsh {
    color: #fff
}

@keyframes myPulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.025)
    }

    to {
        transform: scale(1)
    }
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .q-link .q-item__section {
    color: var(--bg-card-grey)!important
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .q-item {
    height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px
}

.toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster .q-item .q-item__section--avatar {
    min-width: auto
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details {
    flex-grow: 1;
    transform: skew(0);
    background: #40494f
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .league-game_outer {
    display: flex;
    gap: 5px
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .league-game_outer .league-name,.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .league-game_outer .match-name {
    display: flex
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .league-game_outer .match-name span {
    line-height: 1
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .league-game_outer .new-game {
    display: flex
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .league-game_outer .new-game span {
    line-height: 1
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout {
    flex-basis: 49%;
    margin: unset
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .q-card {
    background-color: transparent;
    padding-top: 0
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .q-card .content_tips-layout {
    transform: skew(0);
    margin-bottom: 10px;
    justify-content: space-evenly
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .q-card .content_tips-layout .price-btn {
    justify-content: flex-end
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .q-card .content_tips-layout .data-tips .tip-row .teams-large .status-signals {
    order: -1;
    width: 100%;
    margin-bottom: 8px;
    gap: 3px
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .q-card .content_tips-layout .data-tips .tip-row .teams-large .status-signals .status {
    margin: 0
}

.toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .open-expand-tip {
    display: flex;
    width: 100%
}

.bannerText {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: var(--bg-tabs-grey);
    padding: 10px 0;
    -webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.25);
    box-shadow: 0 15px 10px -10px #1f1f1f40
}

.bannerText .s-running-line__subtitle {
    color: #cffffa;
    font-style: italic;
    font-weight: 700
}

.bannerText .s-running-line__title {
    color: var(--color-lila);
    font-style: italic;
    font-weight: 700;
    margin: 0 20px
}

.bannerText .s-running-line__btn {
    font-style: italic;
    font-weight: 700;
    background: #cffffa!important;
    color: var(--bg-grey-one);
    -webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.25);
    box-shadow: 0 15px 10px -10px #1f1f1f40;
    font-family: GT Pressura;
    transform-origin: center;
    padding: 7px 10px;
    transform: skew(-18deg);
    min-width: 75px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    background-image: unset;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden
}

.bannerText .s-running-line__btn:after {
    background: var(--color-lila-hover)!important;
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.bannerText .s-running-line__btn:hover:after {
    width: 108%
}

.bannerText .bannerText-adjective a {
    display: flex;
    align-items: center
}

.bannerText.bonus.tendex-mobile {
    background: var(--color-lila)
}

.bannerText.bonus.tendex-mobile .s-running-line__title {
    color: #000e08
}

.bannerText.bonus.tendex-mobile .s-running-line__btn {
    background: var(--bg-grey-one)!important;
    color: var(--txt-grey-one)
}

.unfollow-notification-box .q-checkbox[aria-checked=false] .q-checkbox__inner {
    border-radius: 0;
    font-size: 25px!important;
    margin-right: 10px
}

.unfollow-notification-box .q-checkbox[aria-checked=true] .q-checkbox__inner {
    border-radius: 0;
    font-size: 25px!important;
    border: 1px solid var(--grey-texts);
    margin-right: 10px
}

.tips-group .header-menu-item .menu-badge-tips.q-badge {
    top: -17px;
    left: 50%;
    transform: translate(-50%);
    width: 25px;
    height: 20px;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: var(--bg-grey-one);
    background: var(--color-lila-hover);
    font-size: 1.2rem;
    font-weight: 700;
    overflow: hidden
}
.footer-toro .splashpage .center-title .em-bar.em-bar-big {
      margin: 15px;
}

.tips-group .header-menu-item.q-router-link--exact-active .menu-badge-tips.q-badge {
    color: var(--bg-grey-one);
    background: #cffffa;
    padding: 0
}

.tips-group .badge-tips__ {
    top: -26px;
    left: 50%;
    transform: translate(-50%);
    width: 25px;
    height: 20px;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: var(--bg-grey-one);
    background: var(--color-lila);
    font-size: 1.2rem;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer
}

.splashpage.help .questions {
    padding: 0
}

.splashpage.help .questions .center-title p {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 4rem;
    font-family: GT Pressura;
    color: var(--color-lila);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0
}

.splashpage.help .questions .center-title .em-bar.em-bar-big {
    margin: 10px auto 30px
}

.splashpage.help .faq-rows .faq-content-row .q-list .q-separator--horizontal {
    height: 15px;
    background: var(--bg-body-grey)
}

.splashpage.help .help-list {
    margin: 27px 0;
    list-style-type: disc;
    padding-left: 20px
}

.splashpage.help .help-list li {
    font-size: 1.8rem
}

.splashpage.help .q-tabs {
    margin-bottom: 20px
}

.splashpage.help .q-tabs .q-tab {
    min-height: 40px;
    overflow: hidden;
    transform: skew(-18deg) translateZ(0);
    border-radius: 5px;
    perspective: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden
}

.splashpage.help .q-tabs .q-tab .q-focus-helper {
    display: none
}

.splashpage.help .q-tabs .q-tab:hover {
    background: var(--color-lila)!important;
    color: var(--dark-blue)
}

.splashpage .tabs-splash {
    min-width: 100%
}

.splashpage .q-tabs .q-tabs__content {
    gap: 10px;
    justify-content: center;
    display: flex
}

.splashpage .q-tabs .q-tab {
    flex: unset;
    width: auto;
    background: var(--bg-grey-one);
    border-radius: 10px;
    min-height: 50px;
    padding: 7px 20px;
    transform: skew(-18deg);
    transform-origin: center
}

.splashpage .q-tabs .q-tab .q-tab__indicator {
    display: none
}

.splashpage .q-tabs .q-tab.q-tab--active {
    background: var(--color-lila);
    color: var(--txt-grey-one)
}

.splashpage .q-tabs .q-tab.q-tab--active .q-tab__label {
    color: var(--bg-card-grey);
    font-size: 1.4rem;
    font-weight: 700
}

.splashpage .q-tab-panel {
    padding: 0
}

.splashpage .content-splash .content-splash__ {
    max-width: 1500px;
    margin: 0 auto;
    align-items: center
}

.splashpage .content-splash .content-splash__ .bg-shadow-1 {
    width: 500px;
    height: 500px;
    right: 0%!important;
    left: auto!important;
    top: -90px
}

.splashpage .content-splash .content-splash__ .bg-shadow-4 {
    width: 600px;
    height: 600px;
    right: 9%!important;
    left: auto!important;
    top: 0
}

.splashpage .content-splash .content-splash__ .bg-shadow-3 {
    width: 600px;
    height: 600px;
    right: 9%!important;
    left: auto!important;
    top: 0;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    z-index: 1
}

.splashpage .content-splash .content-splash__ .bg-shadow-3 svg {
    width: 50%;
    height: auto;
    max-width: 50%
}

.splashpage .content-splash .content-splash__ .bg-shadow-1,.splashpage .content-splash .content-splash__ .bg-shadow-2 {
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    z-index: 1
}

.splashpage .content-splash .content-splash__ .bg-shadow-1 svg,.splashpage .content-splash .content-splash__ .bg-shadow-2 svg {
    width: 100%;
    height: auto;
    max-width: 100%
}

.splashpage .content-splash .content-splash__ img,.splashpage .data-rows {
    z-index: 2
}

.splashpage .q-card__section {
    padding: 0
}

.splashpage .number-rows {
    display: flex;
    justify-content: center;
   /* background: var(--bg-body-grey);*/
    position: relative;
    padding-top: 140px;
}

.splashpage .number-rows .p-how-it__body {
    position: relative;
}
.p-top{
    margin-top: 30px;
}

.splashpage .number-rows .s-benefits {
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s ease;
    -webkit-animation: .6s forwards opacity-in;
    -o-animation: .6s forwards opacity-in;
    animation: .6s forwards opacity-in;
    position: relative;
    overflow: hidden;
    max-width: 1550px;
    padding: 0 20px;
    margin: 0 auto
}

@-webkit-keyframes opacity-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes opacity-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.splashpage .number-rows .s-benefits__body {
    padding-top: 82px;
    padding-bottom: 49px;
    position: relative;
    padding-left: 0;
    margin: 0;
    counter-reset: my-counter;
    list-style: none;
    gap: 0;
    display: grid;
    grid-template-columns: 1fr
}

.splashpage .number-rows .s-benefits__body:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    background-color: #ffffff0f
}

.splashpage .number-rows .s-benefits__body:after {
    content: "";
    display: block;
    width: 1px;
    height: var(--stepHeight, 0);
    position: absolute;
    left: 50%;
    background-color: var(--color-lila);
    -webkit-transition: height .6s;
    -o-transition: height .6s;
    transition: height .6s ease
}

.splashpage .number-rows .s-benefits__body .s-benefits__body {
    height: 200px
}

.splashpage .number-rows .s-benefits__row {
    counter-increment: my-counter;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 40px;
    column-gap: 40px;
   /* margin-bottom: 70px;*/
}
.splashpage .number-rows .s-benefits__row.m-gap{
    margin-bottom: 200px;
}

.splashpage .number-rows .s-benefits__row .benefit-item__circle:before {
    content: "";
    display: block;
    position: absolute;
    width: 165px;
    height: 165px;
    background: url(https://torocoin.online/static/img/splash/steps.svg) 0 0/contain no-repeat;
    border-radius: 50%;
    left: 50%;
    top: 49%;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translate(-50%,-54%);
    -o-transform: translate(-50%,-54%);
    transform: translate(-50%,-54%);
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s ease
}

.splashpage .number-rows .s-benefits__row .benefit-item__circle:after {
    font-family: GT Pressura;
    font-weight: 700;
    font-style: normal;
    content: counter(my-counter,decimal-leading-zero);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%,-68%);
    -o-transform: translate(-50%,-68%);
    transform: translate(-50%,-68%);
    background-color: var(--bg-tabs-grey);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--gold);
    text-align: center;
    font-size: 42px;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: all .4s ease
}

.splashpage .number-rows .s-benefits__row .benefit-item__circle.aos-animate:before {
    opacity: 1;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.splashpage .number-rows .s-benefits__row .benefit-item__circle.aos-animate:after {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    background-color: var(--bg-tabs-grey);
    color: var(--gold)
}

.splashpage .number-rows .s-benefits__row .benefit-item__sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 142.857%;
    color: #9692a2;
    letter-spacing: 1px;
    font-size: 14px;
    -webkit-column-gap: 8px;
    column-gap: 8px;
    text-transform: uppercase
}

.splashpage .number-rows .s-benefits__row .benefit-item__sign.fade-in.in-view {
    -webkit-transition: -webkit-transform .85s cubic-bezier(.215,.61,.355,1),opacity .45s linear;
    -o-transition: -o-transform .85s cubic-bezier(.215,.61,.355,1),opacity .45s linear;
    transition: transform .85s cubic-bezier(.215,.61,.355,1),opacity .45s linear;
    -webkit-transition-delay: var(--delay);
    -o-transition-delay: var(--delay);
    transition-delay: var(--delay);
    opacity: .999;
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0)
}

.splashpage .number-rows .s-benefits__row .benefit-item__sign p {
    margin-top: 4px
}

.splashpage .number-rows .s-benefits__row .benefit-item__title {
    color: var(--color-lila);
    font-family: GT Pressura;
    font-weight: 700;
    font-style: normal;
    font-size: 3rem;
    line-height: 1;
    margin-top: 16px
}

.splashpage .number-rows .s-benefits__row .benefit-item__text {
    margin-top: 20px;
    font-size: 1.8rem;
    color: var(--open-grey);
    font-weight: 400;
    font-family: GT Pressura
}

.splashpage .number-rows .s-benefits__row:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.splashpage .number-rows .benefit-item__circle {
    display: block;
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-68%);
    -o-transform: translate(-50%,-68%);
    transform: translate(-50%,-68%)
}

.splashpage .number-rows .benefit-item__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 580px;
    flex: 0 1 580px
}
.gold.center{
    text-align: center;
}

.splashpage .faq-rows {
    padding: 100px 0;
}
.splashpage .faq-rows.con-row{
    padding: 100px 0 25px;
}
.con-row .imagerotate {
     width: 350px;
    /*left: 41%;*/
    top: -33px;
}
.con-row .con-in{
    z-index: 1;
    width: 300px;
    position: absolute;
}
.splashpage .faq-rows.no-p-top {
    padding: 0 0 100px;
}

.splashpage .faq-rows .q-card {
    background-color: #1a1e21;
    color: var(--open-grey);
    padding: 20px 40px;
    font-size: 1.8rem;
    font-weight: 400;
    font-family: GT Pressura
}

.splashpage .faq-rows .faq-content-row .q-item {
    padding: 25px
}

.splashpage .faq-rows .faq-content-row .q-item[aria-expanded=true] {
    background: var(--gold);
}

.splashpage .faq-rows .faq-content-row .q-item[aria-expanded=true] .q-item__label {
    color: var(--bg-tabs-grey)!important;
    font-weight: 700
}

.splashpage .faq-rows .faq-content-row .q-item[aria-expanded=true] .q-icon {
    color: var(--bg-tabs-grey)
}

.splashpage .faq-rows .faq-content-row .q-list {
    max-width: 800px;
    width: 800px;
    margin: 0 auto
}
.btn-con-icon{
    width: 80px;
    height: auto;
}
.btn_img .q-btn{
    left: -23px;
    padding: 10px 35px 10px 40px;
}

.splashpage .faq-rows .faq-content-row .q-list .q-separator--horizontal {
    height: 15px;
    background: transparent;
    transition: unset;

}

.splashpage .faq-rows .faq-content-row .q-item__section {
    order: 1
}

.splashpage .faq-rows .faq-content-row .q-item__section i {
    color: var(--gold);
}

.splashpage .faq-rows .faq-content-row .q-item__label {
    color: var(--gold)!important;
    font-family: GT Pressura;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    order: 2
}

.splashpage .earn-tips-win {
    padding: 80px 0;
    display: flex;
    justify-content: center;
    position: relative
}
.s-benefits__row img{
    width: 500px;
}

.splashpage .earn-tips-win.fist-player-tipster .content-boxes {
    margin-bottom: 35px
}

.splashpage .earn-tips-win.fist-player-tipster .content-boxes.mb-0 {
    margin-bottom: 0
}

.splashpage .earn-tips-win.one {
    background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/bg-hexagons.png) no-repeat left center
}

.splashpage .earn-tips-win.one .image-row {
    justify-content: flex-start;
    z-index: 2
}

.splashpage .earn-tips-win.two {
   /* background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/icon-one_right.svg) no-repeat right center*/
    background: url(https://torocoin.online/static/img/splash/icon-one_right.svg) no-repeat right center;
}

.splashpage .earn-tips-win.two .image-row {
    justify-content: flex-start;
    z-index: 2
}
.splashpage .earn-tips-win.two .image-row.justify-center{
    justify-content:center;
}
.splashpage .earn-tips-win.two .image-row.torocoin{
    justify-content:center;
    position: relative;
}
.content-boxes.smaller.m-bot{
    margin-bottom: 10px;
}

.image-row.torocoin:before{
    content: "";
    width: 500px;
    height: 500px;
   /* top: 11%;
    left: 11%;*/
    display: block;
    position: absolute;
    z-index: 10;
    border: 5px dotted var(--gold);
    border-radius: 50%;
    animation: 30s linear 0s infinite normal none running rotate_360;

}
@keyframes rotate_360 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
@-webkit-keyframes rotate_360 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
/*.vee-button-primary{
    background: linear-gradient(to right, #a98242 50%, var(--gold) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .6s ease-out;
}
.vee-button-primary:hover{
    background-position: left bottom;
}
.vee-button-primary:before{
    display: none;
 }*/
.imagerotate {
    position: relative;
    /*top: -35px;
    left: 100px;*/
    -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
    width: 560px;
    height: auto !important;
    margin: auto !important;
    left: 5px;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.con-inside{
  position: absolute;
    top: 33px;
}
.rotateme {
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    right: -80px;
    top: -75px;
}
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.splashpage .earn-tips-win.three {
    /*background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/circle-bg_800.png) no-repeat right center*/
    /*background: url(https://torocoin.online/static/img/splash/circle-bg_800.png) no-repeat right center;*/
}

.splashpage .earn-tips-win.three .image-row {
    justify-content: flex-end
}

.splashpage .earn-tips-win.four {
    background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/bg-hexagons.png) no-repeat left center
}

.splashpage .earn-tips-win.five {
    background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/icon-one_right.svg) no-repeat right center
}

.splashpage .earn-tips-win.survey {
    padding: 40px 0
}

.splashpage .earn-tips-win.survey .bigger-fonts {
    font-size: 3rem
}

.splashpage .earn-tips-win.survey .semi-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1
}

.splashpage .earn-tips-win.survey .image-row {
    justify-content: center
}

.splashpage .earn-tips-win.survey .header-global {
    font-size: 2.5rem;
    text-transform: none
}

.splashpage .earn-tips-win.survey .header-global.bigger-header {
    font-size: 3.2rem
}

.splashpage .earn-tips-win.survey .content-boxes {
    margin-bottom: 20px;
    line-height: 1.4
}

.splashpage .earn-tips-win.survey .social-icons span {
    transition: all .4s
}

.splashpage .earn-tips-win.survey .social-icons span:hover {
    transform: translate(5px);
    cursor: pointer
}

.splashpage.survey-page .iframe-block {
    position: relative;
    width: 100%
}

.splashpage.survey-page iframe {
    top: 0;
    left: 0;
    width: 100%
}

.splashpage .icon-header {
    align-items: flex-start;
    gap: 10px;
    font-family: GT Pressura;
    font-weight: 300
}

.splashpage .icon-header .hexagon {
    color: var(--open-grey)
}

.splashpage .icon-header.questions {
    margin-bottom: 10px
}

.splashpage .icon-header.questions img {
    filter: invert(80%) sepia(9%) saturate(0%) hue-rotate(267deg) brightness(103%) contrast(91%);
    width: 20px;
    height: 20px
}

.splashpage .icon-header span {
    font-size: 1.6rem;
    color: var(--open-grey);
    font-weight: 300
}

.splashpage .icon-header img {
    width: 30px;
    height: 30px
}

.splashpage .header-global {
    color: var(--color-lila);
    font-family: GT Pressura;
    font-weight: 700;
    font-style: normal;
    font-size: 6rem;
    line-height: 65px;
    text-transform: uppercase;
    margin: 20px 0!important;
    line-height: 1
}

.splashpage .header-global.smaller-title {
    font-size: 3rem;
    line-height: 1.2;
    text-transform: none
}

.splashpage .header-global span {
    display: flex;
    line-height: 1
}

.splashpage .content-boxes {
    font-size: 2.2rem;
    color: var(--open-grey);
    font-weight: 400;
    font-family: GT Pressura
}

.splashpage .content-boxes.smaller {
    font-size: 1.8rem
}

.splashpage .content-boxes .text-lila {
    font-weight: 700
}

.splashpage .focus {
    display: flex;
    width: 100%
}

.splashpage .focus .words-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 1em;
    overflow: hidden
}

.splashpage .focus .rotating {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%
}

.splashpage .focus .front,.splashpage .focus .back {
    display: inline-block;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    transition: opacity 1s,transform 1s
}

.splashpage .focus .front {
    animation: showFront 10s forwards,hideFront 10s 10s forwards
}

.splashpage .focus .back {
    animation: showBack 10s 20s forwards
}

@keyframes showFront {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes hideFront {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes showBack {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.splashpage .s-hero__title {
    font-family: GT Pressura;
    font-size: 7rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--color-lila);
    margin: 20px 0
}

.splashpage .s-running-line {
    margin-top: -4px;
    position: relative;
    background: var(--bg-tabs-grey);
    z-index: 1
}

.splashpage .s-running-line .s-running-line .big-elements {
    margin-top: 0
}

.splashpage .s-running-line.big-elements .s-running-line__content {
    padding: 71px 0 62px;
    border-top: none
}

.splashpage .s-running-line.big-elements .s-running-line__title {
    font-size: 136px;
    line-height: 126px
}

.splashpage .s-running-line.big-elements .s-running-line__logo {
    width: 99.29px;
    margin: 0 110px
}

.splashpage .s-running-line.big-elements .s-running-line__subtitle {
    font-size: 84px;
    line-height: 94px;
    letter-spacing: .04em
}

.splashpage .s-running-line .s-running-line__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    justify-content: center
}

.splashpage .s-running-line .s-running-line__content.hover-stop:hover .s-running-line__content-track {
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.splashpage .s-running-line .s-running-line__content-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-animation: 100s linear infinite marquee;
    -o-animation: 100s linear infinite marquee;
    animation: 100s linear infinite marquee
}

.splashpage .s-running-line .s-running-line__content-track .btn {
    margin: 0 68px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 36px;
    min-height: 58px;
    border-radius: 6px;
    font-family: var(--font-PPMori-SemiBold);
    font-size: 18px;
    line-height: 24px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    -webkit-transition: color .4s,border-color .4s;
    -o-transition: color .4s,border-color .4s;
    transition: color .4s ease,border-color .4s ease;
    background: -webkit-linear-gradient(0deg,var(--color-lila) 0,var(--color-lila-hover) 100%);
    background: -o-linear-gradient(0deg,var(--color-lila) 0,var(--color-lila-hover) 100%);
    background: linear-gradient(0deg,var(--color-lila) 0,var(--color-lila-hover) 100%);
    border: 1px solid transparent;
    color: #152728
}

.splashpage .s-running-line .s-running-line__content-track .btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    transition: transform .6s ease;
    z-index: -1
}

.splashpage .s-running-line .s-running-line__content-track .btn:hover {
    border-color: var(--color-lila);
    color: #fff
}

.splashpage .s-running-line .s-running-line__content-track .btn:hover:before {
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    background-color: var(--bg-body-grey)
}

.splashpage .s-running-line .s-running-line__title {
    font-family: GT Pressura;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    font-style: italic;
    color: var(--color-lila);
    font-weight: 700
}

.splashpage .s-running-line .s-running-line__logo {
    width: 25px;
    height: auto;
    margin: 0 25px
}

.splashpage .s-running-line .s-running-line__subtitle {
    font-family: GT Pressura;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
    font-style: italic;
    color: #cffffa;
    font-weight: 700;
    margin-left: 15px
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0);
        will-change: transform
    }

    to {
        will-change: transform;
        -webkit-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@-o-keyframes marquee {
    0% {
        -o-transform: translateX(0);
        transform: translate(0);
        will-change: transform
    }

    to {
        will-change: transform;
        -o-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        will-change: transform
    }

    to {
        will-change: transform;
        -webkit-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translate(-100%)
    }
}

.splashpage .title-row {
    background: /*var(--bg-body-grey)*/ url(https://torocoin.online/static/img/splash/icon_right.svg) no-repeat left center
}

.splashpage .center-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 5rem;
    font-family: GT Pressura;
    color: var(--color-lila);
    font-weight: 700;
    line-height: 1
}

.splashpage .center-title .em-bar-main {
    margin: 0 auto;
    position: relative
}

.splashpage .center-title .em-bar.em-bar-big {
    height: 5px;
    width: 300px;
    background: var(--bg-grey-one);
    margin: 10px auto 30px;
    position: relative;
    border-radius: 30px
}

.splashpage .center-title .em-bar.em-bar-big:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--gold);
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG
}

@-webkit-keyframes MOVE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateX(300px);
        transform: translate(300px)
    }
}

@keyframes MOVE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateX(300px);
        transform: translate(300px)
    }
}

.purchased-dashboard.open-tip-client .purchased-row.win-row .tip-status:hover {
    cursor: pointer!important
}

.purchased-dashboard.open-tip-client .purchased-row .tips-content .group_one {
    color: var(--open-grey)
}

.purchased-dashboard .bg-pink {
    background: #b0b0b0!important
}

.purchased-dashboard .bg-pink .value-status-tip {
    color: var(--txt-dark-grey)!important
}

.purchased-dashboard .q-card {
    width: 100%!important;
    padding: 0!important;
    margin-top: 20px;
    gap: 15px
}

.purchased-dashboard .avatar-row {
    width: 100%!important;
    max-width: 100%!important
}

.purchased-dashboard .purchased-row {
    gap: 10px;
    padding: 20px;
    margin: 20px auto 0;
    align-items: center;
    position: relative;
    max-width: 95%;
    transform: skew(-10deg);
    transform-origin: center
}

.purchased-dashboard .purchased-row.win-row .tip-status {
    background: var(--color-lila)!important;
    color: var(--bg-body-grey)!important
}

.purchased-dashboard .purchased-row.win-row .tip-status:hover {
    cursor: default!important
}

.purchased-dashboard .purchased-row.win-row .tips-content .teams-large {
    color: var(--open-grey)
}

.purchased-dashboard .purchased-row.win-row .tips-content .teams-large .live,.purchased-dashboard .purchased-row.win-row .tips-content .teams-large .free,.purchased-dashboard .purchased-row.win-row .tips-content .teams-large .pregame {
    border: 1px solid var(--color-lila);
    color: var(--color-lila)
}

.purchased-dashboard .purchased-row.win-row .tips-content .game-country,.purchased-dashboard .purchased-row.win-row .tips-content .date-tip {
    color: var(--open-grey)
}

.purchased-dashboard .purchased-row.win-row.live-row .status-history .status-history-tips {
    background: #cffffa!important
}

.purchased-dashboard .purchased-row.win-row.live-row .status-history .status-history-tips .value-status-tip {
    animation: myPulse 1s ease 0s infinite normal forwards
}

.purchased-dashboard .purchased-row.win-row.live-row .status-history .status-history-tips svg {
    display: none
}

@keyframes myPulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.purchased-dashboard .purchased-row.win-row.live-row .tip-status {
    color: var(--bg-grey-one)!important;
    background: #cffffa!important
}

.purchased-dashboard .purchased-row.lose-row .first-row-content .name-tipster,.purchased-dashboard .purchased-row.lose-row .second-row-content .tendex .f2 {
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row.lose-row .second-row-content .win-tips span:nth-child(1) {
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row.lose-row .second-row-content .win-tips .percentage-win {
    background: #252c30;
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row.lose-row .second-row-content .without-border.color-green {
    background: var(--bg-body-grey);
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row.lose-row .tips-content .teams-large,.purchased-dashboard .purchased-row.lose-row .tips-content .teams-large .game-name,.purchased-dashboard .purchased-row.lose-row .tips-content .teams-large .tip-value-game,.purchased-dashboard .purchased-row.lose-row .tips-content .teams-large .match-name,.purchased-dashboard .purchased-row.lose-row .tips-content .alert-row-championship {
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row.lose-row .status-history .status-history-tips {
    background: var(--bg-tabs-grey)!important;
    color: var(--txt-dark-grey)!important
}

.purchased-dashboard .purchased-row.lose-row .status-history .status-history-tips svg {
    stroke: var(--txt-dark-grey)!important
}

.purchased-dashboard .purchased-row.lose-row .status-history .status-history-tips .value-status-tip {
    color: var(--txt-dark-grey)!important
}

.purchased-dashboard .purchased-row.lose-row .price-btn .btn-price .price-value {
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row.lose-row .tip-status {
    background: var(--bg-tabs-grey)!important;
    color: var(--txt-dark-grey)!important
}

.purchased-dashboard .purchased-row.lose-row .avatar-tipster .badges svg path {
    fill: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row.lose-row .avatar-tipster .badges .flex {
    background: var(--bg-tabs-grey)!important;
    color: var(--txt-dark-grey)!important
}

.purchased-dashboard .purchased-row.lose-row .avatar-tipster img {
    filter: grayscale(100%)
}

.purchased-dashboard .purchased-row.last {
    margin-bottom: 40px
}

.purchased-dashboard .purchased-row .avatar-tipster {
    display: flex;
    justify-content: center;
    align-content: center;
    position: unset
}

.purchased-dashboard .purchased-row .avatar-tipster img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0;
    transform: skew(10deg);
    transform-origin: center
}

.purchased-dashboard .purchased-row .avatar-tipster .badges svg {
    width: 15px
}

.purchased-dashboard .purchased-row .avatar-tipster .badges svg path {
    fill: var(--bg-body-grey)
}

.purchased-dashboard .purchased-row .avatar-tipster .badges.absolute {
    bottom: 1px;
    left: 1px
}

.purchased-dashboard .purchased-row .avatar-tipster .badges .flex {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    background: var(--color-lila);
    color: var(--bg-body-grey);
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    border-radius: 0 9px;
    border-bottom-top-radius: 0;
    min-width: 130px;
    height: 23px
}

.purchased-dashboard .purchased-row .avatar-tipster .badges .flex span {
    font-weight: 700;
    font-size: 1.2rem
}

.purchased-dashboard .purchased-row .tips-content .game-country,.purchased-dashboard .purchased-row .tips-content .date-tip {
    font-size: 1.4rem;
    line-height: 1;
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row .tips-content.align-start {
    align-content: flex-start;
    gap: 10px
}

.purchased-dashboard .purchased-row .tips-content .group_one {
    display: flex;
    gap: 8px;
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row .tips-content .alert-row-championship {
    color: var(--open-grey)
}

.purchased-dashboard .purchased-row .tips-content .teams-large {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--txt-dark-grey)
}

.purchased-dashboard .purchased-row .tips-content .teams-large .game-name {
    margin-right: 5px;
    color: var(--color-lila)
}

.purchased-dashboard .purchased-row .tips-content .teams-large .tip-value-game {
    font-weight: 700;
    color: #cffffa
}

.purchased-dashboard .purchased-row .tips-content .teams-large .match-name {
    color: #cffffa
}

.purchased-dashboard .purchased-row .price-btn {
    margin-right: 0
}

.purchased-dashboard .purchased-row .price-btn .date-tip {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 80%
}

.purchased-dashboard .purchased-row .status-history {
    margin-left: 0!important;
    max-width: 110px
}

.purchased-dashboard .purchased-row .odd-content {
    margin-right: 20px
}

.purchased-dashboard .purchased-row .odd-content .ods {
    min-width: 110px
}

.purchased-dashboard .status-history .status-history-tips {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    background: var(--color-lila);
    color: var(--bg-body-grey);
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    border-radius: 0 9px;
    border-bottom-top-radius: 0;
    min-width: 60px;
    min-height: unset;
    height: 23px
}

.purchased-dashboard .status-history .status-history-tips svg {
    stroke: var(--bg-body-grey)!important
}

.purchased-dashboard .status-history .status-history-tips .value-status-tip {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--bg-body-grey)
}

.purchased-dashboard .status-history.absolute {
    right: 1px;
    top: 1px
}

.toro-tips.hot-tipster .short-by-btn.more-filters {
    justify-content: center
}

.header-modal-tip {
    background: var(--bg-tabs-grey);
    display: flex;
    max-width: 35%;
    border-radius: 15px;
    padding: 15px 0
}

.header-modal-tip span {
    font-size: 1.6rem;
    line-height: 1
}

.header-modal-tip .line-header {
    margin: 2px 0;
    font-style: italic
}

.header-modal-tip .game-name {
    color: var(--color-lila);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1
}

.header-modal-tip .tip-value-game {
    font-weight: 700;
    color: #cffffa;
    line-height: 1
}

.header-modal-tip .date-match {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-lila);
    line-height: 1
}

.header-modal-tip .match-name {
    font-size: 1.6rem;
    font-weight: 700;
    color: #cffffa;
    line-height: 1
}

.header-modal-tip .country-name,.header-modal-tip .league-name,.header-modal-tip .created-text,.header-modal-tip .tip-date-created {
    color: var(--open-grey);
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400
}

.header-modal-tip.tip-content-confirm {
    max-width: 100%;
    padding: 15px 10px;
    border-radius: 10px;
    margin: 15px 0;
    background: var(--bg-body-grey)
}

.create-tip-modal .q-stepper__nav {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 0
}

.create-tip-modal .footer-links-modal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
    max-width: 350px;
    clear: both
}

.create-tip-modal .footer-links-modal .back-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: 0;
    text-transform: none
}

.create-tip-modal .footer-links-modal .back-btn:before {
    transition: box-shadow .3s cubic-bezier(0,0,0,0);
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.create-tip-modal .footer-links-modal .modal-link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin: 0
}

.create-tip-modal .footer-links-modal .modal-link .vee-back-button {
    margin: 0
}

.create-tip-modal .price-tip {
    display: flex;
    align-items: center;
    background: var(--bg-body-grey);
    border: 10px;
    max-width: 100%;
    padding: 15px;
    border-radius: 10px;
    justify-content: center
}

.create-tip-modal .price-tip .data-price-tip {
    justify-content: center;
    align-items: center;
    gap: 5px
}

.create-tip-modal .price-tip .vee-field-row {
    display: flex;
    justify-content: flex-start
}

.create-tip-modal .price-tip .vee-field-row .q-field__append {
    padding-right: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
    height: 30px
}

.create-tip-modal .price-tip label {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0!important
}

.create-tip-modal .price-tip label .q-field--dense.q-field__control {
    height: 30px
}

.create-tip-modal .price-tip label .q-field--dense.q-field__control:before {
    border-bottom: 1px solid #cffffa
}

.create-tip-modal .price-tip label .q-field--dense .q-field--standard .q-field__control {
    height: 30px
}

.create-tip-modal .price-tip label .q-field--dense .q-field--standard .q-field__control:before {
    border-bottom: 1px solid #cffffa
}

.create-tip-modal .price-tip .q-field--standard .q-field__control {
    height: 30px
}

.create-tip-modal .price-tip .q-field--standard .q-field__control:before {
    border-bottom: 1px solid #cffffa
}

.create-tip-modal .price-tip .q-field--standard .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: #cffffa!important;
    font-size: 1.6rem;
    font-weight: 700;
    font-style: italic;
    line-height: 1
}

.create-tip-modal .price-tip .text-price_tip {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: var(--color-lila);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    font-style: italic
}

.create-tip-modal .price-tip .info-price-tip {
    font-style: italic
}

.create-tip-modal .price-tip .info-price-tip p {
    font-size: 1.1rem;
    line-height: 1.1
}

.create-tip-modal .header-create-tip-modal {
    max-width: 85%;
    margin: 0 auto
}

.create-tip-modal .header-create-tip-modal.admin-header {
    max-width: 100%
}

.create-tip-modal .header-create-tip-modal .q-field__marginal {
    color: var(--color-lila)
}

.create-tip-modal .euro-sign {
    color: #cffffa;
    font-size: 1.4rem
}

.create-tip-modal .box-btns {
    padding-top: 0
}

.create-tip-modal .paid-free-row {
    max-width: 100%;
    padding: 15px;
    border-radius: 10px;
    background: var(--bg-body-grey);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center
}

.create-tip-modal .paid-free-row p {
    max-width: 100%;
    margin-bottom: 15px;
    text-align: center;
    color: var(--color-lila);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    font-style: italic
}

.create-tip-modal .paid-free-row .btn-paid-free {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center
}

.create-tip-modal .btn-create-tip .vee-button-primary.diagonal {
    transform: skew(-10deg)
}

.filters {
    background: var(--bg-tabs-grey);
    max-width: 1275px!important;
    margin: 0 auto;
    align-items: center;
    padding: 20px;
    column-gap: 20px;
    border-radius: 15px!important;
    transform: skew(-10deg);
    transform-origin: center
}

.filters .filters-chips .flex {
    gap: 5px
}

.filters .filters-chips .chip-value {
    background: transparent;
    color: var(--color-lila);
    transform: skew(-10deg);
    transform-origin: center;
    padding: 5px 10px;
    border: 1px solid var(--color-lila);
    font-family: GT Pressura;
    margin: 0;
    height: auto;
    font-weight: 400;
    font-size: 12px;
    -webkit-box-shadow: 0 15px 10px -10px rgba(31,31,31,.25);
    box-shadow: 0 15px 10px -10px #1f1f1f40
}

.filters .filters-chips .chip-value .result-chip {
    color: #cffffa;
    margin-left: 5px
}

.filters .search-input {
    background: var(--bg-grey-three);
    border-radius: 10px
}

.filters .search-input .q-field__inner .q-field__control {
    height: 40px
}

.filters .search-input .q-field__inner .q-field__control .q-field__marginal {
    color: var(--open-grey)
}

.filters .search-input .q-field__inner .q-field__control .q-field__control-container .q-field__native {
    padding: 15px 15px 0!important;
    letter-spacing: 0
}

.filters .search-input .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: var(--txt-grey-one)!important;
    top: -1px;
    position: relative
}

.filters .search-input .q-field__inner .q-field__control .q-field__control-container .q-field__label {
    left: 15px;
    top: 10px;
    letter-spacing: 0;
    font-size: 1.4rem;
    color: var(--open-grey)!important
}

.filters .search-input .q-field__inner .q-field__marginal {
    height: 40px;
    padding-right: 12px
}

.filters .search-input :before {
    border-bottom: 0 solid var(--dark-blue);
    transition: border-color .36s cubic-bezier(.4,0,.2,1)
}

.filters .search-input :after {
    height: 0
}

.filters .more-filters button:hover {
    background: #d5d5d5
}

.filters .short-by-btn.more-filters {
    justify-content: flex-end
}

.filters .short-by-btn.more-filters.blue-filters button {
    background: var(--color-lila);
    color: var(--bg-card-grey)!important;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    padding: 7px 5px;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 700
}

.filters .short-by-btn.more-filters.blue-filters button .q-focus-helper {
    display: none
}

.filters .short-by-btn.more-filters.blue-filters button.refresh_filters {
    width: auto;
    margin-right: 10px;
    background: var(--dark-blue);
    color: var(--color-lila)!important
}

.filters .short-by-btn.more-filters.blue-filters button.refresh_filters:after {
    background: var(--bg-card-grey);
    color: var(--open-grey)
}

.filters .short-by-btn.more-filters.blue-filters button:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.filters .short-by-btn.more-filters.blue-filters button:hover:after {
    width: 102%
}

.filters .short-by-btn.more-filters button {
    width: 110px
}

.filters .short-by-btn .q-btn:before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.filters .short-by-btn button {
    width: 100%;
    height: 40px;
    background: var(--bg-grey-three);
    border-radius: 10px;
    color: var(--open-grey)!important;
    border-bottom: 0 solid var(--dark-blue);
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.filters .short-by-btn button .q-btn__content {
    display: flex;
    justify-content: space-between;
    text-transform: none;
    font-size: 1.4rem;
    font-weight: 900
}

.filters .short-by-btn button :before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.filters .short-by-btn button .q-focus-helper {
    display: none
}

.filters .short-by-btn.more-filters .q-btn__content {
    justify-content: center
}

.filters .short-by-btn.more-filters .q-btn__content span.block {
    font-weight: 700
}

.filters .short-by-btn span.block {
    font-weight: 400
}

.filters .toggle-value {
    padding-left: 50px
}

.filters .toggle-value .text-green {
    color: var(--color-lila)!important
}

.filters .toggle-value .q-toggle__label {
    color: var(--open-grey);
    letter-spacing: 0;
    font-size: 1.4rem;
    font-weight: 900
}

.filters .toggle-value .q-toggle__inner {
    color: #d5d5d5;
    overflow: hidden
}

.filters .toggle-value .q-toggle[aria-checked=true] .q-toggle__label {
    color: var(--color-lila)
}

.dates-modal .q-field__marginal .text-negative {
    display: none!important
}

.follow-modal-content .animated-icon img {
    margin-bottom: 0!important
}

.follow-modal-content .avatar-tipster img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0
}

.follow-modal-content .avatar-tipster .q-avatar__content {
    border-radius: 50%;
    font-size: 30px!important;
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.follow-modal-content .first-row-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.follow-modal-content .first-row-content .name-tipster {
    padding: 5px 15px;
    border-radius: 10px;
    background: var(--bg-body-grey);
    color: var(--open-grey);
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    min-width: 240px;
    min-height: 30px;
    transform: skew(-10deg);
    transform-origin: center;
    margin-top: 15px
}

.follow-modal-content .toggle-value .q-toggle.toggle-yes-no[aria-checked=true] {
    color: var(--color-lila)
}

.follow-modal-content .toggle-value .q-toggle.toggle-yes-no[aria-checked=false] {
    color: var(--open-grey)
}

.unfollow-notification-box__ .vee-button-primary.diagonal {
    transform: skew(-10deg);
    margin-right: 0
}

.tipsters-modal.q-card {
    background: var(--bg-tabs-grey)!important
}

.tipsters-modal .dates-modal .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    top: 7px;
    position: relative
}

.tipsters-modal .animated-icon {
    filter: invert(90%) sepia(88%) saturate(3272%) hue-rotate(93deg) brightness(86%) contrast(98%)
}

.tipsters-modal .animated-icon img {
    max-width: 70px;
    margin-bottom: 20px
}

.tipsters-modal .full-flex-start {
    width: 100%!important;
    display: flex!important;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.tipsters-modal .q-tab-panels {
    background: transparent;
    width: 100%
}

.tipsters-modal .q-tab-panels .q-tab-panel {
    padding: 0 10px;
    overflow-x: hidden
}

.tipsters-modal .q-tabs__content {
    gap: 20px;
    justify-content: flex-start;
    display: flex;
    min-width: auto
}

.tipsters-modal .q-tabs__content .q-tab {
    transform-origin: center;
    flex: unset;
    width: auto;
    border-radius: 10px;
    min-height: 36px;
    padding: 0 10px;
    flex: 0
}

.tipsters-modal .q-tabs__content .q-tab .q-tab__label {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--txt-grey-one)
}

.tipsters-modal .q-tabs__content .q-tab .q-tab__indicator {
    display: none
}

.tipsters-modal .q-tabs__content .q-tab[aria-selected=true] {
    background: var(--color-lila-hover);
    color: var(--txt-grey-one)
}

.tipsters-modal .q-tabs__content .q-tab[aria-selected=true] .q-tab__label {
    color: var(--bg-card-grey);
    font-weight: 700
}

.tipsters-modal .header-filter-modal {
    background: var(--bg-body-grey);
    transform-origin: center;
    border-radius: 10px;
    padding: 10px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    transform: skew(-10deg);
    margin-bottom: 5px
}

.tipsters-modal .header-filter-modal .header-only-text {
    font-size: 1.6rem;
    font-family: GT Pressura;
    font-weight: 700;
    width: 35%
}

.tipsters-modal .q-tabs {
    width: 50%
}

.tipsters-modal .multiselects {
    margin-top: 40px;
    gap: 30px
}

.tipsters-modal .multiselects .q-field__control {
    border-radius: 10px;
    background: var(--bg-grey-three)
}

.tipsters-modal .multiselects .q-field__control:after {
    color: var(--dark-blue)
}

.tipsters-modal .multiselects .q-field__control .q-field__marginal {
    color: var(--open-grey)
}

.tipsters-modal .multiselects .q-field__control .q-field__control-container .q-field__native {
    color: var(--open-grey)!important
}

.tipsters-modal .multiselects .q-field__control .q-field__control-container .q-field__label {
    color: var(--color-lila)!important
}

.tipsters-modal .multiselects>div {
    width: 100%
}

.tipsters-modal .selections-group .selections__selection {
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 10px;
    background: var(--bg-card-grey);
    color: var(--txt-grey-one);
    font-weight: 700;
    transform: skew(-10deg);
    transform-origin: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.tipsters-modal .selections-group .selections__selection:hover {
    background: #43494d
}

.tipsters-modal .selections-group .selections__selection.bg-primary {
    color: var(--bg-card-grey);
    font-weight: 700;
    background: #cffffa!important
}

.tipsters-modal .header-create-tip-modal {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--color-lila)
}

.tipsters-modal .tip-content-modal {
    padding: 10px;
    border-radius: 10px;
    margin: 15px 0;
    background: var(--bg-body-grey);
    justify-content: center
}

.tipsters-modal .tip-content-modal span {
    font-weight: 400;
    text-align: center;
    color: var(--open-grey);
    max-width: 75%;
    margin: 0 auto
}

.tipsters-modal .label-date {
    color: var(--color-lila);
    font-weight: 700;
    top: 4px
}

.tipsters-modal .period {
    gap: 40px!important
}

.tipsters-modal .period .q-field__marginal {
    height: 50px;
    font-size: 18px;
    color: var(--open-grey)
}

.tipsters-modal .period .q-field__native {
    top: 8px;
    position: relative
}

.tipsters-modal .period .q-field__control {
    border-radius: 10px;
    height: 50px;
    background: var(--bg-grey-three)
}

.tipsters-modal .period .q-field__control:before {
    border-bottom: 0 solid rgba(0,0,0,.42)
}

.tipsters-modal .period .q-field__control:after {
    height: 0
}

.tipsters-modal .check-boxes-radio .q-radio[aria-checked=true] .q-radio__inner--truthy {
    color: var(--color-lila)
}

.tipsters-modal .check-boxes-radio .q-radio[aria-checked=true] .q-radio__label {
    font-weight: 700;
    color: var(--color-lila)
}

.tipsters-modal .check-boxes-radio .q-radio[aria-checked=true] .q-radio__icon {
    color: var(--color-lila)
}

.tipsters-modal .check-boxes-radio .q-radio__label {
    font-weight: 700;
    color: var(--open-grey)
}

.tipsters-modal .check-boxes-radio .q-radio__icon {
    color: var(--open-grey)
}

.tipsters-modal .title-modal {
    font-weight: 700;
    color: var(--color-lila);
    position: relative;
    top: 10px
}

.tipsters-modal .q-slider__inner {
    color: var(--bg-body-grey)
}

.tipsters-modal .q-slider__text {
    color: var(--open-grey)
}

.tipsters-modal .q-stepper__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%!important;
    gap: 40px
}

.tipsters-modal .q-stepper__nav .vee-button-primary,.tipsters-modal .q-stepper__nav .vee-button-grey {
    transform: skew(-10deg);
    transform-origin: center
}

.tipsters-modal .bg-grey {
    background: transparent!important;
    gap: 5px
}

.tipsters-modal .inputs-modal {
    gap: 10px
}

.tipsters-modal .row-filter-modal {
    gap: 25px
}

.tipsters-modal .row-filter-modal .left-corner {
    gap: 5px
}

.tipsters-modal .row-filter-modal .left-corner .q-field {
    background: var(--open-grey);
    border-radius: 10px
}

.tipsters-modal .row-filter-modal .left-corner .q-field__control {
    height: 40px
}

.tipsters-modal .row-filter-modal .left-corner :before {
    border-bottom: 0 solid var(--dark-blue);
    transition: border-color .36s cubic-bezier(.4,0,.2,1)
}

.tipsters-modal .row-filter-modal .left-corner :after {
    height: 0
}

.tipsters-modal .row-filter-modal .left-corner .q-field__native {
    padding: 15px 15px 0!important;
    letter-spacing: 0
}

.tipsters-modal .row-filter-modal .left-corner .q-field__label {
    left: 15px;
    top: 10px;
    letter-spacing: 0;
    font-size: 1.4rem
}

.tipsters-modal .row-filter-modal .left-corner .q-field__marginal {
    height: 40px;
    padding-right: 12px
}

.tipsters-modal .row-filter-modal .right-corner {
    gap: 5px
}

.tipsters-modal .row-filter-modal .right-corner .q-field {
    background: var(--open-grey);
    border-radius: 10px
}

.tipsters-modal .row-filter-modal .right-corner .q-field__control {
    height: 40px
}

.tipsters-modal .row-filter-modal .right-corner :before {
    border-bottom: 0 solid var(--dark-blue);
    transition: border-color .36s cubic-bezier(.4,0,.2,1)
}

.tipsters-modal .row-filter-modal .right-corner :after {
    height: 0
}

.tipsters-modal .row-filter-modal .right-corner .q-field__native {
    padding: 15px 15px 0!important;
    letter-spacing: 0
}

.tipsters-modal .row-filter-modal .right-corner .q-field__label {
    left: 15px;
    top: 10px;
    letter-spacing: 0;
    font-size: 1.4rem
}

.tipsters-modal .row-filter-modal .right-corner .q-field__marginal {
    height: 40px;
    padding-right: 12px
}

.tipsters-modal .row-filter-modal .from-to-row {
    gap: 40px
}

.tipsters-modal .check-boxes-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}

.tipsters-modal .check-boxes-radio .q-toggle[aria-checked=true] .q-toggle__label {
    color: var(--color-lila)
}

.tipsters-modal .check-boxes-radio .q-toggle[aria-checked=false] .q-toggle__label,.tipsters-modal .check-boxes-radio .q-toggle[aria-checked=false] .q-toggle__thumb,.tipsters-modal .check-boxes-radio .q-toggle[aria-checked=false] .q-toggle__track {
    color: var(--open-grey)
}

.stats-content .stats-data_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px
}

.stats-content .stats-data_outer .stats-data {
    gap: 5px;
    transform: skew(-18deg);
    transform-origin: center;
    flex: unset;
    width: auto;
    background: var(--bg-body-grey);
    border-radius: 10px;
    padding: 10px 20px;
    min-width: 150px
}

.stats-content .stats-data_outer .stats-data.bg-two {
    background: var(--bg-card-grey)
}

.stats-content .stats-data_outer .stats-data.bg-three {
    background: #32393d
}

.stats-content .stats-data_outer .stats-number {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    color: var(--color-lila)
}

.stats-content .stats-data_outer .stats-content {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--txt-grey-one)
}

.stats-content .stats-data_outer .bg-two {
    transform: skew(-18deg)
}

.stats-content .stats-data_outer .bg-two .data-numbers {
    background: var(--bg-card-grey);
    min-height: 60px;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    gap: 5px
}

.stats-content .stats-data_outer .bg-two .data-values {
    text-align: center;
    background: var(--bg-body-grey);
    display: flex;
    gap: 5px;
    justify-content: center;
    padding: 10px 20px;
    min-height: 60px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.stats-content.commission_outer_stats .stats-data_outer .bg-two .row {
    min-width: 120px
}

.avatar-icons {
    font-size: 25px!important;
    border-radius: 0;
    height: auto!important
}

.short-item {
    min-height: 35px
}

.short-item:hover {
    background: #d5d5d5
}

.prefixed-label-field .prefix-label {
    color: var(--txt-grey-one);
    font-size: 1.4rem;
    min-height: 30px;
    height: 30px;
    font-family: GT Pressura;
    font-weight: 700;
    font-style: italic
}

.notification-tips-per-day img {
    filter: invert(90%) sepia(88%) saturate(3272%) hue-rotate(93deg) brightness(86%) contrast(98%);
    margin-bottom: 20px
}

.notification-tips-per-day p {
    color: var(--open-grey);
    margin-bottom: 10px;
    font-size: 1.6rem
}

.notification-tips-per-day .tips-per-day {
    background: #21272a;
    padding: 10px 30px;
    border-radius: 15px
}

.not-available-game img {
    filter: invert(90%) sepia(88%) saturate(3272%) hue-rotate(93deg) brightness(86%) contrast(98%);
    margin-bottom: 20px
}

.not-available-game p {
    color: var(--open-grey);
    margin-bottom: 10px;
    font-size: 1.6rem
}

.not-available-game .tips-per-day {
    background: #21272a;
    padding: 10px 30px;
    border-radius: 15px
}

#calculator-form .vee-field-row .calculator-field {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: var(--txt-grey-one);
    font-size: 1.6rem;
    min-height: 30px;
    height: 30px;
    font-family: GT Pressura
}

#calculator-form .vee-field-row .calculator-field strong {
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--color-lila)!important
}

#calculator-form .vee-field-row .calculator-field .calculator-input-field input {
    width: auto;
    max-width: 40px;
    text-align: center;
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--color-lila)!important;
    line-height: 1
}

#calculator-form .vee-field-row .calculator-field .calculator-input-field .q-field__append {
    height: 30px
}

#calculator-form .vee-field-row .calculator-field .calculator-input-field .q-field__append .q-icon {
    font-size: 1.5rem;
    font-weight: 700
}

#calculator-form .vee-field-row .calculator-field .q-field__control {
    min-height: 30px;
    height: 30px
}

#calculator-form .vee-field-row .calculator-field .q-field__control:after {
    border-bottom: 1px dotted var(--color-lila)!important;
    background: rgba(0,0,0,0);
    width: 100%;
    transform: unset;
    bottom: 5px
}

#calculator-form .vee-field-row .calculator-field .q-field__control:before {
    border-bottom: 0 dotted var(--color-lila)!important
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control {
    color: var(--color-lila);
    font-family: GT Pressura;
    font-size: 1.6rem;
    font-weight: 700;
    background: rgba(0,0,0,0);
    border-radius: 0;
    min-height: 30px;
    height: 30px
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control:hover {
    background: rgba(0,0,0,0)
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control .q-field__native {
    min-height: 30px;
    height: 30px
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control .q-field__native span {
    color: var(--color-lila);
    font-weight: 700;
    font-family: GT Pressura
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control:after {
    border-bottom: 1px dotted var(--color-lila)!important;
    background: rgba(0,0,0,0);
    width: 100%;
    transform: unset;
    bottom: 5px
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control:before {
    border-bottom: 0 dotted var(--color-lila)!important;
    background: rgba(0,0,0,0)
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control .q-field__append {
    min-height: 30px;
    height: 30px
}

#calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control .q-field__append .q-icon {
    color: var(--color-lila)
}

#calculator-form .vee-field-row .calculator-field .first-row-calculator {
    justify-content: center;
    align-items: center;
    max-width: 60%
}

#calculator-form .vee-field-row .calculator-field .second-row-calculator {
    margin-top: 10px
}

.pregametips .content-tipsters .sponsor-row .content-tips,.pregametips .content-tipsters .sponsor-row .content-tips:hover {
    background: #cffffa;
    cursor: default!important
}

.pregametips .content-tipsters .content-tips:hover {
    background: var(--bg-card-grey)
}

.livetips .content-tipsters .sponsor-row .content-tips,.livetips .content-tipsters .sponsor-row .content-tips:hover {
    background: #cffffa;
    cursor: default!important
}

.livetips .content-tipsters .content-tips:hover {
    background: var(--bg-card-grey)
}

.freetips .content-tipsters .sponsor-row .content-tips,.freetips .content-tipsters .sponsor-row .content-tips:hover {
    background: #cffffa;
    cursor: default!important
}

.freetips .content-tipsters .content-tips:hover {
    background: var(--bg-card-grey)
}

.content-tipsters {
    font-size: 1.4rem;
    line-height: 1;
    gap: 20px;
    padding: 0 40px
}

.content-tipsters.modal-vue-tipster {
    gap: 10px;
    padding: 40px
}

.content-tipsters.modal-vue-tipster .content-tips:hover {
    background: var(--bg-card-grey)
}

.content-tipsters.modal-vue-tipster .content-tips .status-tips .bullet-row .bullets {
    transform: skew(0)
}

.content-tipsters.modal-vue-tipster .content-tips .followers-numbers {
    color: var(--open-grey);
    margin-top: 5px;
    font-style: italic
}

.content-tipsters.modal-vue-tipster .content-tips .first-row-content .name-tipster,.content-tipsters.modal-vue-tipster .content-tips .second-row-content .win-tendex {
    transform: skew(-10deg)
}

.content-tipsters.modal-vue-tipster .content-tips .new-layout-more-stats {
    transform: skew(-10deg);
    padding: 30px 0 0
}

.content-tipsters.modal-vue-tipster .content-tips .new-layout-more-stats .second-row-content {
    justify-content: center;
    align-content: center
}

.content-tipsters.modal-vue-tipster .content-tips .new-layout-more-stats .status-tips {
    transform: skew(10deg)
}

.content-tipsters.modal-vue-tipster .content-tips .avatar-tipster .q-avatar .q-avatar__content,.content-tipsters.modal-vue-tipster .content-tips .avatar-tipster img {
    transform: skew(0)
}

.content-tipsters.modal-vue-tipster .content-tips .number-tipster {
    left: -15px;
    top: 20px;
    transform: skew(-10deg)
}

.content-tipsters.modal-vue-tipster .content-tips .status-tips .bullet-row {
    transform: skew(0);
    width: 100%;
    position: relative;
    left: 6px
}

.content-tipsters.modal-vue-tipster .content-tips .status-tips .bullet-row .text-bullets {
    font-style: italic
}

.content-tipsters.modal-vue-tipster .content-tips .last-btn-svg {
    margin-top: 0
}

.content-tipsters.modal-vue-tipster .content-tips .last-btn-svg .btn-stats {
    transform: skew(-10deg);
    margin: 25px 0 15px;
    padding: 5px 15px
}

.content-tipsters .content-tips {
    max-width: 1275px!important;
    margin: 0 auto;
    align-items: center;
    padding: 20px 20px 20px 25px;
    background: var(--bg-card-grey);
    border-radius: 10px!important;
    position: relative
}

.content-tipsters .content-tips.last-row {
    margin-bottom: 50px
}

.content-tipsters .content-tips .number-tipster {
    position: absolute;
    left: 5px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    padding: 5px 10px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
    border-radius: 15px;
    top: 5px
}

.content-tipsters .content-tips:hover {
    background: #3a3f42
}

.content-tipsters .avatar-tipster {
    display: flex;
    justify-content: center;
    align-content: center;
    position: unset
}

.content-tipsters .avatar-tipster .badges {
    gap: 10px
}

.content-tipsters .avatar-tipster .badges.absolute {
    bottom: 0;
    left: 0
}

.content-tipsters .avatar-tipster .badges .flex {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    padding: 5px 10px;
    justify-content: center;
    border-radius: 0 9px;
    border-bottom-top-radius: 0;
    min-width: 130px;
    height: 23px
}

.content-tipsters .avatar-tipster .badges .flex span {
    font-weight: 700;
    font-size: 1.2rem
}

.content-tipsters .avatar-tipster .badges svg {
    width: 15px
}

.content-tipsters .avatar-tipster .badges svg path {
    fill: var(--bg-card-grey)
}

.content-tipsters .avatar-tipster img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0;
    transform: skew(10deg);
    transform-origin: center
}

.content-tipsters .avatar-tipster .q-avatar .q-avatar__content {
    transform: skew(10deg);
    border-radius: 50%;
    font-size: 30px!important;
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.content-tipsters .full-content-row,.content-tipsters .full-content-row .badges {
    gap: 10px
}

.content-tipsters .full-content-row .badges .flex {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    border-radius: 15px;
    height: 23px
}

.content-tipsters .full-content-row .badges .flex span {
    font-weight: 700;
    font-size: 1.4rem
}

.content-tipsters .full-content-row .badges svg {
    width: 15px
}

.content-tipsters .full-content-row .badges svg path {
    fill: var(--open-grey)
}

.content-tipsters .full-content-row.data-tipster {
    display: flex;
    align-content: center
}

.content-tipsters .first-row-content {
    gap: 20px;
    display: flex;
    align-items: center
}

.content-tipsters .first-row-content .name-tipster {
    padding: 5px 15px;
    border-radius: 10px;
    background: var(--bg-body-grey);
    color: var(--open-grey);
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    min-width: 240px
}

.content-tipsters .first-row-content .mh30 {
    min-height: 30px
}

.content-tipsters .second-row-content {
    align-items: center;
    column-gap: 20px
}

.content-tipsters .second-row-content .tendex .f2 {
    color: var(--bg-card-grey)
}

.content-tipsters .second-row-content .break-span {
    display: block;
    text-align: center
}

.content-tipsters .second-row-content .f2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff
}

.content-tipsters .second-row-content span {
    font-size: 1rem
}

.content-tipsters .second-row-content .number-tips {
    min-height: 40px;
    min-width: 80px;
    padding: 5px;
    text-align: center;
    color: #cfcfcf
}

.content-tipsters .second-row-content .win-tips {
    min-height: 40px;
    min-width: 170px;
    text-align: center;
    background: var(--bg-body-grey);
    display: flex;
    justify-content: space-between;
    align-content: center;
    color: var(--open-grey);
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.content-tipsters .second-row-content .win-tips .number-wins {
    flex-grow: 1
}

.content-tipsters .second-row-content .win-tips span:nth-child(1) {
    font-weight: 700;
    font-size: 1.6rem
}

.content-tipsters .second-row-content .win-tips .percentage-win {
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    top: 0;
    left: 1px;
    color: var(--bg-grey-one);
    background: #cffffa;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    width: 38%
}

.content-tipsters .second-row-content .without-border {
    align-items: center;
    color: var(--open-grey);
    text-align: center
}

.content-tipsters .second-row-content .without-border.color-green {
    color: var(--bg-card-grey);
    background: var(--color-lila);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 7px;
    flex-grow: 1
}

.content-tipsters .second-row-content .without-border.roi-yield {
    order: -1;
    color: var(--color-lila)
}

.content-tipsters .second-row-content .without-border.roi-yield .f2 {
    color: var(--color-lila)
}

.content-tipsters .second-row-content .win-tendex {
    width: 100%
}

.content-tipsters .status-tips {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 25px
}

.content-tipsters .status-tips .status-container {
    gap: 10px
}

.content-tipsters .status-tips .status {
    display: flex;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 1.4rem;
    font-weight: 800;
    align-items: center;
    transform: skew(-10deg);
    transform-origin: center
}

.content-tipsters .status-tips .status.active,.content-tipsters .status-tips .status.inactive {
    color: var(--color-lila);
    border: 1px solid var(--color-lila)
}

.content-tipsters .status-tips .bullet-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 26px
}

.content-tipsters .status-tips .bullet-row .bullets {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin: 0 1px;
    transform: skew(10deg);
    transform-origin: center
}

.content-tipsters .status-tips .bullet-row .bullets.win {
    background: var(--color-lila);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative
}

.content-tipsters .status-tips .bullet-row .bullets.win:before {
    content: url(https://torocoin.online/static/img/tips/check-grey.svg);
    color: var(--bg-card-grey);
    line-height: 0;
    font-size: 1.2rem;
    display: flex;
    text-align: center;
    position: absolute
}

.content-tipsters .status-tips .bullet-row .bullets.lost {
    background: var(--bg-body-grey);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative
}

.content-tipsters .status-tips .bullet-row .bullets.lost:before {
    content: url(https://torocoin.online/static/img/tips/uncheck.svg);
    color: #fff;
    line-height: 0;
    font-size: 1.2rem;
    display: flex;
    text-align: center;
    position: absolute
}

.content-tipsters .status-tips .bullet-row .arrow svg {
    width: 12px
}

.content-tipsters .status-tips .bullet-row .arrow svg path {
    fill: var(--color-lila)
}

.content-tipsters .status-tips .bullet-row .text-bullets {
    flex-grow: 1;
    color: var(--open-grey);
    flex-basis: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 1.2rem
}

.content-tipsters .last-btn-svg {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.content-tipsters .last-btn-svg .btn-follow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    border: 1px solid var(--color-lila);
    color: var(--color-lila);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    min-height: 35px;
    min-width: 110px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer
}

.content-tipsters .last-btn-svg .btn-follow.unfollow {
    background: var(--color-lila);
    color: var(--bg-body-grey)
}

.content-tipsters .last-btn-svg .btn-follow.unfollow span {
    color: var(--bg-body-grey)
}

.content-tipsters .last-btn-svg .btn-follow.unfollow:hover {
    background: var(--color-lila-hover)
}

.content-tipsters .last-btn-svg .btn-follow.unfollow:hover span {
    color: var(--bg-body-grey)
}

.content-tipsters .last-btn-svg .btn-follow:hover {
    color: var(--bg-body-grey);
    background: var(--color-lila-hover);
    border: 1px solid var(--color-lila-hover)
}

.content-tipsters .last-btn-svg .btn-follow:hover:after {
    border: 1px solid var(--color-lila-hover)
}

.content-tipsters .last-btn-svg .btn-follow:after {
    border: 1px solid var(--color-lila-hover)
}

.content-tipsters .last-btn-svg .btn-follow span {
    line-height: 1
}

.content-tipsters .last-btn-svg .btn-follow:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.content-tipsters .last-btn-svg .btn-follow:hover:after {
    width: 102%
}

.content-tipsters .last-btn-svg .followers-numbers {
    font-size: 1.4rem;
    color: var(--open-grey)
}

.content-tipsters .last-btn-svg .followers-numbers span {
    color: var(--open-grey)
}

.content-tipsters .last-btn-svg svg {
    width: 18px
}

.content-tipsters .last-btn-svg .btn-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    color: #cffffa;
    border: 1px solid #cffffa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    min-height: 35px;
    min-width: 110px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer
}

.content-tipsters .last-btn-svg .btn-stats:hover {
    color: var(--open-grey);
    background: var(--bg-body-grey);
    border: 1px solid var(--bg-body-grey)
}

.content-tipsters .last-btn-svg .btn-stats:hover span {
    color: var(--open-grey)
}

.content-tipsters .last-btn-svg .btn-stats:hover:after {
    border: 1px solid var(--bg-body-grey)
}

.content-tipsters .last-btn-svg .btn-stats:after {
    border: 1px solid var(--bg-body-grey)
}

.content-tipsters .last-btn-svg .btn-stats:after {
    background: var(--bg-body-grey);
    color: var(--open-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.content-tipsters .last-btn-svg .btn-stats:hover:after {
    width: 102%
}

.content-tipsters.by_tipsters .header-vit {
    display: flex;
    gap: 5px;
    margin-right: 20px;
    margin-bottom: 0
}

.sponsor-row {
    display: flex;
    flex-direction: column;
    max-width: 1275px!important;
    margin: 0 auto;
    transform-origin: center;
    transform: skew(-10deg)
}

.sponsor-row .sponsor-title {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--color-lila);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    top: 9px;
    z-index: -1;
    position: relative
}

.sponsor-row .sponsor-title span {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--dark-blue)
}

.sponsor-row .sponsor-title svg {
    width: 20px
}

.sponsor-row .sponsor-title svg path {
    fill: var(--dark-blue)
}

.sponsor-row .content-tips {
    box-shadow: inset 0 0 0 5px var(--color-lila);
    max-width: 100%!important;
    background: #cffffa;
    position: relative
}

.sponsor-row .content-tips:hover {
    background: #b2fff7
}

.sponsor-row .content-tips .last-btn-svg {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.sponsor-row .content-tips .last-btn-svg .btn-follow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--color-lila);
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--bg-card-grey);
    min-height: 35px;
    min-width: 110px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer
}

.sponsor-row .content-tips .last-btn-svg .btn-follow span {
    line-height: 1
}

.sponsor-row .content-tips .last-btn-svg .btn-follow:after {
    background: #00bba9;
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.sponsor-row .content-tips .last-btn-svg .btn-follow:hover:after {
    width: 102%
}

.sponsor-row .content-tips .last-btn-svg .followers-numbers {
    font-size: 1.4rem;
    color: var(--bg-card-grey)
}

.sponsor-row .content-tips .last-btn-svg svg {
    width: 18px
}

.sponsor-row .content-tips .status-tips .bullet-row .arrow svg {
    width: 12px
}

.sponsor-row .content-tips .status-tips .bullet-row .arrow svg path {
    fill: var(--bg-card-grey)
}

.sponsor-row .content-tips .status-tips .bullet-row .text-bullets {
    color: var(--bg-card-grey)
}

.sponsor-row .content-tips .status-tips .bullet-row .bullets.win:before {
    content: url(https://torocoin.online/static/img/tips/check-grey.svg);
    color: var(--bg-card-grey)
}

.sponsor-row .content-tips .status-tips .bullet-row .bullets.lost {
    background: var(--bg-body-grey)
}

.sponsor-row .content-tips .status-tips .bullet-row .bullets.lost:before {
    content: url(https://torocoin.online/static/img/tips/uncheck.svg);
    color: #fff
}

.sponsor-row .content-tips .status-tips .status.active,.sponsor-row .content-tips .status-tips .status.inactive {
    color: var(--bg-card-grey);
    border: 1px solid var(--bg-card-grey)
}

.sponsor-row .avatar-tipster .badges .flex {
    background: var(--color-lila)
}

.sponsor-row .avatar-tipster .badges .flex span {
    color: var(--bg-card-grey);
    font-weight: 700
}

.sponsor-row .avatar-tipster .badges .flex svg path {
    fill: var(--bg-card-grey)
}

.sponsor-row .second-row-content .without-border {
    align-items: center;
    color: var(--bg-card-grey)
}

.sponsor-row .second-row-content .without-border.color-green {
    color: var(--bg-card-grey);
    background: var(--color-lila);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 14px;
    flex-grow: 1
}

.sponsor-row .second-row-content .win-tips .percentage-win {
    color: var(--bg-grey-one);
    background: var(--color-lila-hover)
}

.center-banner img {
    width: 74%
}

.virtual-stepper {
    padding: 16px 16px 0
}

.virtual-stepper .stepper-inside {
    gap: 35px;
    background: var(--bg-card-grey);
    padding: 20px;
    border-radius: 10px!important;
    align-items: center;
    min-height: 100px
}

.virtual-stepper .stepper-inside .labels {
    color: var(--color-lila);
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.4rem
}

.virtual-stepper .stepper-inside .btn-fixed-width {
    border-radius: 10px;
    max-height: 35px;
    transform: skew(-10deg);
    transform-origin: center
}

.virtual-stepper .stepper-inside .q-btn--actionable {
    background: #a8ffe2
}

.virtual-stepper .stepper-inside .q-btn--actionable span,.virtual-stepper .stepper-inside .q-btn--actionable.active-step span {
    color: var(--bg-card-grey);
    font-weight: 700
}

.virtual-stepper .stepper-inside .disabled {
    background: white;
    opacity: 0!important
}

.virtual-stepper .stepper-inside .disabled span {
    font-weight: 700
}

.virtual-stepper .create-tip-btn .q-btn--actionable {
    background: var(--color-lila);
    transform: skew(-10deg);
    transform-origin: center
}

.virtual-stepper .create-tip-btn .q-btn--actionable span {
    color: var(--bg-card-grey)
}

.virtual-stepper .create-tip-btn .q-btn--actionable:hover {
    background: #00bba9
}

.virtual-stepper .create-tip-btn .q-btn--actionable:hover span,.virtual-stepper .create-tip-btn .q-btn--actionable span {
    color: var(--bg-card-grey)
}

.status-history {
    margin-left: 10px
}

.status-history .status-history-tips {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 5px 30px;
    border-radius: 10px;
    min-height: 44px;
    min-width: 105px
}

.status-history .status-history-tips .value-status-tip {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--open-grey)
}

.win-row {
    background: var(--bg-card-grey)!important;
    box-shadow: 0 0 0 3px var(--color-lila) inset!important
}

.win-row .ods {
    background: var(--color-lila)!important;
    color: #fff
}

.win-row .ods .odd-value,.win-row .ods .odd-name {
    color: #fff
}

.lose-row {
    background: var(--bg-card-grey)
}

.lose-row .ods {
    background: #b0b0b0!important;
    color: var(--dark-blue)
}

.lose-row .ods .odd-value,.lose-row .ods .odd-name {
    color: var(--dark-blue)
}

.avatar-row {
    max-width: 1215px!important;
    padding: 20px 0 20px 25px;
    margin: 0 auto;
    align-items: center;
    background: var(--bg-card-grey);
    border-radius: 10px!important;
    position: relative;
    transform: skew(-10deg);
    transform-origin: center
}

.avatar-row.tipster-public-profile .status-tips .without-border {
    color: var(--open-grey)
}

.avatar-row.tipster-public-profile .status-tips .without-border.roi-yield {
    order: -1;
    color: var(--color-lila)
}

.avatar-row.tipster-public-profile .status-tips .without-border.roi-yield .f2 {
    color: var(--color-lila)
}

.avatar-row.tipster-public-profile .last-btn-svg .btn-follow {
    background: var(--color-lila)
}

.avatar-row.tipster-public-profile .last-btn-svg .btn-follow.unfollow {
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.avatar-row.tipster-public-profile .last-btn-svg .btn-follow.unfollow:hover {
    color: var(--bg-body-grey)
}

.avatar-row.stats-content {
    background: var(--bg-tabs-grey);
    transform: skew(0);
    max-width: 1230px!important;
    padding: 20px 25px
}

.avatar-row .full-content-row {
    gap: 10px
}

.avatar-row .full-content-row.data-tipster {
    display: flex;
    align-content: center
}

.avatar-row .first-row-content {
    gap: 20px;
    display: flex;
    align-items: center
}

.avatar-row .first-row-content .mh30 {
    min-height: 30px
}

.avatar-row .first-row-content .name-tipster {
    padding: 5px 15px;
    border-radius: 10px;
    background: var(--bg-body-grey);
    color: var(--open-grey);
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    min-width: 240px
}

.avatar-row .second-row-content {
    align-items: center;
    column-gap: 20px
}

.avatar-row .second-row-content .without-border {
    align-items: center;
    color: var(--open-grey)
}

.avatar-row .second-row-content .without-border.color-green {
    color: var(--bg-card-grey);
    background: var(--color-lila);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 14px;
    flex-grow: 1
}

.avatar-row .second-row-content .win-tendex {
    width: 100%
}

.avatar-row .second-row-content .tendex .f2 {
    color: var(--bg-card-grey)
}

.avatar-row .second-row-content .f2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff
}

.avatar-row .second-row-content span {
    text-align: center;
    font-size: 1rem
}

.avatar-row .second-row-content .win-tips {
    min-height: 40px;
    min-width: 170px;
    text-align: center;
    background: var(--bg-body-grey);
    display: flex;
    justify-content: space-between;
    align-content: center;
    color: var(--open-grey);
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.avatar-row .second-row-content .win-tips .number-wins {
    flex-grow: 1
}

.avatar-row .second-row-content .win-tips span:nth-child(1) {
    font-weight: 700;
    font-size: 1.6rem
}

.avatar-row .second-row-content .win-tips .percentage-win {
    font-size: 1.8rem;
    font-weight: 700;
    position: relative;
    top: 0;
    left: 1px;
    color: var(--bg-grey-one);
    background: #cffffa;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px
}

.avatar-row .second-row-content .break-span {
    display: block
}

.avatar-row .avatar-tipster {
    display: flex;
    justify-content: center;
    align-content: center;
    position: unset
}

.avatar-row .avatar-tipster .q-avatar .q-avatar__content {
    transform: skew(10deg);
    border-radius: 50%;
    font-size: 30px!important;
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.avatar-row .number-tipster {
    position: absolute;
    left: 5px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    padding: 5px 10px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
    border-radius: 15px;
    top: 5px
}

.avatar-row img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0;
    transform: skew(10deg);
    transform-origin: center
}

.avatar-row .badges {
    gap: 10px
}

.avatar-row .badges svg {
    width: 15px
}

.avatar-row .badges svg path {
    fill: var(--bg-card-grey)
}

.avatar-row .badges.absolute {
    bottom: 0;
    left: 0
}

.avatar-row .badges .flex {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    border-radius: 0 9px;
    border-bottom-top-radius: 0;
    min-width: 130px;
    height: 23px
}

.avatar-row .badges .flex span {
    font-weight: 700;
    font-size: 1.2rem
}

.avatar-row .status-tips {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 25px
}

.avatar-row .status-tips .status {
    display: flex;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 1.4rem;
    font-weight: 800;
    align-items: center
}

.avatar-row .status-tips .status.active,.avatar-row .status-tips .status.inactive {
    color: var(--color-lila);
    border: 1px solid var(--color-lila)
}

.avatar-row .status-tips .status-container {
    gap: 10px
}

.avatar-row .status-tips .bullet-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 26px
}

.avatar-row .status-tips .bullet-row .bullets {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin: 0 1px;
    transform: skew(10deg);
    transform-origin: center
}

.avatar-row .status-tips .bullet-row .bullets.win {
    background: var(--color-lila);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative
}

.avatar-row .status-tips .bullet-row .bullets.win:before {
    content: url(https://torocoin.online/static/img/tips/check-grey.svg);
    color: var(--bg-card-grey);
    line-height: 0;
    font-size: 1.2rem;
    display: flex;
    text-align: center;
    position: absolute
}

.avatar-row .status-tips .bullet-row .bullets.lost {
    background: var(--bg-body-grey);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative
}

.avatar-row .status-tips .bullet-row .bullets.lost:before {
    content: url(https://torocoin.online/static/img/tips/uncheck.svg);
    color: #fff;
    line-height: 0;
    font-size: 1.2rem;
    display: flex;
    text-align: center;
    position: absolute
}

.avatar-row .status-tips .bullet-row .arrow svg {
    width: 12px
}

.avatar-row .status-tips .bullet-row .arrow svg path {
    fill: var(--color-lila)
}

.avatar-row .status-tips .bullet-row .text-bullets {
    flex-grow: 1;
    color: var(--open-grey);
    flex-basis: 100%;
    margin-top: 10px;
    text-align: center;
    font-size: 1.2rem
}

.avatar-row .last-btn-svg {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.avatar-row .last-btn-svg.cannot-follow .followers-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--bg-body-grey);
    color: var(--open-grey);
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    min-width: 110px;
    min-height: 35px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: default
}

.avatar-row .last-btn-svg .btn-follow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--color-lila);
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--bg-card-grey);
    min-height: 35px;
    min-width: 110px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer
}

.avatar-row .last-btn-svg .btn-follow.unfollow {
    background: var(--bg-body-grey)
}

.avatar-row .last-btn-svg .btn-follow span {
    line-height: 1
}

.avatar-row .last-btn-svg .btn-follow:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.avatar-row .last-btn-svg .btn-follow:hover:after {
    width: 102%
}

.avatar-row .last-btn-svg .followers-numbers {
    font-size: 1.4rem;
    color: var(--open-grey)
}

.avatar-row .last-btn-svg svg {
    width: 18px
}

.avatar-row .q-avatar .q-avatar__content {
    transform: skew(10deg);
    border-radius: 50%;
    font-size: 30px!important;
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.editor-front .q-editor {
    margin-top: 40px;
    width: 100%;
    background: var(--bg-body-grey)
}

.editor-front .edit-description-tipster {
    color: var(--txt-grey-one);
    line-height: 18px
}

.toro-tips .profile-tipster .content-tipsters {
    padding: 0;
    width: calc(95% - 1px);
    margin: 0 auto
}

.toro-tips .profile-tipster .content-tipsters .content-tips .status-tips {
    width: auto
}

.toro-tips .content-tipsters.follow-layout .content-tips {
    gap: 5px
}

.toro-tips .content-tipsters.follow-layout .content-tips .status-tips.checkboxes-shell {
    width: 160px
}

.toro-tips .content-tipsters.follow-layout .second-row-content {
    column-gap: 10px
}

.toro-tips .content-tipsters .content-tips {
    gap: 10px
}

.toro-tips .content-tipsters .content-tips.content_tips-layout .ods {
    background: var(--bg-body-grey);
    color: var(--color-lila)
}

.toro-tips .content-tipsters .content-tips.content_tips-layout .odd-value {
    color: var(--color-lila)
}

.toro-tips .content-tipsters .content-tips.outer {
    padding: 17px 20px 17px 25px;
    transform: skew(-10deg);
    transform-origin: center
}

.toro-tips .data-tips .group_one {
    display: flex;
    gap: 8px
}

.toro-tips .data-tips .group_one .tip-row .teams-large {
    font-size: 1.6rem;
    font-weight: 700
}

.toro-tips .data-tips .group_one .tip-row .teams-large .game-name {
    color: var(--color-lila)
}

.toro-tips .data-tips .group_one .tip-row .teams-large .tip-value-game {
    font-weight: 700;
    color: #cffffa
}

.toro-tips .data-tips .group_one .game-row .date-match {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-lila)
}

.toro-tips .data-tips .group_one .game-row .match-name {
    font-size: 1.6rem;
    font-weight: 700;
    color: #cffffa
}

.toro-tips .data-tips .group_one .game-country {
    font-size: 1.4rem
}

.toro-tips .data-tips .group_one .date-tip .label-date-tip {
    font-size: 1.4rem;
    margin-right: 3px
}

.toro-tips .data-tips .group_one .date-tip .date-off-tip {
    font-size: 1.4rem
}

.toro-tips .data-tips .group_one .date-tip .tip-date-created {
    font-weight: 400
}

.toro-tips .data-tips p {
    font-size: 1.4rem;
    line-height: 1
}

.toro-tips .data-tips .alert-row-scanner,.toro-tips .data-tips .alert-row-teams,.toro-tips .data-tips .alert-row-championship,.toro-tips .data-tips .date-tip {
    color: var(--open-grey)
}

.toro-tips .price-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    flex: auto
}

.toro-tips .price-btn.unlock .tip-status {
    background: var(--color-lila);
    color: var(--bg-card-grey)!important
}

.toro-tips .price-btn.lock .tip-status {
    background: var(--gold)
}

.toro-tips .price-btn .unlock-svg {
    width: 12px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.toro-tips .price-btn .unlock-svg svg path {
    fill: var(--dark-blue)
}

.toro-tips .price-btn .btn-price {
    width: 135px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.toro-tips .price-btn .btn-price .price-value {
    min-height: 44px;
    width: 50px;
    padding: 5px;
    text-align: center;
    background: var(--bg-body-grey);
    display: flex;
    justify-content: center;
    align-content: center;
    color: var(--open-grey);
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    column-gap: 10px;
    font-size: 1.6rem;
    font-weight: 700
}

.toro-tips .price-btn .btn-price .price-value.paid {
    background: var(--color-lila-hover)
}

.toro-tips .price-btn .btn-price .tip-status {
    min-height: 44px;
    background: var(--color-lila);
    color: var(--bg-card-grey);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.toro-tips .price-btn .btn-price .tip-status:hover {
    cursor: pointer
}

.toro-tips .price-btn .btn-price .tip-status:hover .unlock-svg svg path {
    fill: var(--bg-card-grey)
}

.toro-tips .price-btn .btn-price .tip-status:hover span {
    color: var(--bg-card-grey)
}

.toro-tips .price-btn .btn-price .tip-status span {
    line-height: 1;
    font-weight: 700
}

.toro-tips .price-btn .btn-price .tip-status .unlock-svg svg path {
    fill: var(--dark-blue)
}

.toro-tips .price-btn .btn-price .tip-status:after {
    color: var(--bg-card-grey);
    background: var(--color-lila-hover);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1
}

.toro-tips .price-btn .btn-price .tip-status:hover:after {
    width: 104%
}

.toro-tips .odd-content {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center
}

.toro-tips .odd-content .odd-value {
    font-size: 2rem;
    color: var(--dark-blue);
    font-weight: 700
}

.toro-tips .ods {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--bg-card-grey);
    background: var(--color-lila);
    padding: 5px 30px;
    border-radius: 10px
}

.toro-tips .ods .odd-value {
    font-size: 2rem;
    font-weight: 700;
    color: var(--bg-card-grey)
}

.toro-tips .tips-content {
    align-content: center
}

.toro-tips .tips-content.unlock .alert-row-scanner,.toro-tips .tips-content.unlock .alert-row-teams {
    color: var(--color-lila)
}

.toro-tips .tips-content.align-start {
    align-content: flex-start
}

.primary-bg {
    background: var(--dark-blue);
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    padding: 10px 20px;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 400;
    min-width: 100px
}

.opentip-tipster .zero-sales-and-commissions .teams-large .live,.opentip-tipster .zero-sales-and-commissions .teams-large .pregame,.opentip-tipster .zero-sales-and-commissions .teams-large .free {
    color: var(--txt-dark-grey);
    background: var(--bg-tabs-grey);
    border: 1px solid var(--bg-tabs-grey)
}

.opentip-tipster .teams-large .live,.opentip-tipster .teams-large .pregame,.opentip-tipster .teams-large .free {
    border: 1px solid var(--color-lila);
    color: var(--color-lila)
}

.opentip-tipster .absolute {
    right: 5px
}

.opentip-tipster .absolute:hover {
    cursor: pointer
}

.opentip-tipster .absolute .delete_icon {
    color: var(--txt-grey-one)!important
}

.opentip-tipster .absolute .delete_icon:before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.opentip-tipster .ods {
    padding: 6px 30px!important
}

.opentip-tipster .sales-commissions {
    gap: 10px
}

.opentip-tipster .sales-commissions .odd-value {
    font-size: 2rem;
    font-weight: 700
}

.opentip-tipster .sales-commissions .odd-name {
    font-size: 1.2rem
}

.opentip-tipster .odd-content {
    gap: 20px;
    align-items: center;
    justify-content: center
}

.opentip-tipster .odd-content.publish-tipster .ods {
    padding: 10px 30px!important
}

.history-tipsters .odd-content {
    justify-content: center
}

.history-tipsters .odd-content.public-odd {
    justify-content: flex-end
}

.history-tipsters .ods {
    min-height: 44px
}

.history-tipsters .sales-commissions {
    gap: 10px;
    min-width: 145px;
    justify-content: flex-end
}

.history-tipsters .sales-commissions.public-profile {
    justify-content: center
}

.history-tipsters .sales-commissions.tipster-stats .sales {
    padding: 5px 20px;
    min-height: 44px
}

.history-tipsters .sales-commissions.tipster-stats .commissions {
    padding: 5px 20px;
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 1px
}

.history-tipsters .sales-commissions .odd-value {
    font-size: 2rem;
    font-weight: 700
}

.history-tipsters .sales-commissions .odd-name {
    font-size: 1.2rem
}

.history-tipsters .status-history.absolute {
    right: 1px;
    top: 1px
}

.history-tipsters .status-history-tips {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    background: var(--green);
    color: var(--bg-card-grey);
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    border-radius: 0 9px;
    border-bottom-top-radius: 0;
    min-width: 60px;
    min-height: unset;
    height: 23px
}

.history-tipsters .status-history-tips svg {
    stroke: var(--bg-card-grey)
}

.history-tipsters .status-history-tips .value-status-tip {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--bg-card-grey)
}

.history-tipsters .win-row.tips-boxes .date-tip {
    color: var(--open-grey)!important
}

.teams-large .game-name {
    margin-right: 5px
}

.teams-large .live,.teams-large .pregame,.teams-large .free {
    background: transparent;
    color: var(--color-lila);
    display: flex;
    border-radius: 5px;
    padding: 3px 20px;
    font-size: 1.2rem;
    font-weight: 800;
    align-items: center;
    margin: 0 3px;
    border: 1px solid var(--color-lila)
}

.email-resend {
    background: var(--bg-tabs-grey)
}

.email-resend .ask-confirmation img {
    filter: invert(95%) sepia(0%) saturate(541%) hue-rotate(139deg) brightness(83%) contrast(108%)
}

.tipster-dashboard.tipster-public-profile .price-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    flex: auto;
    margin-right: 10px
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price {
    width: 135px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .unlock-svg {
    width: 12px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .price-value {
    min-height: 44px;
    width: 50px;
    padding: 5px;
    text-align: center;
    background: var(--bg-tabs-grey);
    display: flex;
    justify-content: center;
    align-content: center;
    color: var(--open-grey);
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    column-gap: 10px;
    font-size: 1.6rem;
    font-weight: 700
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status {
    min-height: 44px;
    background: var(--color-lila);
    color: var(--bg-tabs-grey);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status:hover {
    cursor: pointer
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status:hover .unlock-svg svg path {
    fill: var(--bg-tabs-grey)
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status:hover span {
    color: var(--bg-tabs-grey)
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status span {
    line-height: 1;
    font-weight: 700
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status .unlock-svg svg path {
    fill: var(--bg-tabs-grey)
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status:after {
    color: var(--bg-tabs-grey);
    background: var(--color-lila-hover);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1
}

.tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status:hover:after {
    width: 104%
}

.tipster-dashboard.tipster-public-profile .tips-boxes.lock-row .ods {
    min-height: 44px;
    color: var(--open-grey);
    background: var(--bg-tabs-grey)
}

.tipster-dashboard.tipster-public-profile .tips-boxes.lock-row .ods .odd-value,.tipster-dashboard.tipster-public-profile .tips-boxes.lock-row .ods .odd-name {
    color: var(--open-grey)
}

.tipster-dashboard.tipster-public-profile .tips-boxes.lock-row .teams-large .live,.tipster-dashboard.tipster-public-profile .tips-boxes.lock-row .teams-large .pregame,.tipster-dashboard.tipster-public-profile .tips-boxes.lock-row .teams-large .free {
    color: var(--open-grey);
    background: var(--bg-tabs-grey);
    border: 0px solid transparent
}

.tipster-dashboard.tipster-public-profile .tips-boxes.unlock-row .ods {
    min-height: 44px;
    color: var(--color-lila);
    background: var(--bg-tabs-grey)
}

.tipster-dashboard.tipster-public-profile .tips-boxes.unlock-row .ods .odd-value,.tipster-dashboard.tipster-public-profile .tips-boxes.unlock-row .ods .odd-name {
    color: var(--color-lila)
}

.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.unlock .teams-large {
    color: var(--open-grey);
    line-height: 1;
    display: flex;
    align-items: center
}

.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.unlock .game-name {
    color: var(--color-lila);
    line-height: 1
}

.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.unlock .tip-value-game {
    font-weight: 700;
    color: #cffffa;
    line-height: 1;
    font-size: 1.6rem
}

.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.unlock .match-name {
    font-size: 1.6rem;
    font-weight: 700;
    color: #cffffa
}

.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.unlock .game-country,.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.unlock .date-tip {
    color: var(--open-grey)
}

.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.lock .ods,.tipster-dashboard.tipster-public-profile .tips-boxes .tips-content.lock .ods .odd-value {
    color: red!important
}

.tipster-dashboard.tipster-public-profile .commissions {
    display: none
}

.tipster-dashboard .zero-sales-and-commissions .sales,.tipster-dashboard .zero-sales-and-commissions .commissions,.tipster-dashboard .zero-sales-and-commissions .teams-large .live,.tipster-dashboard .zero-sales-and-commissions .teams-large .free {
    color: var(--txt-dark-grey);
    background: var(--bg-tabs-grey)
}

.tipster-dashboard .zero-sales-and-commissions.tips-boxes .tips-content,.tipster-dashboard .zero-sales-and-commissions.tips-boxes .date-tip {
    color: var(--txt-dark-grey)
}

.tipster-dashboard .zero-sales-and-commissions .ods {
    color: var(--txt-dark-grey);
    background: var(--bg-tabs-grey)
}

.tipster-dashboard .zero-sales-and-commissions .ods .odd-value,.tipster-dashboard .zero-sales-and-commissions .ods .odd-name {
    color: var(--txt-dark-grey)
}

.tipster-dashboard .sales {
    color: var(--bg-card-grey);
    background: var(--color-lila);
    border-radius: 10px;
    text-decoration: none;
    min-height: 44px;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 400;
    min-width: 100px
}

.tipster-dashboard .commissions {
    color: var(--bg-card-grey);
    background: var(--color-lila);
    border-radius: 10px;
    text-decoration: none;
    padding: 10px 20px;
    background-image: unset;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    font-weight: 400;
    min-width: 100px
}

.tipster-dashboard .win-row {
    box-shadow: 0 0 0 0 var(--color-lila) inset!important
}

.tipster-dashboard .win-row .ods {
    color: var(--color-lila);
    background: var(--bg-tabs-grey)!important
}

.tipster-dashboard .win-row .ods .odd-value,.tipster-dashboard .win-row .ods .odd-name {
    color: var(--color-lila)
}

.tipster-dashboard .win-row.tips-boxes .group_one {
    color: var(--open-grey)
}

.tipster-dashboard .win-row.tips-boxes .date-tip {
    color: var(--color-lila)
}

.tipster-dashboard .lose-row.tips-boxes .tips-content,.tipster-dashboard .lose-row.tips-boxes .date-tip {
    color: var(--txt-dark-grey)
}

.tipster-dashboard .lose-row.tips-boxes .game-name,.tipster-dashboard .lose-row.tips-boxes .date-match,.tipster-dashboard .lose-row.tips-boxes .game-country,.tipster-dashboard .lose-row.tips-boxes .date-tip {
    color: var(--txt-dark-grey)!important
}

.tipster-dashboard .lose-row.tips-boxes .tip-value-game {
    font-weight: 700;
    color: var(--txt-dark-grey)!important
}

.tipster-dashboard .lose-row.tips-boxes .match-name {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--txt-dark-grey)!important
}

.tipster-dashboard .lose-row .teams-large .free,.tipster-dashboard .lose-row .teams-large .live,.tipster-dashboard .lose-row .teams-large .pregame {
    background: var(--bg-tabs-grey);
    color: var(--txt-dark-grey);
    border: 0px solid transparent
}

.tipster-dashboard .lose-row .ods {
    background: var(--bg-tabs-grey)!important
}

.tipster-dashboard .lose-row .ods .odd-value,.tipster-dashboard .lose-row .ods .odd-name {
    color: var(--txt-dark-grey)
}

.tipster-dashboard .lose-row .sales,.tipster-dashboard .lose-row .commissions {
    background: var(--bg-tabs-grey);
    color: var(--txt-dark-grey)
}

.tipster-dashboard .lose-row .status-history-tips svg {
    stroke: var(--txt-dark-grey)!important
}

.tipster-dashboard .lose-row .status-history-tips.bg-pink {
    background: var(--bg-tabs-grey)!important;
    color: var(--txt-dark-grey)
}

.tipster-dashboard .lose-row .status-history-tips.bg-pink .value-status-tip {
    color: var(--txt-dark-grey)
}

.tipster-dashboard .ods {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--color-lila);
    background: var(--bg-tabs-grey);
    padding: 5px 30px;
    border-radius: 10px
}

.tipster-dashboard .ods .odd-value {
    color: var(--color-lila);
    font-size: 2rem;
    font-weight: 700
}

.tipster-dashboard .ods .odd-name {
    color: var(--color-lila);
    font-size: 1.2rem
}

.tipster-dashboard .card-profile {
    font-size: 1.4rem;
    line-height: 1;
    max-width: 1275px!important;
    margin: 0 auto;
    align-items: center
}

.tipster-dashboard .price-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    flex: auto;
    margin-right: 10px
}

.tipster-dashboard .price-btn .btn-price {
    width: 135px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center
}

.tipster-dashboard .price-btn .btn-price .unlock-svg {
    width: 12px;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.tipster-dashboard .price-btn .btn-price .price-value {
    min-height: 42px;
    width: 50px;
    padding: 5px;
    text-align: center;
    background: var(--bg-body-grey);
    display: flex;
    justify-content: center;
    align-content: center;
    color: var(--open-grey);
    align-items: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    column-gap: 10px;
    font-size: 1.6rem;
    font-weight: 700
}

.tipster-dashboard .price-btn .btn-price .tip-status {
    min-height: 42px;
    background: var(--color-lila);
    color: var(--bg-body-grey);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.tipster-dashboard .price-btn .btn-price .tip-status span {
    line-height: 1;
    font-weight: 400
}

.tipster-dashboard .price-btn .btn-price .tip-status .unlock-svg svg path {
    fill: var(--dark-blue)
}

.tipster-dashboard .price-btn .btn-price .tip-status:hover:after {
    width: 104%
}

.tipster-dashboard .tips-boxes {
    margin: 20px auto 0;
    align-items: center;
    padding: 20px 55px;
    background: var(--bg-card-grey);
    border-radius: 10px!important;
    overflow: hidden;
    position: relative;
    transform: skew(-10deg);
    max-width: 1100px;
    min-height: 145px
}

.tipster-dashboard .tips-boxes.tips-graph {
    transform: skew(0);
    transform-origin: center
}

.tipster-dashboard .tips-boxes.last {
    margin: 15px auto
}

.tipster-dashboard .tips-boxes.win-row {
    background: var(--bg-card-grey)!important
}

.tipster-dashboard .tips-boxes.void-public-row .sales {
    color: var(--orange);
    background: var(--bg-tabs-grey)!important
}

.tipster-dashboard .tips-boxes.void-public-row .sales svg {
    stroke: var(--orange)!important
}

.tipster-dashboard .tips-boxes.void-public-row .ods .odd-value,.tipster-dashboard .tips-boxes.void-public-row .ods .odd-name,.tipster-dashboard .tips-boxes.void-public-row .tips-content.unlock .game-name,.tipster-dashboard .tips-boxes.void-public-row .tips-content.unlock .tip-value-game,.tipster-dashboard .tips-boxes.void-public-row .tips-content.unlock .date-tip {
    color: var(--orange)!important
}

.tipster-dashboard .tips-boxes.void-public-row .tips-content .teams-large .live {
    color: var(--orange)!important;
    border: 0 solid var(--orange)!important;
    background: var(--bg-tabs-grey)
}

.tipster-dashboard .tips-boxes.void-public-row .tips-content .match-name,.tipster-dashboard .tips-boxes.void-public-row .tips-content .alert-row-championship {
    color: var(--orange)!important
}

.tipster-dashboard .tips-boxes.void-row .status-history .status-history-tips {
    background: var(--bg-tabs-grey)!important;
    color: var(--txt-dark-grey)
}

.tipster-dashboard .tips-boxes.void-row .status-history .status-history-tips .value-status-tip,.tipster-dashboard .tips-boxes.void-row .alert-row-championship {
    color: var(--txt-dark-grey)
}

.tipster-dashboard .tips-boxes.void-row .tips-content,.tipster-dashboard .tips-boxes.void-row .tips-content.unlock .alert-row-scanner {
    color: var(--orange)
}

.tipster-dashboard .tips-boxes.void-row .game-name,.tipster-dashboard .tips-boxes.void-row .tip-value-game {
    color: var(--orange)!important
}

.tipster-dashboard .tips-boxes.void-row .teams-large .live {
    color: var(--orange)
}

.tipster-dashboard .tips-boxes.void-row .match-name,.tipster-dashboard .tips-boxes.void-row .alert-row-championship,.tipster-dashboard .tips-boxes.void-row .date-tip {
    color: var(--orange)!important
}

.tipster-dashboard .tips-boxes.void-row .ods .odd-value,.tipster-dashboard .tips-boxes.void-row .ods .odd-name {
    color: var(--orange)
}

.tipster-dashboard .tips-boxes.void-row .sales,.tipster-dashboard .tips-boxes.void-row .commissions,.tipster-dashboard .tips-boxes.void-row .status-history .status-history-tips .value-status-tip {
    color: var(--orange)!important
}

.tipster-dashboard .tips-boxes.void-row .status-history .status-history-tips svg {
    stroke: var(--orange)!important
}

.tipster-dashboard .tips-boxes.lose-row .status-history .status-history-tips {
    background: var(--bg-tabs-grey)!important;
    color: var(--txt-dark-grey)
}

.tipster-dashboard .tips-boxes.lose-row .status-history .status-history-tips .value-status-tip,.tipster-dashboard .tips-boxes.lose-row .alert-row-championship {
    color: var(--txt-dark-grey)
}

.tipster-dashboard .tips-boxes.free-tip.lose-row .sales,.tipster-dashboard .tips-boxes.free-tip.lose-row .commissions,.tipster-dashboard .tips-boxes.free-tip.lose-row .status-history-tips {
    background: var(--bg-tabs-grey)!important;
    color: var(--txt-dark-grey)
}

.tipster-dashboard .tips-boxes.free-tip .sales,.tipster-dashboard .tips-boxes.free-tip .commissions {
    background: #cffffa
}

.tipster-dashboard .tips-boxes.free-tip .status-history-tips {
    background: #cffffa!important
}

.tipster-dashboard .tips-boxes .tips-content {
    color: var(--open-grey)
}

.tipster-dashboard .tips-boxes .group_one {
    display: flex;
    gap: 8px
}

.tipster-dashboard .tips-boxes .teams-large {
    font-size: 1.6rem;
    font-weight: 700
}

.tipster-dashboard .tips-boxes .date-match {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-lila)
}

.tipster-dashboard .tips-boxes .match-name {
    color: #cffffa
}

.tipster-dashboard .tips-boxes .game-name {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-lila)
}

.tipster-dashboard .tips-boxes .tip-value-game {
    font-weight: 700;
    color: #cffffa
}

.tipster-dashboard .tips-boxes .game-country {
    font-size: 1.4rem
}

.tipster-dashboard .tips-boxes .date-tip {
    color: var(--open-grey)
}

.tipster-dashboard .q-tab__icon {
    display: none
}

.tipster-dashboard .profile-container {
    max-width: 100%!important;
    margin: 0 auto;
    align-items: center;
    gap: 15px
}

.tipster-dashboard .profile-tipster {
    justify-content: center;
    max-width: 1315px!important
}

.tipster-dashboard .profile-tipster .q-panel {
    width: 101%
}

.tipster-dashboard .information-boxes {
    background: var(--bg-card-grey);
    border-radius: 10px!important;
    color: var(--open-grey);
    line-height: 2rem;
    padding: 30px
}

.tipster-dashboard .history-tipsters .win-row .sales {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 1px
}

.tipster-dashboard .history-tipsters .win-row .sales svg {
    stroke: var(--bg-card-grey)
}

.tipster-dashboard .history-tipsters .lose-row .sales {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 1px;
    color: var(--txt-dark-grey)
}

.tipster-dashboard .history-tipsters .lose-row .sales svg {
    stroke: var(--txt-dark-grey)
}

.tipster-dashboard .select-type-tip .q-tab .q-tab__icon {
    order: 2;
    margin-left: 5px;
    top: -1px
}

.tipster-dashboard .select-type-tip .q-tab.q-tab--active .q-tab__icon {
    display: flex;
    color: var(--bg-card-grey)
}

.notification-data {
    top: 20px;
    position: relative
}

.left-col.f-card {
    width: 260px;
    padding-top: 0
}

.left-col.f-card img {
    border-radius: 0!important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.right-col.f-card {
    width: 260px;
    padding-top: 0
}

.right-col.f-card img {
    border-radius: 0!important
}

.q-list-profile .dropdown_content {
    color: var(--open-grey);
    background: #21272a;
    border-radius: 10px;
    padding: 0 15px;
    text-align: center!important;
    transform: skew(-10deg);
    font-size: 1.4rem;
    font-weight: 700
}

.q-list-profile .dropdown_content:hover {
    background: var(--color-lila);
    color: #21272a!important
}

.q-link .q-item__section {
    color: var(--open-grey)!important;
    border-radius: 10px;
    padding: 0 5px;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700
}

.q-link .q-item__section .q-item__label {
    color: var(--open-grey)!important
}

.ssn-row {
    margin-left: 25px!important
}

.q-menu {
    box-shadow: 9px 9px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;
    background: var(--bg-grey-three)!important;
    border-radius: 10px;
    margin-top: 5px!important
}

.q-menu .q-item.dropdown-menu-profile .q-item__section {
    background: var(--bg-body-grey);
    color: var(--open-grey);
    border-radius: 5px;
    text-align: center;
    transform: skew(-10deg);
    transform-origin: center
}

.dash-profile .games-data.q-card {
    width: 100%;
    margin: 0;
    padding: 0
}

.dash-profile .games-data .q-card__section {
    background: transparent;
    padding: 0
}

.dash-profile .create-tip-stepper {
    background-color: transparent
}

.dash-profile .create-tip-stepper .step-one {
    font-size: 1.6rem;
    font-weight: 700;
    font-style: italic
}

.dash-profile .create-tip-stepper .q-stepper {
    background: var(--open-grey);
    margin-top: 20px
}

.dash-profile .q-stepper-tip {
    width: 100%
}

.dash-profile .q-stepper-tip .tips-data.q-card {
    margin: 0 auto;
    padding: 0;
    border-radius: 0
}

.dash-profile .q-stepper-tip .tips-data .tip-row .q-expansion-item {
    background: var(--bg-card-grey)
}

.dash-profile .q-stepper-tip .tips-data .tip-row .q-expansion-item .q-focus-helper {
    opacity: 0
}

.dash-profile .q-stepper-tip .tips-data .tip-row .q-expansion-item .q-expansion-item__content .q-card .q-card__section {
    background: var(--bg-card-grey);
    border-radius: 0
}

.dash-profile .q-stepper-tip .tips-data .tip-row .q-expansion-item .q-expansion-item__content .q-card .q-card__section .selections__selection {
    background: var(--bg-tabs-grey)
}

.dash-profile .q-stepper-tip .tips-data .tip-row .q-expansion-item .q-expansion-item__content .q-card .q-card__section .selections__selection:hover {
    background: #43494d
}

.dash-profile .q-stepper-tip .q-expansion-item {
    border-radius: 5px;
    margin-bottom: 10px;
    background: var(--bg-tabs-grey);
    padding: 0 0 10px
}

.dash-profile .q-stepper-tip .q-expansion-item:hover {
    background: var(--bg-body-grey);
    border-radius: 5px
}

.dash-profile .q-stepper-tip .q-expansion-item .q-expansion-item__content,.dash-profile .q-stepper-tip .q-expansion-item .q-expansion-item__content .q-card,.dash-profile .q-stepper-tip .q-expansion-item .q-expansion-item__content .q-card .q-card__section {
    background: var(--bg-tabs-grey)
}

.dash-profile .q-stepper-tip .game-row {
    padding: 20px 55px;
    background: var(--bg-card-grey);
    border-radius: 10px;
    margin-bottom: 10px;
    color: var(--open-grey)
}

.dash-profile .q-stepper-tip .game-row:hover {
    cursor: pointer;
    background: #43494d
}

.dash-profile .q-stepper-tip .game-row.active-toro {
    background: var(--green);
    border: 1px solid var(--green);
    color: #fff
}

.dash-profile .q-stepper-tip .q-stepper__tab--active,.dash-profile .q-stepper-tip .q-stepper__tab--done {
    color: var(--bg-body-grey)
}

.dash-profile .q-stepper-tip .q-stepper__step-inner {
    padding: 0
}

.dash-profile .q-stepper-tip .q-stepper__header {
    border-bottom: 0;
    background: white;
    margin: 20px auto 0;
    max-width: 1118px;
    border-radius: 10px!important
}

.dash-profile .q-stepper-tip .q-stepper__title {
    font-size: 1.6rem
}

.dash-profile .edit-profile-dash {
    width: 100%;
    margin: 15px auto 0;
    align-items: center;
    padding: 20px 55px;
    background: transparent!important;
    border-radius: 10px!important
}

.dash-profile .edit-profile-dash .ext_Code .q-field__prefix {
    color: var(--open-grey)!important
}

.dash-profile .content-games {
    gap: 10px
}

.dash-profile .content-games .q-avatar {
    margin-right: 8px
}

.dash-profile .tips-data .icons-status {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: center
}

.dash-profile .tips-data .icons-status img {
    width: 18px
}

.dash-profile .tips-data .icons-status span {
    margin-right: 5px;
    font-weight: 700;
    color: var(--color-lila)
}

.dash-profile .tips-data .q-card {
    width: 100%;
    padding: 0
}

.dash-profile .tips-data .q-card .q-card__section {
    padding: 0 10px;
    background: var(--open-grey)
}

.dash-profile .tips-data .q-card .q-expansion-item {
    margin-bottom: 10px;
    border: 1px solid rgb(224,228,234);
    border-radius: 10px
}

.dash-profile .tips-data .selections-group__selection {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 8px;
    min-width: 0
}

.dash-profile .tips-data .selections-group__selection .bg-primary,.dash-profile .tips-data .selections-group__selection .bg-primary .selections__selection__odd {
    color: var(--bg-card-grey)
}

.dash-profile .tips-data .selections__selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between;
    margin-right: 4px;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 10px;
    background: var(--bg-card-grey);
    color: var(--open-grey);
    position: relative;
    overflow: hidden;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.dash-profile .tips-data .selections__selection .selections__selection__odd {
    font-weight: 700;
    color: var(--open-grey);
    font-size: 1.4rem
}

.dash-profile .tips-data.q-card,.dash-profile .tips-data .tip-row .q-list {
    width: 100%
}

.dash-profile .create-tip {
    padding: 0!important
}

.dash-profile .create-tip.q-card {
    width: 100%;
    margin: 0
}

.dash-profile .create-tip .two-boxes {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.dash-profile .create-tip .two-boxes .boxes-of-games {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    min-height: 230px
}

.dash-profile .create-tip .two-boxes .boxes-of-games .q-item__section--avatar {
    min-width: 25px;
    padding-right: 8px
}

.dash-profile .create-tip .two-boxes .boxes-of-games .q-expansion-item__content .q-card {
    padding: 0;
    width: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background: var(--bg-card-grey)
}

.dash-profile .create-tip .two-boxes .boxes-of-games .q-expansion-item__content .q-card .q-card__section {
    padding: 10px 15px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%
}

.dash-profile .create-tip .two-boxes .boxes-of-games .q-expansion-item__content .q-card .q-card__section span {
    padding: 5px 15px
}

.dash-profile .create-tip .two-boxes .boxes-of-games .q-expansion-item__content .q-card .q-card__section span:hover {
    background: var(--grey-five);
    cursor: pointer;
    border-radius: 5px
}

.dash-profile .create-tip .simple-games .q-list {
    width: 100%
}

.dash-profile .create-tip .simple-games .q-item {
    min-height: 35px;
    padding: 5px;
    border-radius: 5px
}

.dash-profile .create-tip .simple-games .q-expansion-item__container {
    border-radius: 5px
}

.dash-profile .create-tip .simple-games .q-expansion-item {
    padding: 0;
    margin-bottom: 10px
}

.dash-profile .create-tip .simple-games .q-item:hover {
    background: #43494d
}

.dash-profile .create-tip .simple-games .q-item:hover .q-focus-helper {
    display: none
}

.dash-profile .create-tip .game-tip {
    width: 48%;
    border-radius: 5px;
    padding: 5px;
    background: var(--bg-tabs-grey)
}

.dash-profile .create-tip .game-tip:hover {
    cursor: pointer;
    background: #43494d
}

.dash-profile .create-tip .game-tip.bg-green-toro {
    border: 1px solid var(--green)
}

.dash-profile .create-tip .game-tip.bg-green-toro span {
    color: #fff
}

.dash-profile .create-tip .game-tip.bg-green-toro:hover {
    border: 1px solid rgb(224,228,234)
}

.dash-profile .create-tip .game-tip.bg-green-toro:hover span {
    color: var(--dark-blue)
}

.dash-profile .create-tip .game-tip img {
    margin: 0 8px
}

.dash-profile .create-tip .dimofilis {
    background: #30363a;
    padding: 24px;
    border-radius: 10px;
    color: var(--open-grey)
}

.dash-profile .create-tip .header-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--color-lila)
}

.dash-profile .create-tip .q-table__container>div:first-child {
    display: none
}

.dash-profile .create-tip .q-tr th {
    color: var(--open-grey);
    z-index: 2
}

.dash-profile .create-tip .q-tr th .q-field.q-field--focused .q-field__inner .q-field__control .q-field__prepend .q-icon {
    color: var(--color-lila)
}

.dash-profile .create-tip .q-tr th .q-field.q-field--focused .q-field__inner .q-field__control .q-field__control-container .q-field__label,.dash-profile .create-tip .q-tr th .q-field.q-field--focused .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: var(--color-lila)!important
}

.dash-profile .create-tip .q-tr th .q-field .q-field__inner .q-field__control .q-field__prepend .q-icon {
    color: var(--open-grey)
}

.dash-profile .create-tip .q-tr th .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__label,.dash-profile .create-tip .q-tr th .q-field .q-field__inner .q-field__control .q-field__control-container .q-field__native.q-placeholder {
    color: var(--open-grey)!important
}

.dash-profile .create-tip .q-virtual-scroll__content .odds-content .q-btn.vee-button.vee-button-trans {
    background: transparent;
    color: var(--open-grey)
}

.dash-profile .create-tip .q-virtual-scroll__content .odds-content .q-btn.vee-button.vee-button-trans:hover,.dash-profile .create-tip .q-virtual-scroll__content .odds-content .q-btn.vee-button.vee-button-trans:hover .create-tip-label {
    color: var(--color-lila)
}

.dash-profile .create-tip .q-virtual-scroll__content .odds-content .q-btn.vee-button.vee-button-trans .create-tip-label {
    text-transform: none;
    margin-left: 5px
}

.dash-profile .create-tip .q-virtual-scroll__content .odds-content .q-btn.vee-button.vee-button-trans .create-tip-label:hover {
    color: var(--color-lila)
}

.dash-profile .bg-grey-toro {
    background: transparent;
    margin-bottom: 20px
}

.dash-profile .bg-grey-toro.select-type-tip {
    width: 100%
}

.dash-profile .q-card {
    padding: 20px;
    border-radius: 10px;
    width: calc(97% - 1px)
}

.dash-profile .q-tab-panel {
    padding: 0
}

.dash-profile .q-tabs__content {
    gap: 10px;
    justify-content: center;
    display: flex
}

.dash-profile .q-tabs__content .q-tab {
    transform: skew(-18deg);
    transform-origin: center;
    flex: unset;
    width: auto;
    background: var(--bg-grey-one);
    border-radius: 10px;
    padding: 7px 20px
}

.dash-profile .q-tabs__content .q-tab.q-tab--active {
    background: var(--color-lila);
    color: var(--txt-grey-one)
}

.dash-profile .q-tabs__content .q-tab.q-tab--active:hover {
    background: var(--color-lila)!important
}

.dash-profile .q-tabs__content .q-tab.q-tab--active .q-tab__label {
    color: var(--bg-card-grey)
}

.dash-profile .q-tabs__content .q-tab .q-tab__indicator {
    display: none
}

.dash-profile .q-tab__label {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--txt-grey-one)
}

.dash-profile .q-field__label {
    font-size: 1.4rem
}

.dash-profile .q-field--standard .q-field__control:after {
    border-bottom: 1px solid #4b5054
}

.dash-profile .q-field__control:after {
    background: #4b5054;
    border-bottom: 1px solid #4b5054
}

.dash-profile .q-btn-dropdown {
    transform: skew(-18deg);
    transform-origin: center;
    flex: unset;
    width: auto;
    background: var(--bg-grey-one);
    border-radius: 10px!important;
    padding: 10px 10px 10px 20px;
    font-size: 1.4rem;
    font-weight: 700;
    min-height: 45px
}

.dash-profile .q-btn-dropdown .q-icon {
    margin-right: 0
}

.dash-profile .tipster-stats_profile {
    display: flex;
    flex-direction: column;
    align-items: center
}

.dash-profile .tipster-stats_profile .avatar-row {
    max-width: calc(93% - 25px)!important
}

.dashboard-layout {
    margin: 0 20px;
    padding: 50px!important;
    background: var(--bg-tabs-grey)
}

.dashboard-layout .box-dash {
    gap: 40px;
    padding: 0;
    max-width: 1200px;
    margin: 0 auto
}

.dashboard-layout .box-dash .link-dash {
    flex-basis: 15%;
    background: var(--bg-body-grey);
    border-radius: 10px;
    transform: skew(-18deg);
    transform-origin: center
}

.dashboard-layout .box-dash .link-dash .dashboard-badge {
    transform: skew(18deg);
    background: #cffffa;
    color: var(--bg-grey-one)
}

.dashboard-layout .box-dash .link-dash:hover {
    background: var(--color-lila)
}

.dashboard-layout .box-dash .link-dash:hover .icon_dash img {
    filter: unset
}

.dashboard-layout .box-dash .link-dash:hover .details-dash .header-dash {
    color: var(--bg-body-grey)
}

.dashboard-layout .box-dash .link-dash .icon_dash {
    width: 40px;
    transform: skew(18deg)
}

.dashboard-layout .box-dash .link-dash .icon_dash img {
    filter: invert(59%) sepia(92%) saturate(808%) hue-rotate(125deg) brightness(95%) contrast(104%);
    width: 35px;
    height: 35px
}

.dashboard-layout .box-dash .link-dash .details-dash {
    transform: skew(18deg);
    width: 100%;
    display: flex;
    margin: 20px 0 0
}

.dashboard-layout .box-dash .link-dash .details-dash .header-dash {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--color-lila)
}

.dashboard-layout.admin-layout {
    width: 85%
}

.dashboard-layout.admin-layout .box-dash {
    max-width: unset
}

.dashboard-layout.admin-layout .box-dash .link-dash {
    flex-basis: 30%
}

.dashboard-layout.admin-layout .box-dash .link-dash:hover .icon_dash i {
    color: var(--bg-tabs-grey)
}

.dashboard-layout.admin-layout .box-dash .link-dash .icon_dash i {
    font-size: 40px!important;
    color: var(--color-lila)
}

.dashboard-layout.admin-layout .box-dash .link-dash .icon_dash i:hover {
    color: var(--bg-tabs-grey)
}

.dashboard-layout.client-dashboard .box-dash .link-dash {
    flex-basis: 25%
}

.payments-dash {
    margin: 15px auto 0;
    align-items: center;
    padding: 0!important;
    background: transparent!important;
    border-radius: 10px!important
}

.payments-dash.payments-dash-client {
    margin: 0 auto
}

.payments-dash span {
    color: var(--open-grey);
    font-size: 1.4rem
}

.payments-dash span.word {
    font-size: 3.5rem;
    font-family: GT Pressura;
    line-height: 1;
    text-transform: none;
    color: var(--color-lila);
    margin: 20px 0
}

.payments-dash .card-section-payments {
    padding: 0;
    width: 94%!important
}

.payments-dash .payments-data {
    padding: 20px 55px;
    background: var(--bg-card-grey);
    border-radius: 10px;
    color: var(--open-grey);
    transform: skew(-18deg);
    transform-origin: center;
    margin-bottom: 15px
}

.payments-dash .payments-data>.row div {
    flex-basis: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.payments-dash .payments-data>.row .price span {
    background: var(--bg-body-grey);
    padding: 7px 20px;
    border-radius: 10px
}

.payments-dash .receipt span {
    background: var(--bg-body-grey);
    padding: 7px 20px;
    border-radius: 10px;
    text-decoration: none;
    transform: translateY(0);
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer
}

.payments-dash .receipt span:hover {
    color: var(--bg-card-grey)
}

.payments-dash .receipt span:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.payments-dash .receipt span:hover:after {
    width: 102%
}

.payments-dash .receipt span.lila {
    background: var(--color-lila);
    color: var(--bg-body-grey)
}

.payments-dash .receipt span.open-lila {
    background: #cffffa;
    color: var(--bg-body-grey)
}

.purchased-row {
    border-radius: 10px!important
}

.avatar_img_row .avatar_img_content {
    border-radius: 50%
}

.avatar_img_row .avatar_img_content .q-avatar {
    font-size: 80px
}

.avatar_img_row .avatar_img_content .q-avatar .q-avatar__content {
    border-radius: 50%
}

.avatar_img_row .empty-img {
    filter: invert(71%) sepia(60%) saturate(2%) hue-rotate(47deg) brightness(106%) contrast(87%);
    border-radius: 50%;
    padding: 10px
}

.avatar_img_row .upload-img {
    border-radius: 50%!important;
    padding: 5px
}

.avatar_img_row .cancel_avatar,.avatar_img_row .upload_avatar {
    margin-left: 20px
}

.unlock-layout .ods {
    background: var(--color-lila)!important
}

.unlock-layout .ods .odd-value,.unlock-layout .ods .odd-name {
    color: var(--bg-card-grey)!important
}

.modal-tips-layout {
    gap: 20px
}

.modal-tips-layout .sec-row-tip.match-content {
    background: var(--bg-card-grey);
    padding: 10px 20px;
    border-radius: 15px
}

.modal-tips-layout .sec-row-tip .ods.real {
    background: var(--bg-card-grey);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--color-lila);
    padding: 5px 30px;
    border-radius: 10px
}

.modal-tips-layout .sec-row-tip .ods.real .odd-value {
    color: var(--color-lila)
}

.lose-row:hover {
    background: #2f363a!important
}

.icon-green {
    filter: invert(73%) sepia(97%) saturate(1354%) hue-rotate(117deg) brightness(88%) contrast(98%)
}

.no-data-content,.no-data-content .no-data {
    width: 100%
}

.no-data-content .splashpage .content-splash .earn-tips-win {
    min-height: 180px
}

.center-nodata {
    width: 95%
}

.not-found.no-data .content-splash.smaller .img {
    width: 250px!important
}

.not-found.no-data .content-splash.smaller .bg-shadow svg {
    width: 280px!important;
    height: 280px!important
}

.not-found.no-data .content-splash.smaller .earn-tips-win.two .bg-shadow {
    left: 100px!important;
    top: -30px
}

.not-found.no-data .content-splash.smaller .earn-tips-win.two .image-row {
    justify-content: center
}

.not-found.no-data .content-splash.smaller .s-hero__title {
    font-size: 3.5rem
}

.not-found.no-data .content-splash .bg-shadow svg {
    width: 600px!important;
    height: 600px!important
}

.not-found.no-data .earn-tips-win {
    padding: 10px 0
}

.not-found.no-data .earn-tips-win.two {
    background: unset
}

.not-found.no-data .content-boxes.smaller {
    line-height: 1.2
}

.not-found .header-not-found {
    font-size: 23rem;
    color: var(--open-grey);
    font-weight: 700;
    font-family: GT Pressura;
    line-height: 1
}

.not-found .global-title {
    font-size: 3rem;
    color: var(--color-lila);
    font-weight: 700;
    font-family: GT Pressura;
    margin-bottom: 40px
}

.not-found p,.not-found li {
    color: var(--open-grey);
    font-weight: 400;
    font-family: GT Pressura;
    font-size: 1.8rem;
    margin-bottom: 15px
}

.not-found .earn-tips-win {
    padding: 100px 0
}

.not-found .earn-tips-win .two {
    background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/icon-one_right.svg) no-repeat right center
}

.not-found.splashpage .s-hero__title {
    font-family: GT Pressura;
    font-size: 7rem;
    line-height: 1;
    text-transform: none;
    color: var(--color-lila);
    margin: 20px 0
}

.not-found .content-not-dound {
    flex-basis: 100%;
    font-family: GT Pressura;
    font-size: 15rem;
    line-height: 1;
    text-transform: uppercase;
    color: var(--color-lila);
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: -55px;
    right: 25%
}

.static-pages {
    align-items: flex-start!important;
    padding: 0 40px!important
}

.static-pages .static-content .big-header {
    font-size: 2rem;
    color: var(--color-lila);
    font-weight: 700;
    font-family: GT Pressura;
    margin-bottom: 5px
}

.static-pages .static-content .group-content {
    padding-left: 30px
}

.static-pages .static-content .group-content .small-header {
    margin-bottom: 0;
    padding-left: 0;
    font-weight: 700
}

.static-pages .static-content .group-content p {
    padding-left: 15px;
    font-weight: 400
}

.static-pages .static-content .data-list {
    padding-left: 30px;
    list-style: auto
}

.static-pages .static-content .data-list strong {
    display: block;
    font-weight: 400
}

.static-pages .static-content a {
    color: var(--color-lila)
}

.static-pages .static-content a:hover {
    color: var(--color-lila-hover)
}

@media (max-width: 780px) {
    .static-pages .global-title {
        margin-bottom:0;
        font-size: 3rem
    }
    .splashpage .faq-rows.no-p-top {
        padding: 0 0 55px;
    }
}

@media (max-width: 560px) {
    .static-pages .global-title {
        font-size:2.5rem
    }

    .static-pages .static-content .group-content {
        padding-left: 0
    }

    .static-pages .static-content .big-header {
        font-size: 1.8rem
    }

    .static-pages .static-content p {
        font-size: 1.6rem
    }
}

@media (max-width: 490px) {
    .static-pages.content-splash__ {
        gap:10px!important;
        padding: 0 20px!important
    }

    .static-pages .global-title {
        font-size: 2rem
    }

    .static-pages .static-content .big-header {
        font-size: 1.8rem
    }

    .static-pages .static-content p {
        font-size: 1.6rem
    }
}

.section-title {
    font-size: 1.8rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    color: var(--color-lila);
    margin-right: 0;
    margin-left: 0;
    font-family: GT Pressura;
    font-weight: 700;
    font-style: normal
}

.section-title.small {
    font-size: 1.4rem
}

.q-stepper.telegram-stepper {
    background: transparent;
    border-radius: 10px;
    width: 100%
}

.q-stepper.telegram-stepper a.view-image {
    color: var(--color-lila)
}

.q-stepper.telegram-stepper .q-stepper__content .q-stepper__step-inner {
    padding: 0 12px 2px 60px
}

.q-stepper.telegram-stepper .q-stepper__content .q-stepper__tab {
    padding: 7px 24px
}

.hot-tipster-new-layout.version-two .q-card-hot {
    padding: 20px 0
}

.hot-tipster-new-layout.version-two .new-avatar {
    position: absolute;
    width: 80px;
    top: 2px;
    left: 30px
}

.hot-tipster-new-layout.version-two .new-avatar:hover {
    cursor: pointer
}

.hot-tipster-new-layout.version-two .new-avatar img {
    width: 55px;
    height: 55px;
    transform: skew(10deg)
}

.hot-tipster-new-layout.version-two .new-avatar .followers_number {
    transform: skew(10deg);
    left: 5px;
    position: relative;
    min-width: 25px;
    text-align: center
}

.hot-tipster-new-layout.version-two .new-avatar .q-avatar {
    font-size: 55px!important
}

.hot-tipster-new-layout.version-two .new-avatar .q-avatar .q-avatar__content {
    transform: skew(10deg);
    font-size: 30px!important
}

.hot-tipster-new-layout.version-two .name-row {
    justify-content: center;
    position: relative;
    left: -32px
}

.hot-tipster-new-layout.version-two .name-row .name-tipster {
    line-height: 1;
    padding: 10px 20px;
    max-width: 57%;
    transform: skew(0);
    position: relative;
    left: 0;
    text-align: center
}

.hot-tipster-new-layout.version-two .name-row .name-tipster:hover {
    cursor: pointer
}

.hot-tipster-new-layout.version-two .hot_tipster__outer {
    display: flex;
    gap: 20px 0;
    justify-content: space-between
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .box-stats {
    width: calc(47% - 20px)!important
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats .q-table__middle {
    background: transparent;
    overflow: hidden;
    will-change: unset;
    -webkit-overflow-scrolling: unset
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats th:nth-child(2),.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats th:nth-child(3),.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats th:nth-child(4) {
    display: none
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 30px);
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin: 0 auto 10px;
    transform: skew(-10deg);
    border-radius: 10px
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td {
    height: auto;
    padding: 7px 20px
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(1) {
    width: 100%;
    padding: 7px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
    width: 120px;
    padding: 0 0 7px;
    margin-left: 100px
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
    width: 95px;
    padding: 0 10px 7px;
    margin-left: 10px
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
    width: 85px;
    padding: 0 10px 7px 0
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr:nth-child(2n) {
    background: var(--bg-card-grey)
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr:nth-child(odd) {
    background: var(--bg-card-grey)
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .follow {
    border: 1px solid var(--color-lila);
    padding: 10px;
    transform: skew(0);
    border-radius: 5px;
    display: flex;
    align-items: center
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .follow svg {
    stroke: var(--color-lila)
}

.hot-tipster-new-layout.version-two .hot_tipster__outer .follow svg path {
    color: #03dac5
}

.hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header {
    font-style: normal
}

.hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header.today {
    padding: 12px 0;
    width: 60%;
    margin: 0 auto
}

.hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header.stats {
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    text-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
    align-content: center
}

.hot-tipster-new-layout.version-two .avg_ods-row .avg_ods {
    background: transparent;
    border-radius: 0;
    padding: 0;
    transform: skew(0);
    line-height: 1;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    font-style: normal
}

.hot-tipster-new-layout.version-two .highest_ods-row {
    align-items: center;
    justify-content: center
}

.hot-tipster-new-layout.version-two .highest_ods-row .highest_ods {
    background: transparent;
    border-radius: 0;
    padding: 0;
    transform: skew(0);
    line-height: 1;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    font-style: normal
}

.hot-tipster-new-layout.version-two .stats-row {
    justify-content: flex-start;
    transform: skew(0)
}

.hot-tipster-new-layout.version-two .stats-row .numbers-stats {
    flex-grow: 1
}

.hot-tipster-new-layout.version-two .btn-follow-resp {
    position: absolute;
    top: 0;
    min-height: 87px;
    right: -18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    color: #cffffa;
    border: 1px solid #cffffa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1rem;
    min-height: 25px;
    min-width: 80px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-stats:after {
    background: var(--bg-body-grey);
    color: var(--open-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    border: 1px solid var(--bg-body-grey);
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-stats:hover {
    color: var(--open-grey);
    background: var(--bg-body-grey);
    border: 1px solid var(--bg-body-grey)
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-stats:hover:after {
    width: 102%
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    border: 1px solid var(--color-lila);
    color: var(--color-lila);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 1rem;
    min-height: 25px;
    min-width: 80px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow: hidden;
    cursor: pointer
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow.unfollow {
    background: var(--color-lila);
    color: var(--bg-card-grey)
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow:after {
    background: var(--color-lila-hover);
    color: var(--bg-card-grey);
    content: "";
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(0,0,0,.3);
    transition: all .3s cubic-bezier(0,0,0,.3);
    width: 0;
    height: 100%;
    top: 0;
    left: -2px;
    z-index: -1;
    border: 1px solid var(--color-lila-hover);
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow:hover {
    color: var(--bg-body-grey);
    background: var(--color-lila-hover);
    border: 1px solid var(--color-lila-hover)
}

.hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow:hover:after {
    border: 1px solid var(--color-lila-hover);
    width: 102%
}

.hot-tipster-new-layout .q-card-hot {
    max-width: 1275px!important;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    width: 100%
}

.hot-tipster-new-layout .hot_tipster__outer {
    display: flex;
    gap: 20px
}

.hot-tipster-new-layout .hot_tipster__outer .box-stats {
    width: calc(50% - 20px)!important
}

.hot-tipster-new-layout .hot_tipster__outer .box-stats .q-table__card {
    background: transparent
}

.hot-tipster-new-layout .hot_tipster__outer .table-stats th,.hot-tipster-new-layout .hot_tipster__outer .table-stats td {
    padding: 7px
}

.hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td {
    height: 30px
}

.hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(1) {
    width: 250px
}

.hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
    width: 100px
}

.hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
    width: 60px
}

.hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
    width: 110px
}

.hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr:nth-child(odd) {
    background: #2a3135
}

.hot-tipster-new-layout .header-from-name-avatar .custom-header {
    font-style: italic
}

.hot-tipster-new-layout .header-from-name-avatar .custom-header.today {
    display: flex;
    justify-content: center;
    background: var(--color-lila);
    color: var(--bg-body-grey);
    font-size: 1.4rem;
    padding: 5px 0;
    font-weight: 700;
    border-radius: 5px;
    transform: skew(-10deg)
}

.hot-tipster-new-layout .header-from-name-avatar .custom-header.stats {
    color: var(--open-grey);
    font-size: 1.2rem;
    line-height: 1
}

.hot-tipster-new-layout .header-from-name-avatar .custom-header.averageodds {
    color: var(--open-grey);
    font-size: 1.2rem;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    text-wrap: wrap;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center
}

.hot-tipster-new-layout .header-from-name-avatar .custom-header.highestods {
    color: var(--open-grey);
    font-size: 1.2rem;
    line-height: 1;
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    text-wrap: wrap;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center
}

.hot-tipster-new-layout .new-avatar {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 40px
}

.hot-tipster-new-layout .new-avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    top: 5px
}

.hot-tipster-new-layout .new-avatar .q-avatar {
    position: relative;
    top: 5px;
    font-size: 35px!important
}

.hot-tipster-new-layout .new-avatar .q-avatar .q-avatar__content {
    transform: skew(0);
    border-radius: 50%;
    font-size: 15px!important;
    background: var(--bg-body-grey);
    color: var(--open-grey)
}

.hot-tipster-new-layout .new-avatar .followers_number {
    font-size: 1rem;
    background: var(--bg-body-grey);
    padding: 0 5px;
    border-radius: 5px;
    transform: skew(-10deg)
}

.hot-tipster-new-layout .name-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px
}

.hot-tipster-new-layout .name-row .name-tipster {
    background: var(--bg-body-grey);
    border-radius: 5px;
    padding: 5px 20px;
    flex-grow: 1;
    transform: skew(-10deg);
    font-weight: 700
}

.hot-tipster-new-layout .stats-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: var(--bg-body-grey);
    border-radius: 5px;
    transform: skew(-10deg)
}

.hot-tipster-new-layout .stats-row .numbers-stats {
    width: 60px;
    padding: 5px 10px;
    font-weight: 700
}

.hot-tipster-new-layout .stats-row .percent-stats {
    background: var(--color-lila);
    color: var(--bg-tabs-grey);
    width: 50px;
    padding: 5px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 700
}

.hot-tipster-new-layout .avg_ods-row .avg_ods {
    background: var(--bg-body-grey);
    border-radius: 5px;
    padding: 5px 20px;
    transform: skew(-10deg);
    width: 100%;
    text-align: center;
    font-weight: 700
}

.hot-tipster-new-layout .highest_ods-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px
}

.hot-tipster-new-layout .highest_ods-row .highest_ods {
    background: var(--bg-body-grey);
    border-radius: 5px;
    padding: 5px 10px;
    transform: skew(-10deg);
    width: 57px;
    text-align: center;
    font-weight: 700
}

.hot-tipster-new-layout .highest_ods-row .follow {
    border: 1px solid var(--color-lila);
    padding: 0 10px;
    transform: skew(-10deg);
    border-radius: 5px;
    display: flex;
    align-items: center
}

.hot-tipster-new-layout .highest_ods-row .follow svg {
    stroke: var(--color-lila)
}

.hot-tipster-new-layout .highest_ods-row .follow svg path {
    color: #03dac5
}

.hot-tipster-new-layout.add-banners {
    max-width: 1920px;
    margin: 0 auto;
    justify-content: center
}

.help-btn {
    z-index: 99;
    right: 13px;
    position: fixed;
    bottom: 10px;
    padding: 0;
    background: transparent!important
}

.help-btn:before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000!important
}

.help-btn.q-btn--active:before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000!important
}

.help-btn:active:before {
    box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000!important
}

.help-btn img {
    min-height: 35px;
    min-width: 35px;
    width: 35px
}

.country-flag-here {
    position: absolute;
    left: 2px;
    top: -4px
}

.country-flag-here .flag {
    margin: 0;
    transform: scale(.4)!important;
    -ms-transform: scale(.4)!important;
    -webkit-transform: scale(.4)!important;
    -moz-transform: scale(.4)!important;
    border-radius: 10px
}

.item-selections>span:nth-child(odd) {
    color: var(--open-grey)
}

.item-selections>span:nth-child(2n) {
    color: var(--color-lila)
}

.q-virtual-scroll__content .q-item.q-item--active .item-selections {
    color: var(--color-lila)!important
}

.q-virtual-scroll__content .q-item.q-item--active .item-selections span {
    color: var(--orange)!important
}

.banner-slot.centermobile {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    align-content: center
}

.center-images {
    width: 100%
}

.center-images .div-center-box.center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center
}
.f-bigger{
    font-size: 24px!important;
}


.q-footer.banner-footer {
    height: 70px;
    background-color: var(--color-lila);
    cursor: pointer
}

.q-footer.banner-footer .message {
    font-family: GT Pressura;
    font-weight: 700;
    font-style: normal;
    font-size: 3rem;
    color: var(--bg-card-grey)
}

.footer-toro .eeep {
    margin-top: 35px;
    padding: 20px
}

.static-list {
    list-style-type: disc;
    padding-left: 30px
}

.static-pages .static-content .big-header {
    margin: 60px 0 30px
}

.static-pages .static-content .big-header.less {
    margin: 20px 0 30px
}

.ma-b {
    margin-bottom: 28px!important
}


.bg-glass-1 {
    background: rgba(28,24,24,.1);
    box-shadow: 0 4px 30px #0000001a;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px)
}

.bg-glass-2 {
    background: rgba(28,24,24,.2);
    box-shadow: 0 4px 30px #0000001f;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px)
}

.bg-glass-3 {
    background: rgba(28,24,24,.3);
    box-shadow: 0 4px 30px #00000026;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px)
}

.q-avatar__content,.q-avatar img:not(.q-icon):not(.q-img__image) {
    border-radius: 0
}

.no-results {
    color: var(--q-accent)
}

.s-benefits__row.three img {
    width: 600px;
}

@media only screen and (min-width: 1925px) and (max-width: 10000px) {
    .hot-tipster-new-layout .f-card {
        max-width:1275px!important;
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
        padding: 20px
    }

    .q-header .q-toolbar {
        max-width: 1880px;
        margin: 0 auto
    }

    .q-card.content-tipsters {
        max-width: 1275px;
        margin: 0 auto!important
    }

    .tipster-dashboard .profile-tipster .q-tab-panel .q-page {
        align-content: flex-start
    }

    .splashpage .content-splash .content-splash__ {
        position: relative
    }

    .splashpage .content-splash .content-splash__ .checker {
        transform: translate(0)!important
    }
}

@media (max-width: 1840px) {
    .q-toolbar .q-tab {
        padding:0 10px
    }

    .q-header .q-tab .q-tab__label {
        font-size: 1.5rem
    }

    .header-logo img {
        max-width: 85%
    }

    .filters,.avatar-row,.tipster-profile .profile-container,.sponsor-row {
        max-width: 95%!important
    }

    .content-tipsters .second-row-content {
        column-gap: 10px
    }

    .content-tipsters .sponsor-row .content-tips {
        max-width: 100%!important
    }

    .center-banner img,.dash-profile .q-card {
        width: 95%
    }

    .left-col.f-card,.right-col.f-card {
        width: 250px
    }

    .checkboxes-shell {
        width: auto!important
    }

    .profile-create-tipster {
        justify-content: center
    }

    .toro-tips .profile-tipster .content-tipsters .last-btn-svg {
        width: auto
    }

    .toro-tips .profile-tipster .content-tipsters .content-tips {
        gap: 0
    }

    .toro-tips .profile-tipster .content-tipsters .content-tips.outer {
        padding: 17px
    }

    .toro-tips .profile-tipster.follow-layout .content-tips .status-tips.checkboxes-shell {
        width: 160px!important
    }
}

@media (max-width: 1730px) {
    .q-header .menu-new-layout {
        flex-wrap:nowrap
    }

    .q-header .rotate_10 {
        display: none
    }

    .content-tipsters .status-tips .status {
        padding: 5px 18px
    }

    .tipster-dashboard .tips-boxes {
        max-width: unset;
        width: 95%!important
    }
}

@media (max-width: 1670px) {
    .hot-tipster-new-layout.version-two.add-banners .hot_tipster__outer .box-stats {
        width:calc(50% + -0px)!important
    }

    .become_member__banner {
        min-width: 430px
    }

    .become_member__banner .content-banner .btn_join span,.become_member__banner .content-banner .text_become .last_heading {
        font-size: 1.6rem
    }

    .become_member__banner .content-banner .text_become .first_heading {
        font-size: 1.8rem
    }

    .q-header .tabs_header {
        margin: 0 10px
    }

    .toro-tips .ods .odd-value,.tipster-profile .ods .odd-value,.history-tipsters .sales-commissions .odd-value,.opentip-tipster .sales-commissions .odd-value,.tipster-dashboard .ods .odd-value {
        font-size: 1.8rem
    }

    .content-tipsters .first-row-content .name-tipster,.content-tipsters .second-row-content .win-tips span:nth-child(1),.tipster-profile .tips-boxes .game-name,.tipster-profile .tips-boxes .date-match,.tipster-dashboard .price-btn .btn-price .price-value,.avatar-row .first-row-content .name-tipster,.avatar-row .second-row-content .win-tips span:nth-child(1) {
        font-size: 1.4rem
    }

    .purchased-dashboard .purchased-row .avatar-tipster .badges .flex span,.purchased-dashboard .status-history-tips .value-status-tip,.avatar-row .second-row-content span,.content-tipsters .avatar-tipster .badges .flex span,.opentip-tipster .sales-commissions .odd-name,.history-tipsters .sales-commissions .odd-name,.tipster-dashboard .odd-name {
        font-size: 1.1rem
    }

    .content-tipsters .status-tips .status,.content-tipsters .last-btn-svg .followers-numbers,.toro-tips .data-tips .group_one .game-country,.toro-tips .data-tips .group_one .date-tip .date-off-tip,.toro-tips .ods,.content-tipsters .last-btn-svg .btn-follow,.content-tipsters .last-btn-svg .btn-stats,.content-tipsters,.avatar-row .status-tips .status,.avatar-row .last-btn-svg .followers-numbers,.avatar-row .last-btn-svg .btn-follow,.dash-profile .create-tip .game-tip,.dash-profile .create-tip .simple-games .q-item,.dash-profile .q-stepper-tip .game-row {
        font-size: 1.2rem!important
    }

    .content-tipsters .status-tips .bullet-row .bullets {
        width: 20px;
        height: 20px
    }

    .content-tipsters .avatar-tipster .badges .flex,.avatar-row .badges .flex,.purchased-dashboard .purchased-row .avatar-tipster .badges .flex {
        min-width: 110px
    }

    .content-tipsters .content-tips {
        padding: 20px 10px
    }

    .toro-tips .content-tipsters .content-tips.outer {
        padding: 20px 20px 20px 10px
    }

    .toro-tips .price-btn .btn-price .tip-status,.tipster-profile .price-btn .btn-price .tip-status,.tipster-profile .price-btn .btn-price .price-value,.tipster-dashboard .price-btn .btn-price .tip-status,.tipster-dashboard .price-btn .btn-price .price-value,.toro-tips .price-btn .btn-price .price-value {
        min-height: 40px
    }

    .tipster-profile .history-tipsters .tips-boxes {
        max-width: 95%!important
    }

    .primary-bg {
        padding: 7px 13px;
        min-width: 80px
    }

    .q-card.payments-dash {
        padding: 10px 20px
    }

    .purchased-dashboard .status-history-tips svg {
        width: 15px;
        height: 15px
    }

    .left-col.f-card,.right-col.f-card {
        width: 200px
    }

    .filters .toggle-value {
        padding-left: 20px
    }

    .content-tipsters .status-tips .status {
        padding: 5px 20px;
    }

    .tipster-info .sales {
        justify-content: center
    }
    .splashpage .earn-tips-win {
        padding: 80px 40px;
    }
}

@media (max-width: 1490px) {
    .left-col,.right-col {
        display:none!important
    }

    .hot-tipster-new-layout.version-two.add-banners .hot_tipster__outer .box-stats {
        width: calc(50% - 20px)!important
    }

    .become_member__banner {
        transform: skew(-18deg) translate(15px)
    }

    .become_member__banner .content-banner .sigma_banner {
        transform: skew(18deg) translate(0)
    }

    .q-drawer .logo-drawer {
        padding: 20px 10px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .q-drawer .logo-drawer img {
        max-width: 180px
    }

    .q-drawer .active-link {
        background: var(--green)
    }

    .q-drawer .q-item:last-child {
        display: none
    }

    .q-toolbar .toggle-sidebar {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center
    }

    .q-toolbar .toggle-sidebar .vee-button-primary {
        padding: 10px
    }

    .q-header .header-login {
        transform: skew(-18deg) translate(15px)
    }

    .q-header .q-toolbar {
        justify-content: space-between
    }

    .q-header .q-toolbar .q-tab {
        min-height: 25px;
        padding: 0 5px
    }

    .q-header .menu-new-layout {
        flex-wrap: wrap;
        flex-direction: column
    }

    .q-header .menu-new-layout.tipster-menu-row {
        flex-direction: row;
        gap: 25px
    }

    .q-header .tabs_header {
        margin: 3px 0!important;
        padding: 2px 20px;
        width: 300px
    }

    .splashpage .content-splash .content-splash__ .bg-shadow-1 {
        right: 5%!important
    }

    .checkboxes-shell {
        width: 14%!important
    }

    .content-tipsters .content-tips {
        max-width: 100%!important
    }

    .content-tipsters .content-tips .second-row-content .win-tips .percentage-win {
        top: 0
    }

    .content-tipsters .status-tips .bullet-row .bullets {
        width: 17px;
        height: 17px
    }

    .content-tipsters .avatar-tipster img {
        width: 60px;
        height: 60px
    }

    .content-tipsters .avatar-tipster .badges .flex {
        min-width: 95px
    }

    .sponsor-row {
        max-width: 100%!important
    }

    .btn-follow-resp {
        width: 13%!important
    }

    .filters {
        max-width: 100%!important
    }

    .filters .toggle-value {
        padding-left: 0
    }

    .avatar-row .status-tips .bullet-row .bullets {
        width: 20px;
        height: 20px
    }

    .purchased-dashboard .purchased-row .avatar-tipster img {
        width: 65px;
        height: 65px
    }

    .splashpage .header-global {
        font-size: 5rem
    }

    .splashpage .content-boxes {
        font-size: 2.1rem
    }

    .splashpage .earn-tips-win {
        padding: 120px 40px;
    }

    .toro-tips .content-tipsters.follow-layout .content-tips .status-tips.checkboxes-shell {
        width: 160px
    }

    .q-card .tend-system {
        padding: 157px 40px 90px!important
    }
   /* .imagerotate {
        left: 80px;
    }*/
    .splashpage .number-rows .s-benefits__row.m-gap {
        margin-bottom: 150px;
        padding: 0 30px;
    }
}

@media (max-width: 1365px) {
    .splashpage .earn-tips-win {
        padding:120px 35px
    }

    .splashpage .earn-tips-win.two .image-row {
        justify-content: center
    }

    .splashpage .number-rows .benefit-item__content {
        flex: 0 1 410px
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__title {
        font-size: 2.5rem
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__text {
        font-size: 1.7rem
    }

    .q-card.left-col,.q-card.right-col {
        display: none
    }

    .content-tipsters .content-tips {
        max-width: 95%!important
    }

    .content-tipsters .status-tips .bullet-row .bullets {
        width: 20px;
        height: 20px
    }

    .checkboxes-shell {
        width: auto!important
    }

    .btn-follow-resp {
        width: 15%!important
    }

    .sponsor-row,.filters {
        max-width: 95%!important
    }

    .q-header .create-tip-menu.vee-button-primary {
        display: none
    }

    .q-header .header-login .lang-menu-selection .q-field__control-container {
        transform: skew(-10deg)
    }

    .q-header .header-login .lang-menu-selection .normal-flag {
        margin: -.6em -.9em -.6em -.7em
    }

    .q-header .header-login .icon-menu .dashboard-svg .deposit_header {
        flex-direction: row;
        gap: 5px
    }

    .q-header .header-login .tip-menu-mobile {
        display: flex;
        order: 1;
        padding: 1px 5px;
        transform: skew(-10deg);
        transform-origin: center;
        border-radius: 5px;
        min-height: 25px
    }

    .q-header .header-login .tip-menu-mobile .q-btn__content {
        gap: 2px
    }

    .toro-tips .profile-tipster .content-tipsters.follow-layout .content-tips.outer {
        max-width: 95%!important
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details {
        max-width: 100%!important
    }
    /*.imagerotate {
        left: 50px;
    }*/
    .q-footer.banner-footer {
        height:65px
    }

    .q-footer.banner-footer .message {
        font-family: GT Pressura;
        font-size: 2.2rem
    }
}

@media (max-width: 1300px) {
    .toro-tips .data-tips .group_one .tip-row {
        clear:both;
        flex: 1 1 auto
    }

    .toro-tips .data-tips .group_one .tip-row .teams-large .status-signals {
        width: 100%;
        order: -1;
        margin-bottom: 7px
    }

    .toro-tips .profile-tipster .content-tipsters {
        width: calc(100% - 1px)
    }

    .toro-tips .profile-tipster .content-tipsters.container {
        max-width: 100%
    }

    .create-tip-modal>.q-card__section {
        padding: 0
    }

    .not-found .header-not-found {
        font-size: 15rem
    }

    .not-found.splashpage .s-hero__title {
        font-size: 5rem
    }

    .content-tipsters .second-row-content {
        column-gap: 10px
    }
}

@media (max-width: 1250px) {
    .hot-tipster-new-layout .hot_tipster__outer {
        flex-direction:column;
        row-gap: 20px;
        padding: 0 20px
    }

    .hot-tipster-new-layout .hot_tipster__outer .box-stats {
        width: calc(70% - 20px)!important
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer {
        flex-direction: row
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        margin-left: 0
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .box-stats {
        width: calc(50% - 20px)!important
    }

    .hot-tipster-new-layout.version-two .new-avatar {
        left: 15px
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp {
        right: -25px
    }

    .tipster-dashboard .tips-boxes {
        max-width: 1000px
    }

    .tipster-dashboard .profile-tipster .logout-dashboard {
        right: -7px;
        top: 80px
    }

    .splashpage .header-global {
        font-size: 4.3rem;
        margin: 15px 0!important
    }

    .splashpage .s-hero__title {
        font-size: 6rem
    }

    .splashpage .content-splash {
        font-size: 2rem
    }

    .splashpage .content-splash .content-splash__ .bg-shadow-1 {
        right: 2%!important;
        width: 550px;
        height: 550px
    }

    .splashpage .content-boxes {
        font-size: 2rem
    }

    .splashpage.homepage .content-splash .content-splash__ .bg-shadow-1 {
        width: 380px;
        right: 20%!important
    }

    .q-header {
        padding: 0
    }

    .q-header .menu-new-layout {
        order: 4;
        display: flex;
        flex-direction: row;
        gap: 24px;
        padding: 10px 0
    }

    .q-header .menu-new-layout.tipster-menu-row {
        background: #252c30
    }

    .q-header .header-login {
        order: 2;
        flex-basis: 49%;
        transform: skew(-10deg) translate(10px)
    }

    .q-header .header-login.quest-header-login .flex-row {
        gap: 15px
    }

    .q-header .header-login.quest-header-login .flex-row .login-btn,.q-header .header-login.quest-header-login .flex-row .register-btn {
        margin-right: 0;
        border-radius: 5px
    }

    .q-header .header-login .icon-menu {
        transform: skew(10deg) translate(10px)
    }

    .q-header .q-toolbar {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .q-header .q-toolbar__title {
        order: 1;
        flex-basis: 49%;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center
    }

    .q-header .q-toolbar__title .header-logo {
        display: flex;
        align-content: center;
        justify-content: center
    }

    .q-header .q-tab,.q-header .q-tab.q-router-link--exact-active {
        border-radius: 5px
    }

    .q-header .tabs_header {
        padding: 7px 20px;
        border-radius: 5px;
        width: auto
    }

    .become_member__banner {
        order: 3;
        flex-basis: 100%;
        transform: skew(0) translate(0)
    }

    .become_member__banner .content-banner .sigma_banner {
        transform: skew(0) translate(0)
    }

    .become_member__banner .content-banner .btn_join.diagonal {
        transform: skew(-10deg);
        border-radius: 5px
    }

    @keyframes slide-left {
        0% {
            transform: skew(0) translate(-100px);
            transform-origin: center
        }

        to {
            transform: skew(0) translate(0);
            transform-origin: center
        }
    }

    .profile-create-tipster .q-card .vee-form {
        padding: 20px 30px
    }

    .profile-create-tipster .two-vee-fields .col-6 {
        padding: 0 30px
    }

    .purchased-dashboard {
        padding: 0
    }

    .edit-profile-tipster {
        padding: 20px 10px!important
    }

    .edit-profile-tipster .q-card .vee-form {
        padding: 20px 0
    }

    .splashpage .earn-tips-win {
        padding: 50px 35px 0;
    }

    .splashpage .earn-tips-win.three {
        background-size: 54% 99%
    }

    .splashpage .earn-tips-win.survey {
        padding: 0 40px!important
    }

    .splashpage .earn-tips-win.survey .bg-shadow.checker {
        display: none
    }

    .splashpage .content-splash__ .bg-shadow {
        bottom: 5%
    }

    .splashpage .center-title {
        font-size: 4.3rem
    }

    .dash-profile .tabs-sticky .tabs-profile-page-mobile .q-btn-dropdown {
        transform: skew(-10deg);
        border-radius: 5px!important
    }

    .dash-profile .tipster-stats_profile .avatar-row {
        max-width: calc(97% - 25px)!important
    }

    .dash-profile .tipster-stats_profile .calculator-outer {
        max-width: calc(100% - 25px)!important;
        padding: 20px 0
    }

    .dash-profile .tipster-stats_profile .tips-boxes {
        width: 100%!important;
        max-width: calc(100% + -0px)
    }

    .dashboard-layout .box-dash {
        max-width: 735px
    }

    .dashboard-layout .box-dash .link-dash {
        flex-basis: 33%
    }

    .tips-group .badge-tips__ {
        top: -25px
    }

    .content-tipsters .content-tips {
        max-width: 100%!important
    }

    .tendex-page.splashpage .header-global.smaller-title {
        font-size: 2.5rem
    }

    .tendex-page.splashpage .earn-tips-win.three {
        background-size: 50% 65%!important
    }

    .tendex-page.splashpage .content-splash .first-sec .content-splash__ .bg-shadow {
        left: auto!important;
        transform: translate(20px)!important
    }

    .tendex-page.splashpage .content-splash .first-sec .content-splash__ img {
        max-width: 100%!important
    }

    .q-header .bannerText .bannerText-content {
        width: 100%
    }
    .splashpage .content-splash .earn-tips-win .content-splash__ {
        padding: 50px 0;
        flex-direction: column;
        gap: 30px;
    }
    .splashpage .earn-tips-win.two .image-row.justify-center {
        justify-content: center;
        order: 1;
    }
    .col.data-rows{
        order: 2;
    }
    .col.flex-column{
        order: 2;
        width: 55%;
        margin: 0 auto;
    }
    .splashpage .earn-tips-win.two .image-row {
        justify-content: center;
        width: 50%;
    }
    .q-page-container .q-card {
        padding-top: 0;
    }
    .rotateme {
        right: -18px;
        top: -62px;
    }
    .s-benefits__row img {
        width: 400px;
    }
    .splashpage .number-rows .s-benefits__row.m-gap {
        margin-bottom: 100px;
    }
}

@media (max-width: 1125px) {
    .mobile-content-tips.custom-pd {
        padding:0
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 18%
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 85px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 68px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .box-stats {
        width: calc(50% - 20px)!important
    }

    .hot-tipster-new-layout.version-two .name-row .name-tipster {
        left: 0
    }

    .img-center-public-slot {
        width: 90%;
        margin-top: 40px
    }

    .dash-profile .profile-tipster .q-card.dark-bg {
        padding: 0;
        background: transparent
    }

    .dash-profile .profile-tipster .q-card.dark-bg .q-tab-panels.client-tabs-layout,.dash-profile .profile-tipster .q-card.dark-bg .q-tab-panels.tipsters-tabs-layout {
        margin-top: 0
    }

    .dash-profile .profile-tipster .q-card.dark-bg .q-tab-panels.tipsters-tabs-layout .client-headers {
        margin-bottom: 20px
    }

    .dash-profile .profile-tipster .tipster-public-profile {
        max-width: 87%!important;
        border-radius: 5px!important
    }

    .dash-profile .profile-tipster .tipster-public-profile.stats-content {
        background: var(--bg-tabs-grey)
    }

    .dash-profile .profile-tipster .tipster-public-profile.stats-content .stats-data_outer {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .dash-profile .profile-tipster .q-tab-panel {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .dash-profile .mobile-tab__ {
        background: var(--bg-card-grey);
        border-radius: 10px!important;
        padding: 10px
    }

    .dash-profile .mobile-tab__.tips-header {
        background: unset
    }

    .dash-profile .mobile-tab__.tips-header .mobile-tab-header {
        background: #252c30
    }

    .dash-profile .mobile-tab-header {
        background: var(--bg-body-grey);
        padding: 10px 30px;
        gap: 20px;
        border-radius: 5px;
        margin-bottom: 15px;
        width: 90%!important
    }

    .dash-profile .step-one {
        display: none
    }

    .dash-profile .q-page-sticky {
        z-index: 5
    }

    .dash-profile .select-type-tip {
        margin-bottom: 0
    }

    .dash-profile .select-type-tip .q-tabs__content {
        justify-content: flex-start
    }

    .dash-profile .select-type-tip .q-tabs__content .q-tab {
        margin: 0 10px
    }

    .dash-profile .mobile-header-profile {
        font-size: 1.6rem;
        font-family: GT Pressura;
        font-weight: 700;
        text-align: center;
        display: flex;
        align-content: center;
        justify-content: center
    }

    .dash-profile .mobile-header-profile.client-headers {
        max-width: calc(100% - 25px)!important
    }

    .dash-profile .mobile-header-profile.only-text-header {
        background: var(--bg-body-grey);
        padding: 10px 0;
        border-radius: 5px!important;
        width: auto;
        transform: skew(-10deg);
        margin: 10px 0;
        max-width: calc(100% - 25px);
        background: var(--bg-card-grey)
    }

    .dash-profile .mobile-header-profile.purchased-text {
        max-width: 99%;
        width: 100%;
        background: var(--bg-tabs-grey);
        transform: skew(0);
        margin: 10px 0 0
    }

    .dash-profile .mobile-header-profile.inside-stats-title,.dash-profile .tabs-profile-page.q-tabs {
        display: none
    }

    .dash-profile .virtual-stepper {
        padding: 0
    }

    .dash-profile .btn-float-profile {
        font-size: 1.2rem
    }

    .dash-profile .btn-float-profile:before {
        box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
    }

    .dash-profile .btn-float-profile .q-focus-helper {
        display: none
    }

    .dash-profile .btn-float-profile a {
        transform: skew(-10deg);
        background: var(--color-lila);
        color: var(--bg-body-grey);
        border-radius: 5px;
        padding: 8px;
        min-height: 44px;
        min-width: 55px
    }

    .dash-profile .btn-float-profile a:before {
        box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000!important
    }

    .dash-profile .btn-float-profile a:hover {
        color: var(--bg-body-grey)
    }

    .dash-profile .btn-float-profile .q-fab__actions {
        background: #2f363a;
        width: 175px;
        left: 0;
        padding: 10px;
        border-radius: 10px
    }

    .dash-profile .btn-float-profile .q-fab__actions .q-btn {
        background: var(--bg-body-grey);
        color: var(--color-lila);
        min-width: 125px;
        border-radius: 10px;
        transform: skew(-10deg);
        font-size: 1.2rem
    }

    .dash-profile .btn-float-profile .q-fab__actions .q-btn .q-fab__label {
        text-transform: uppercase
    }

    .dash-profile .btn-float-profile .q-fab__actions .q-btn:before {
        box-shadow: 0 0 #0000,0 0 #0000,0 0 #0000
    }

    .dash-profile .btn-float-profile .q-fab__actions .q-btn:hover {
        background: var(--color-lila);
        color: var(--bg-card-grey)
    }

    .dash-profile .tabs-sticky {
        left: 0;
        right: 0
    }

    .dash-profile .tabs-sticky>div {
        width: 100%
    }

    .dash-profile .tabs-sticky .tabs-profile-page-mobile {
        margin-top: 10px
    }

    .dash-profile .tabs-sticky .tabs-profile-page-mobile .q-btn-dropdown {
        background: #cffffa;
        color: var(--bg-body-grey)
    }

    .dash-profile .tabs-sticky .tabs-profile-page-mobile .q-btn-dropdown .q-item .q-item__section {
        background: var(--bg-body-grey);
        color: var(--open-grey);
        border-radius: 5px;
        text-align: center;
        transform: skew(-10deg);
        transform-origin: center
    }

    .dash-profile .q-tabs__content .q-tab {
        transform: skew(-10deg);
        border-radius: 5px
    }

    .left-col,.right-col {
        display: none
    }

    .sponsor-row .sponsor-title span {
        font-size: 1.6rem
    }

    .content-tipsters .status-tips .status,.content-tipsters .last-btn-svg .followers-numbers,.toro-tips .data-tips .group_one .game-country,.toro-tips .data-tips .group_one .date-tip .date-off-tip,.toro-tips .ods,.content-tipsters .last-btn-svg .btn-follow,.content-tipsters,.avatar-row .status-tips .status,.avatar-row .last-btn-svg .followers-numbers,.avatar-row .last-btn-svg .btn-follow,.dash-profile .create-tip .game-tip,.dash-profile .create-tip .simple-games .q-item,.dash-profile .q-stepper-tip .game-row {
        font-size: 1.1rem
    }

    .content-tipsters .avatar-tipster .badges .flex,.avatar-row .badges .flex,.purchased-dashboard .purchased-row .avatar-tipster .badges .flex {
        min-width: 80px
    }

    .filters {
        gap: 8px
    }

    .filters .toggle-value {
        padding-left: 0
    }

    .filters .more-filters {
        width: auto!important
    }

    .filters .short-by-btn.prefixed-label-field button,.filters .short-by-btn.more-filters button {
        width: auto
    }

    .filters .short-by-btn.more-filters button .on-left {
        margin-right: 0!important
    }

    .content-tipsters.modal-vue-tipster {
        padding: 20px
    }

    .content-tipsters.modal-vue-tipster .content-tips {
        align-items: center;
        padding: 20px
    }

    .content-tipsters.modal-vue-tipster .avatar-tipster {
        order: unset
    }

    .content-tipsters .second-row-content .win-tips {
        min-height: 35px
    }

    .content-tipsters .content-tips {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .content-tipsters .content-tips .number-tipster {
        font-size: 1.1rem
    }

    .content-tipsters .avatar-tipster {
        order: 1
    }

    .content-tipsters .avatar-tipster img {
        width: 55px;
        height: 55px;
        margin-top: 10px
    }

    .content-tipsters .data-tipster {
        order: 2;
        max-width: 270px
    }

    .content-tipsters .status-tips.col {
        order: 3;
        padding: 0
    }

    .content-tipsters .status-tips.col .status-container {
        order: 1
    }

    .content-tipsters .status-tips.col .second-row-content {
        order: 2
    }

    .content-tipsters .status-tips.col-2.content-start {
        order: 4
    }

    .content-tipsters .status-tips .bullet-row .bullets {
        width: 20px;
        height: 20px
    }

    .content-tipsters .status-tips .bullet-row .bullets.win:before {
        zoom:65%}

    .content-tipsters .status-tips .bullet-row .bullets.lost:before {
        zoom:65%}

    .content-tipsters .last-btn-svg {
        order: 4;
        width: 14%
    }

    .content-tipsters .last-btn-svg .btn-follow {
        min-width: 110px
    }

    .content-tipsters .content_tips-layout {
        align-items: center;
        gap: 25px!important
    }

    .content-tipsters .content_tips-layout .avatar-tipster,.content-tipsters .content_tips-layout .data-tipster {
        order: 0
    }

    .avatar-row {
        padding: 20px 10px;
        align-items: flex-start
    }

    .avatar-row .second-row-content {
        column-gap: 10px
    }

    .avatar-row .second-row-content .win-tips {
        min-height: 35px;
        flex-wrap: nowrap
    }

    .avatar-row .second-row-content .win-tips .percentage-win {
        font-size: 1.6rem;
        top: 0
    }

    .avatar-row .content-tips {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .avatar-row .content-tips .number-tipster {
        font-size: 1.1rem;
        border-radius: 5px
    }

    .avatar-row .avatar-tipster {
        order: 1
    }

    .avatar-row .avatar-tipster img {
        width: 65px;
        height: 65px
    }

    .avatar-row .data-tipster {
        order: 2;
        max-width: 270px
    }

    .avatar-row .status-tips.col-3 {
        order: 5;
        flex-basis: 100%;
        position: absolute;
        right: 24%;
        bottom: 15px
    }

    .avatar-row .status-tips .bullet-row .bullets {
        width: 15px;
        height: 15px
    }

    .avatar-row .last-btn-svg {
        order: 4
    }

    .avatar-row .status-tips.col {
        order: 3;
        padding: 0
    }

    .avatar-row .status-tips.col .status-container {
        order: 1
    }

    .avatar-row .status-tips.col .second-row-content {
        order: 2
    }

    .avatar-row .status-tips.col-2.content-start {
        order: 4
    }

    .avatar-row .status-tips .bullet-row .bullets {
        width: 20px;
        height: 20px
    }

    .avatar-row .status-tips .bullet-row .bullets.win:before {
        zoom:65%}

    .avatar-row .status-tips .bullet-row .bullets.lost:before {
        zoom:65%}

    .footer-toro .q-card {
        padding-top: 0
    }

    .footer-toro .logo-footer>img {
        max-width: 200px
    }

    .footer-toro .kethea img {
        max-height: 18px
    }

    .splashpage .content-boxes {
        font-size: 1.9rem
    }

    .splashpage .content-splash .content-splash__ .image-row {
        justify-content: center
    }

    /*.splashpage .content-splash .content-splash__ img {
        max-width: 90%;
    }*/
    .con-inside{
        top: 19px;
    }

    .splashpage .content-splash .content-splash__ .bg-shadow-1 {
        width: 490px;
        height: 490px
    }

    .splashpage .content-splash .content-splash__ .bg-shadow {
        left: -10%!important
    }

    .splashpage .earn-tips-win {
        padding: 0 60px 0;
    }

    .splashpage .earn-tips-win.four img {
        max-width: 90%
    }

    .splashpage .number-rows .benefit-item__img img {
        max-width: 80%
    }

    .splashpage .number-rows .benefit-item__content {
        flex: 0 1 365px
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__circle:after {
        width: 70px;
        height: 70px;
        font-size: 33px
    }

    .splashpage.homepage .earn-tips-win {
        padding: 50px
    }

    .splashpage.homepage .content-splash .content-splash__ .image-row {
        justify-content: center
    }

    .splashpage.homepage .content-splash .content-splash__ img {
        max-width: 100%
    }

    .splashpage.homepage .content-splash .content-splash__.one .bg-shadow {
        left: unset!important
    }

    .splashpage.homepage .content-boxes.smaller {
        margin-top: 15px
    }

    .splashpage.homepage .content-boxes br {
        display: none
    }

    .splashpage.homepage .content-boxes .text-lila {
        margin-top: 15px;
        display: block
    }

    .splashpage.homepage .header-global {
        margin: 15px 0!important
    }

    .splashpage.homepage .icon-header span {
        font-size: 1.4rem
    }

    .tipster-dashboard.tipster-public-profile .calculator-outer {
        padding: 0
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes {
        padding: 20px 25px;
        max-width: calc(100% - 25px);
        width: 100%!important
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes.unlock-row .ods {
        border-radius: 5px;
        transform: skew(-10deg)
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes.lock-row .ods {
        border-radius: 5px
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .odd-content {
        width: auto;
        padding: 0!important;
        flex-basis: content
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .odd-content .ods {
        padding: 8px 30px!important
    }

    .tipster-dashboard.tipster-public-profile .price-btn .btn-price {
        transform: skew(-10deg)
    }

    .tipster-dashboard.tipster-public-profile .price-btn .btn-price .price-value {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        font-size: 1.4rem
    }

    .tipster-dashboard.tipster-public-profile .price-btn .btn-price .tip-status {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        font-size: 1.4rem
    }

    .tipster-dashboard.tipster-public-profile .history-tipsters .sales-commissions {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 20px;
        flex: auto;
        margin-right: 10px
    }

    .tipster-dashboard.tipster-public-profile .history-tipsters .sales-commissions .ods {
        padding: 5px 25px!important
    }

    .tipster-dashboard.tipster-public-profile .history-tipsters .sales-commissions .sales {
        transform: skew(-10deg);
        border-radius: 5px;
        padding: 7px 25px!important
    }

    .tipster-dashboard .tips-boxes {
        max-width: 900px;
        transform: skew(0)
    }

    .tipster-dashboard .teams-large .live,.tipster-dashboard .teams-large .free,.tipster-dashboard .teams-large .pregame {
        transform: skew(-10deg)
    }

    .tipster-dashboard .profile-tipster .q-card.dark-bg .q-tab-panels {
        background: var(--bg-body-grey)
    }

    .edit-profile-dash .profile-form.q-px-lg {
        padding-left: 0;
        padding-right: 0
    }

    .edit-profile-dash .profile-form .vee-form {
        justify-content: space-between
    }

    .edit-profile-dash .empty-gap {
        display: none
    }

    .edit-profile-dash .notification-data {
        width: 160px
    }

    .edit-profile-dash .profile-data {
        width: 72%
    }

    .purchased-dashboard .purchased-row {
        align-items: center;
        transform: skew(0);
        max-width: 98%
    }

    .purchased-dashboard .purchased-row .avatar-tipster {
        order: 1;
        margin-top: 5px
    }

    .purchased-dashboard .purchased-row .data-tipster {
        order: 2
    }

    .purchased-dashboard .purchased-row .tips-content.align-start {
        order: 3;
        width: 32%
    }

    .purchased-dashboard .purchased-row .odd-content {
        order: 4
    }

    .purchased-dashboard .purchased-row .price-btn {
        order: 5
    }

    .tipster-info .ods,.tipster-info .sales,.tipster-info .commissions {
        transform: skew(-10deg)
    }

    .dark-modal .tip-row .q-list .selections-group {
        grid-template-columns: repeat(4,1fr)
    }

    .notification-tips-per-day .tips-per-day {
        background: var(--bg-tabs-grey)
    }

    .notification-tips-per-day p {
        text-align: center;
        font-size: 1.4rem
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster {
        gap: 10px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster {
        order: 1
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .number-tipster {
        font-size: 1.1rem
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .data-tipster {
        order: 2;
        max-width: 270px
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .status-tips.col {
        order: 3;
        padding: 0
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .status-tips.col .status-container {
        order: 1
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .status-tips.col .second-row-content {
        order: 2;
        column-gap: 10px
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .status-tips.col-2 .content-start {
        order: 4
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details {
        order: 5
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .q-card .content_tips-layout .price-btn {
        width: auto
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips {
        padding: 0
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout {
        flex-basis: 100%
    }
}

@media (max-width: 1065px) {
    .q-footer.banner-footer {
        height:65px
    }

    .q-footer.banner-footer .message {
        font-family: GT Pressura;
        font-size: 2.2rem
    }

    .hot-tipster-new-layout.version-two.add-banners .hot_tipster__outer .box-stats {
        width:calc(60% + 0px)!important
    }

    .dashboard-layout .box-dash .link-dash,.dashboard-layout .box-dash .link-dash .dashboard-badge,.dashboard-layout .box-dash .link-dash .icon_dash {
        transform: skew(0)
    }

    .dashboard-layout .box-dash .link-dash .icon_dash img {
        width: 30px;
        height: 30px
    }

    .dashboard-layout .box-dash .link-dash .details-dash {
        transform: skew(0)
    }

    .dashboard-layout.client-dashboard .box-dash .link-dash {
        flex-basis: 45%
    }

    .dash-profile .mobile-header-profile.only-text-header {
        transform: skew(0);
        background: var(--bg-card-grey);
        margin: 0;
        text-transform: uppercase
    }

    .dash-profile .mobile-header-profile.stats-title {
        margin-bottom: 5px
    }

    .dash-profile .mobile-header-profile.purchased-text {
        max-width: 99%;
        width: 100%;
        background: var(--bg-tabs-grey);
        padding: 20px 0
    }

    .dash-profile .stats-content .stats-data_outer {
        max-width: 99%;
        gap: 10px
    }

    .dash-profile .stats-content .stats-data_outer .stats-data {
        transform: skew(0)
    }

    .dash-profile .purchased-dashboard .purchased-row {
        max-width: 590px!important
    }

    .dash-profile .purchased-dashboard .purchased-row .tips-content.align-start {
        order: 1
    }

    .dash-profile .purchased-dashboard .purchased-row .tips-content .alert-row-championship {
        font-size: 1.4rem
    }

    .dash-profile .purchased-dashboard .purchased-row .button-flex-mob {
        order: 2;
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-direction: row
    }

    .dash-profile .purchased-dashboard .purchased-row .button-flex-mob .price-btn {
        order: 1
    }

    .dash-profile .purchased-dashboard .purchased-row .button-flex-mob .status-history {
        order: 2
    }

    .dash-profile .purchased-dashboard .purchased-row .button-flex-mob .odd-content {
        margin-right: 0;
        order: -1
    }

    .dash-profile .purchased-dashboard .purchased-row .button-flex-mob .odd-content .ods {
        flex-direction: row;
        gap: 5px;
        align-items: center;
        justify-content: center;
        align-content: center;
        padding: 7px 15px
    }

    .dash-profile .profile-tipster .tipster-public-profile {
        max-width: calc(100% - 25px)!important
    }

    .dash-profile .profile-tipster .q-card {
        box-shadow: unset
    }

    .dash-profile .profile-tipster .q-card.dark-bg {
        background: transparent;
        padding: 0
    }

    .dash-profile .profile-tipster .q-card.dark-bg .q-tab-panels {
        background: transparent
    }

    .dash-profile .profile-tipster .q-card.dark-bg .q-tab-panels.create-tip-tabs {
        margin-top: 0
    }

    .dash-profile .tabs-sticky>div .q-tabs__content {
        justify-content: center
    }

    .mobile-content-tips .followers-numbers {
        color: var(--open-grey);
        margin-top: 5px
    }

    .mobile-content-tips.content-tips {
        align-items: flex-start;
        justify-content: center;
        align-content: flex-start;
        gap: 10px
    }

    .mobile-content-tips .avatar-tipster {
        order: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column
    }

    .mobile-content-tips .avatar-tipster .q-avatar .q-avatar__content {
        transform: skew(0)
    }

    .mobile-content-tips .avatar-tipster img {
        width: 65px;
        height: 65px;
        top: unset;
        transform: skew(0);
        margin-top: 0
    }

    .mobile-content-tips .avatar-tipster .badges .flex {
        min-width: 60px;
        padding: 5px
    }

    .mobile-content-tips .avatar-tipster .badges .flex svg {
        width: 10px
    }

    .mobile-content-tips .avatar-tipster .badges .flex span {
        font-size: 1.1rem
    }

    .mobile-content-tips .mobile-layout {
        order: 2;
        display: flex;
        flex-direction: column;
        max-width: 80%
    }

    .mobile-content-tips .second-row-content {
        transform: skew(-10deg);
        justify-content: center
    }

    .mobile-content-tips .second-row-content .f2 {
        font-size: 1.6rem
    }

    .mobile-content-tips .second-row-content .win-tips {
        display: flex;
        flex-wrap: nowrap;
        min-width: auto;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 0 0 0 10px;
        column-gap: 10px
    }

    .mobile-content-tips .second-row-content .win-tips .percentage-win {
        height: 35px;
        min-height: 35px;
        max-height: 35px
    }

    .mobile-content-tips .second-row-content .win-tendex {
        flex-wrap: nowrap
    }

    .mobile-content-tips .second-row-content .without-border.color-green {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 5px 8px;
        height: 35px;
        min-height: 35px;
        max-height: 35px;
        flex-wrap: nowrap
    }

    .mobile-content-tips .name-stats {
        order: 2;
        display: flex;
        flex-direction: row
    }

    .mobile-content-tips .name-stats .data-tipster {
        max-width: 100%;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .mobile-content-tips .name-stats .data-tipster .name-tipster {
        min-height: 35px
    }

    .mobile-content-tips .status-tips.col {
        order: 3;
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
        margin: 10px 0 15px;
        flex-direction: row
    }

    .mobile-content-tips .status-tips.col-3 {
        right: unset;
        bottom: unset;
        position: relative;
        display: flex;
        align-items: center;
        align-content: center;
        margin: 10px 0
    }

    .mobile-content-tips .status-tips .status {
        min-height: 28px
    }

    .mobile-content-tips .btn-and-more {
        order: 4;
        display: flex;
        justify-content: flex-start
    }

    .mobile-content-tips .btn-and-more .second-row-content {
        transform: skew(0)
    }

    .mobile-content-tips .btn-and-more.sponsor-box .q-item__section--main {
        background: var(--color-lila)
    }

    .mobile-content-tips .btn-and-more.sponsor-box .q-item__section--main~.q-item__section--side {
        background: var(--color-lila)
    }

    .mobile-content-tips .btn-and-more.sponsor-box .read-more_label .q-item__section {
        color: var(--dark-blue)
    }

    .mobile-content-tips .btn-and-more.tipsters-list .q-item__section--main {
        background: var(--bg-body-grey)
    }

    .mobile-content-tips .btn-and-more.tipsters-list .q-item__section--main~.q-item__section--side {
        background: var(--bg-body-grey)
    }

    .mobile-content-tips .btn-and-more .read-more_label {
        order: 2
    }

    .mobile-content-tips .btn-and-more .read-more_label .q-item {
        padding: 0 3px;
        min-height: auto;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center
    }

    .mobile-content-tips .btn-and-more .read-more_label .q-item__section {
        color: var(--open-grey);
        font-size: 1.1rem;
        text-align: center;
        font-weight: 700
    }

    .mobile-content-tips .btn-and-more .read-more_label .q-item__section--main {
        flex: unset;
        padding: 7px 3px 7px 25px;
        min-height: 25px;
        border-top-left-radius: 10px
    }

    .mobile-content-tips .btn-and-more .read-more_label .q-item__section--main~.q-item__section--side {
        min-height: 25px;
        padding: 0 25px 0 0;
        border-top-right-radius: 10px
    }

    .mobile-content-tips .btn-and-more .read-more_label .q-expansion-item__content .q-card {
        background: transparent;
        padding: 13px 0 0
    }

    .mobile-content-tips .btn-and-more .read-more_label .q-card__section--vert {
        padding: 0
    }

    .mobile-content-tips .last-btn-svg {
        margin-top: 0;
        order: 1;
        width: auto;
        display: flex;
        align-content: flex-start;
        align-items: center
    }

    .mobile-content-tips .last-btn-svg.add-stats-btn {
        flex-direction: row;
        gap: 10px
    }

    .mobile-content-tips .last-btn-svg .btn-follow,.mobile-content-tips .last-btn-svg .btn-stats {
        min-height: 28px!important;
        transform: skew(-10deg);
        transform-origin: center;
        border-radius: 5px!important;
        margin-bottom: 0
    }

    .mobile-content-tips .sponsor-row .content-tips {
        padding: 20px 10px
    }

    .mobile-content-tips.custom-pd {
        padding: 20px 10px 0
    }

    .mobile-content-tips.custom-pd.small-layout {
        padding: 0
    }

    .mobile-content-tips.custom-pd:hover {
        background: var(--bg-card-grey)
    }

    .mobile-content-tips.new-ver .new-layout-more-stats {
        order: 4
    }

    .mobile-content-tips.new-ver .status-tips.col {
        justify-content: flex-end
    }

    .mobile-content-tips.new-ver .second-row-content .f2 {
        font-size: 1.8rem
    }

    .external-tipster-sponsor .content-tips.custom-pd:hover {
        background: #cffffa
    }

    .external-tipster-sponsor .q-list {
        background: transparent!important
    }

    .external-tipster-sponsor .followers-numbers {
        color: var(--bg-card-grey)
    }

    .external-tipster-sponsor .mobile-content-tips .status-tips.col {
        margin: 10px 0
    }

    .content-tipsters.modal-vue-tipster {
        padding: 20px
    }

    .content-tipsters.modal-vue-tipster .content-tips {
        align-items: center;
        padding: 20px
    }

    .content-tipsters.modal-vue-tipster .avatar-tipster {
        flex-direction: row
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips.new-ver .status-tips.col {
        justify-content: center
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips .mobile-layout {
        max-width: 100%
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips .second-row-content {
        transform: skew(-10deg);
        justify-content: flex-end
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips .name-stats .data-tipster {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .content-tipsters.modal-vue-tipster .first-row-content {
        justify-content: flex-end
    }

    .content-tipsters.modal-vue-tipster .content-tips .second-row-content .win-tips {
        padding: 0
    }

    .content-tipsters.modal-vue-tipster .content-tips .second-row-content .win-tendex {
        width: 84%;
        transform: skew(0)
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip {
        font-size: 65px!important
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip .q-avatar__content {
        transform: unset
    }

    .content-tipsters .avatar-tipster .q-avatar .q-avatar__content {
        transform: skew(0);
        border-radius: 50%
    }

    .content-tipsters .content-tips {
        max-width: 590px!important
    }

    .content-tipsters .content-tips .number-tipster {
        border-radius: 5px
    }

    .content-tipsters .status-tips .bullet-row {
        margin-top: 5px
    }

    .content-tipsters .status-tips .bullet-row .bullets {
        transform: unset
    }

    .content-tipsters .first-row-content .name-tipster {
        transform: skew(-10deg);
        border-radius: 5px
    }

    .content-tipsters .second-row-content .win-tips .percentage-win {
        width: 57%
    }

    .content-tipsters .second-row-content .number-wins {
        min-width: 60px
    }

    .content-tipsters .sponsor-row {
        transform: unset;
        max-width: 590px!important
    }

    .content-tipsters .content_tips-layout {
        flex-wrap: nowrap;
        gap: 20px!important;
        transform: unset!important;
        border-radius: 5px!important;
        flex-direction: column;
        padding: 20px 20px 20px 35px!important
    }

    .content-tipsters .content_tips-layout .data-tipster {
        max-width: 100%;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .content-tipsters .content_tips-layout .avatar-tipster img {
        transform: unset;
        width: 65px;
        height: 65px;
        margin-top: 0
    }

    .content-tipsters .content_tips-layout .price-btn {
        transform: skew(-10deg);
        border-radius: 5px;
        flex: unset
    }

    .content-tipsters .content_tips-layout .price-btn .price-value {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        min-height: 35px
    }

    .content-tipsters .content_tips-layout .price-btn .tip-status {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        min-height: 35px
    }

    .content-tipsters .content_tips-layout .odd-content .ods {
        transform: skew(-10deg);
        border-radius: 5px
    }

    .content-tipsters .content_tips-layout .odd-content .ods .odd-value {
        font-size: 1.6rem
    }

    .content-tipsters .content_tips-layout .second-row-content {
        transform: skew(-10deg)
    }

    .content-tipsters .content_tips-layout .second-row-content .without-border.color-green {
        flex-grow: unset;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        justify-content: center;
        padding: 5px 8px;
        height: 35px;
        min-height: 35px;
        max-height: 35px;
        flex-wrap: nowrap
    }

    .content-tipsters .content_tips-layout .second-row-content .win-tendex {
        flex-wrap: nowrap
    }

    .content-tipsters .content_tips-layout .second-row-content .win-tips {
        display: flex;
        flex-wrap: nowrap;
        min-width: 150px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 0 0 0 10px;
        column-gap: 10px;
        height: 35px;
        min-height: 35px;
        max-height: 35px
    }

    .content-tipsters .content_tips-layout .second-row-content .win-tips .percentage-win {
        min-height: 35px
    }

    .content-tipsters .content_tips-layout .second-row-content .f2 {
        font-size: 1.4rem
    }

    .content-tipsters .content_tips-layout .first-row-content .name-tipster {
        min-height: 35px
    }

    .content-tipsters .content_tips-layout .mobile-layout {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
        width: 100%
    }

    .content-tipsters .content_tips-layout .mobile-layout .button-flex-mob {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-direction: row;
        align-items: flex-end
    }

    .content-tipsters .content_tips-layout .mobile-layout .button-flex-mob .odd-content {
        order: -1
    }

    .content-tipsters .content_tips-layout .mobile-layout .button-flex-mob .odd-content .ods {
        display: flex;
        flex-direction: row;
        gap: 5px;
        min-height: 35px
    }

    .content-tipsters .tipster-tip_data-mobile {
        display: flex;
        gap: 20px;
        justify-content: center
    }

    .content-tipsters.follow-layout .mobile-content-tips {
        gap: 15px!important
    }

    .purchased-dashboard .purchased-row .avatar-tipster .badges .flex span,.purchased-dashboard .status-history-tips .value-status-tip,.avatar-row .second-row-content span,.content-tipsters .avatar-tipster .badges .flex span,.opentip-tipster .sales-commissions .odd-name,.history-tipsters .sales-commissions .odd-name,.tipster-dashboard .odd-name {
        font-size: 1.2rem
    }

    .sponsor-row .content-tips .last-btn-svg {
        margin-top: 0
    }

    .filters {
        transform: unset
    }

    .filters .search-input {
        border-radius: 5px;
        transform: skew(-10deg)
    }

    .filters .short-by-btn.hot-tipster {
        width: 60%
    }

    .filters .short-by-btn button {
        border-radius: 5px!important;
        transform: skew(-10deg)!important
    }

    .avatar-row {
        transform: skew(0);
        padding: 20px 10px 0
    }

    .avatar-row .first-row-content .name-tipster {
        transform: skew(-10deg);
        border-radius: 5px
    }

    .avatar-row .status-tips .bullet-row {
        margin-top: 0
    }

    .avatar-row .status-tips .bullet-row .bullets {
        transform: unset
    }

    .avatar-row .status-tips .status {
        transform: skew(-10deg)
    }

    .avatar-row .second-row-content .without-border.roi-yield {
        order: -1;
        color: var(--color-lila)
    }

    .avatar-row .second-row-content .without-border.roi-yield .f2 {
        color: var(--color-lila)
    }

    .dark-modal .modal-tips-layout .first-row-tip {
        transform: unset;
        border-radius: 5px
    }

    .dark-modal .modal-tips-layout .first-row-tip .number-tipster {
        border-radius: 5px
    }

    .dark-modal .modal-tips-layout .sec-row-tip {
        transform: unset;
        border-radius: 5px
    }

    .dark-modal .modal-tips-layout .avatar-tipster img {
        transform: unset;
        width: 65px;
        height: 65px;
        margin-top: 0
    }

    .dark-modal .modal-tips-layout .ods {
        transform: skew(-10deg);
        border-radius: 5px
    }

    .dark-modal .modal-tips-layout .second-row-content .win-tips {
        transform: skew(-10deg);
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }

    .dark-modal .modal-tips-layout .second-row-content .without-border.color-green {
        transform: skew(-10deg);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .dark-modal .modal-tips-layout .first-row-content .name-tipster {
        min-height: 35px
    }

    .profile-create-tipster .description-tipster {
        line-height: 23px
    }

    .profile-create-tipster .display-name-row .info-register-tipster {
        line-height: 1.4
    }

    .profile-create-tipster .avatar_img_row .upload_avatar {
        width: 42%;
        margin-left: 0
    }

    .profile-create-tipster .avatar_img_row .avatar_img_content {
        width: 42%
    }

    .payments-dash .payments-data {
        transform: unset
    }

    .payments-dash .payments-data>.row .price span {
        transform: skew(-10deg);
        border-radius: 5px
    }

    .payments-dash .payments-data .receipt span {
        transform: skew(-10deg);
        border-radius: 5px
    }

    .purchased-dashboard .purchased-row .tips-content.align-start {
        width: auto
    }

    .purchased-dashboard .teams-large .live {
        font-size: 1rem
    }

    .purchased-dashboard .status-history .status-history-tips {
        min-width: 110px;
        transform: skew(-10deg);
        border-radius: 5px;
        height: 36px
    }

    .profile-data input:-webkit-autofill,.profile-data input:-webkit-autofill:hover,.profile-data input:-webkit-autofill:focus,.profile-data input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 1000px #21272a inset!important
    }

    .tipster-info .tips-boxes {
        max-width: 590px;
        flex-wrap: wrap;
        padding: 20px 30px
    }

    .tipster-info .tips-boxes .teams-large {
        width: 470px!important;
        flex-wrap: nowrap!important
    }

    .tipster-info .tips-content {
        width: 50%
    }

    .tipster-info .odd-content {
        width: 50%;
        justify-content: end
    }

    .tipster-info .sales-commissions {
        width: 100%;
        justify-content: center;
        margin-top: 20px
    }

    .tipster-info .absolute {
        right: 0;
        top: 5px
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .ods {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 5px;
        min-height: 30px;
        padding: 5px 20px!important
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .sales-commissions .sales,.tipster-info.history-tipsters .tipster-layout-boxes .sales-commissions .commissions {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 0;
        min-height: 30px;
        padding: 5px 10px
    }

    .tipster-info .ods,.tipster-info .sales,.tipster-info .commissions {
        border-radius: 5px
    }

    .tipster-dashboard .create-tip {
        max-width: 100%
    }

    .tipster-dashboard .virtual-stepper {
        padding: 16px 0
    }

    .tipster-dashboard .q-table__card .q-table__middle {
        background: var(--bg-body-grey)
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes {
        flex-wrap: wrap;
        gap: 15px
    }

    .tipster-dashboard.tipster-public-profile .price-btn {
        width: 100%
    }

    .tipster-dashboard.tipster-public-profile .information-boxes {
        max-width: 590px;
        margin: 20px auto 0
    }

    .edit-profile-dash.create-tip .q-tr th {
        color: var(--open-grey);
        background-color: var(--bg-body-grey)!important
    }

    .splashpage .header-global {
        font-size: 3.4rem;
        margin: 5px 0!important
    }

    .splashpage .content-boxes {
        font-size: 1.8rem
    }

    .splashpage .center-title {
        font-size: 3.4rem
    }

    .splashpage .center-title .em-bar.em-bar-big {
        width: 245px
    }

    @-webkit-keyframes MOVE-BG {
        0% {
            -webkit-transform: translateX(0);
            transform: translate(0)
        }

        to {
            -webkit-transform: translateX(240px);
            transform: translate(240px)
        }
    }

    @keyframes MOVE-BG {
        0% {
            -webkit-transform: translateX(0);
            transform: translate(0)
        }

        to {
            -webkit-transform: translateX(240px);
            transform: translate(240px)
        }
    }

    .toro-tips .profile-tipster .content-tipsters.follow-layout .content-tips.mobile-content-tips {
        max-width: calc(100% - 25px)!important
    }

    .not-found.no-data .content-splash.smaller .s-hero__title {
        font-size: 2.5rem
    }

    .not-found.no-data .content-boxes.smaller br {
        display: none
    }

    #calculator-form .vee-field-row .calculator-field_outer {
        display: inline-flex
    }

    #calculator-form .vee-field-row .calculator-field_outer .calculator-field {
        display: inline-flex;
        text-wrap: wrap;
        height: auto
    }

    #calculator-form .vee-field-row .calculator-field_outer .calculator-field .first-row-calculator {
        max-width: 100%;
        gap: 5px
    }

    .opentip-tipster .odd-content.publish-tipster .ods {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 5px;
        min-height: 30px;
        padding: 10px 20px!important
    }

    .opentip-tipster.tipster-info .sales-commissions .sales,.opentip-tipster.tipster-info .sales-commissions .commissions {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 0;
        min-height: 30px
    }

    .hot-tipster-new-layout .hot_tipster__outer {
        flex-direction: column;
        row-gap: 20px;
        padding: 0 20px
    }

    .hot-tipster-new-layout .hot_tipster__outer .box-stats {
        width: calc(70% - 20px)!important
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .box-stats {
        width: calc(60% + -0px)!important
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 110px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 100px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 100px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header.stats {
        width: 80px;
        text-align: center;
        margin: 0 auto
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster {
        gap: 10px!important;
        flex-direction: row
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .status-tips.col {
        margin: 10px 0 0
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster.custom-pd {
        padding: 20px 10px 0!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .mobile-layout {
        order: 2;
        display: flex;
        flex-direction: column;
        max-width: 80%
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .mobile-layout .new-layout-more-stats {
        order: 4;
        padding: 16px 16px 0
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .mobile-layout .new-layout-more-stats .second-row-content .f2 {
        font-size: 1.8rem!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .data-tipster {
        max-width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .btn-see-tipsbetipster {
        border-radius: 5px;
        transform: skew(-10deg)
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .btn-see-tipsbetipster .q-item {
        height: 30px;
        min-height: 30px
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details {
        order: 5;
        padding: 0 20px 20px
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout {
        flex-direction: row
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob {
        display: flex;
        flex-direction: column
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .odd-content {
        order: 1
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .odd-content .ods {
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 10px 5px;
        gap: 10px;
        margin-bottom: 5px
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .price-btn {
        order: 2
    }
    .splashpage .content-splash .earn-tips-win .content-splash__ {
        padding: 50px 0;
        flex-direction: column;
        gap: 30px;
    }
    .splashpage .earn-tips-win.two .image-row.justify-center {
        justify-content: center;
        order: 1;
    }
    .col.data-rows{
        order: 2;
    }
    .col.flex-column {
        width: 85%;
    }
}

@media (max-width: 980px) {
    .hot-tipster-new-layout.version-two .hot_tipster__outer {
        flex-direction:column;
        justify-content: center;
        align-items: center
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .box-stats {
        width: calc(80% + -0px)!important
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 18%
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 100px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 100px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header.stats {
        width: 80px;
        text-align: center;
        margin: 0 auto
    }

    .hot-tipster-new-layout.version-two.add-banners .hot_tipster__outer .box-stats {
        width: calc(80% + 0px)!important
    }

    .tendex-page .header-global {
        margin: 5px 0 25px!important
    }

    .tendex-page .header-global br {
        display: none
    }

    .tendex-page .q-card .tend-system {
        padding: 157px 40px 60px!important
    }
    .s-benefits__row img {
        width: 365px;
    }
    .f-bigger {
        font-size: 22px !important;
        line-height: 1.1;
    }
}

@media (max-width: 920px) {
    .hot-tipster-new-layout .hot_tipster__outer {
        flex-direction:column;
        row-gap: 20px;
        padding: 0 20px
    }

    .hot-tipster-new-layout .hot_tipster__outer .box-stats {
        width: calc(90% - 20px)!important
    }

    .not-found.splashpage .earn-tips-win {
        padding: 50px 20px
    }

    .not-found.splashpage .s-hero__title {
        font-size: 3rem!important;
        text-align: center
    }

    .not-found.splashpage .content-splash .earn-tips-win .content-splash__ .image-row img {
        max-width: 45%;
        opacity: 1
    }

    .not-found.splashpage .content-boxes.smaller {
        text-align: center
    }

    .q-card.left-col,.q-card.right-col {
        display: none
    }

    .content-tipsters .second-row-content .win-tips {
        min-height: 35px
    }

    .content-tipsters .content-tips {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .content-tipsters .content-tips .number-tipster {
        font-size: 1.1rem
    }

    .content-tipsters .avatar-tipster {
        order: 1
    }

    .content-tipsters .avatar-tipster img {
        width: 65px;
        height: 65px
    }

    .content-tipsters .data-tipster {
        order: 2;
        max-width: 270px
    }

    .content-tipsters .status-tips.col {
        order: 3;
        flex-direction: row;
        padding: 0;
        gap: 5px
    }

    .content-tipsters .status-tips.col .status-container {
        order: 1
    }

    .content-tipsters .status-tips.col .second-row-content {
        order: 2
    }

    .content-tipsters .status-tips.col-3 {
        order: 5;
        flex-basis: 100%
    }

    .content-tipsters .status-tips .bullet-row .bullets {
        width: 18px;
        height: 18px
    }

    .content-tipsters .status-tips .bullet-row .bullets.win:before {
        zoom:65%}

    .content-tipsters .status-tips .bullet-row .bullets.lost:before {
        zoom:65%}

    .content-tipsters .last-btn-svg {
        order: 4
    }

    .filters {
        max-width: 100%!important
    }

    .profile-create-tipster .q-card .vee-form {
        padding: 20px 30px
    }

    .profile-create-tipster .two-vee-fields .col-6 {
        padding: 0 30px
    }

    .profile-create-tipster .description-tipster {
        max-width: 82%
    }

    .edit-profile-dash .ext_Code {
        width: 33%
    }

    .payments-dash .payments-data,.edit-profile-tipster .q-card .vee-form {
        padding: 20px 0
    }

    .splashpage .content-splash .content-splash__ .bg-shadow svg {
        width: 580px;
        height: 580px
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__text {
        font-size: 1.6rem
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__text br {
        display: block;
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__img {
        flex-basis: 50%
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__img img {
        max-width: 70%;
        margin: 0 auto;
    }

    .splashpage .number-rows .s-benefits__row:nth-child(4) .benefit-item__img img {
        max-width: 100%
    }

    .splashpage .number-rows .benefit-item__content {
        flex: 0 1 332px
    }

    .header-modal-tip {
        max-width: 60%
    }

    .dashboard-layout {
        padding: 25px!important
    }

    .dashboard-layout .box-dash {
        gap: 20px
    }
    .s-benefits__row img {
        width: 250px;
    }
}

@media (max-width: 850px) {
    .img-center-public-slot {
        width:95%
    }

    .q-header .header-login .lang-menu-selection .q-field__control-container {
        transform: skew(0)
    }

    .dash-profile .stats-content .stats-data_outer::-webkit-scrollbar {
        display: none
    }

    .dash-profile .stats-content .stats-data_outer {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch;
        margin-left: 20px!important;
        scrollbar-width: none
    }

    .dash-profile .stats-content .stats-data_outer .stats-data {
        width: 100px;
        padding: 10px;
        min-width: auto
    }

    .dash-profile .stats-content .stats-data_outer .stats-content {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        text-align: center;
        line-height: 1.2
    }

    .dash-profile .stats-content .stats-data_outer .bg-two {
        transform: skew(0)
    }

    .profile-create-tipster .q-card .vee-form {
        padding: 20px
    }

    .profile-create-tipster .display-name-row .col-6 {
        padding: 0 25px 10px
    }

    .profile-create-tipster .two-vee-fields .col-6 {
        padding: 0 13px
    }

    .profile-tipster .logout-dashboard {
        right: 0
    }

    .q-card.vee-form-card.guest-card {
        max-width: 450px
    }

    .q-card.vee-form-card.guest-card-login .modal-login-all .logo-row-modal {
        padding-bottom: 0
    }

    .edit-profile-tipster {
        width: 100%!important;
        padding: 20px 0!important
    }

    .edit-profile-tipster .q-card .vee-form {
        padding: 20px 10px
    }

    .splashpage .earn-tips-win.four img {
        max-width: 95%!important
    }

    .splashpage .earn-tips-win.fist-player-tipster .header-global {
        margin: 15px 0!important
    }

    .splashpage .earn-tips-win.fist-player-tipster .content-boxes {
        margin-bottom: 15px
    }

    .splashpage .earn-tips-win.fist-player-tipster .save-btn {
        margin-top: 10px
    }

    .splashpage .header-global {
        font-size: 3rem;
        line-height: 1;
        margin: 2px 0!important
    }

    .splashpage .content-boxes,.splashpage .content-boxes.smaller {
        font-size: 1.7rem
    }

    .splashpage .content-splash .content-splash__ .bg-shadow svg {
        width: 530px;
        height: 530px
    }

    .splashpage .content-splash .content-splash__ img {
        max-width: 80%
    }
    .splashpage .content-splash .content-splash__ .what-is img {
        max-width: 100%!important;
        width:430px;
    }

    .splashpage .vee-button-primary.btn-homepage span.block {
        font-size: 1.7rem
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__circle {
        font-size: 2.3rem
    }

    .splashpage .number-rows .benefit-item__content {
        flex: 0 1 316px
    }

    .dark-modal .tip-row .q-list .selections-group {
        grid-template-columns: repeat(3,1fr)
    }

    .tendex-page .header-global {
        margin: 2px 0 25px!important
    }

    .bannerText.footer-fixed {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9;
        background: #2f3538
    }

    .bannerText.footer-fixed .close-banner-btn {
        position: absolute;
        left: 10px;
        background: transparent;
        top: 0;
        border-radius: 0
    }

    .bannerText.footer-fixed .close-banner-btn i {
        font-size: 15px;
        color: #cecece
    }

    .bannerText .bannerText-adjective {
        margin-bottom: 0
    }

    .bannerText .bannerText-adjective.tendex-roi {
        display: none
    }
    .col.flex-column {
        width: 95%;
    }
    .image-row.torocoin:before {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 780px) {
    .hot-tipster-new-layout.version-two.add-banners .hot_tipster__outer .box-stats {
        width:calc(100% - 20px)!important
    }

    .card-cookies.q-card {
        min-width: 400px
    }

    .card-cookies .modal-cookie-header .logo-modal {
        max-width: unset;
        width: 120px;
        height: 23px
    }

    .card-cookies .modal-cookie-header .cookie-icon {
        width: 30px;
        height: 30px
    }

    .country-flag-here {
        top: -2px
    }

    .ssn-row {
        margin-left: 0!important
    }

    .ssn-row.two-vee-fields .col-6 {
        width: 100%
    }

    .hot-tipster-new-layout .hot_tipster__outer {
        flex-direction: column;
        row-gap: 20px;
        padding: 0 20px
    }

    .hot-tipster-new-layout .hot_tipster__outer .box-stats,.hot-tipster-new-layout.version-two .hot_tipster__outer .box-stats {
        width: calc(100% - 20px)!important
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 18%
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 100px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 100px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header.stats {
        width: 80px;
        text-align: center;
        margin: 0 auto
    }

    .tipster-dashboard .card-profile {
        overflow-y: unset
    }

    .dash-profile .purchased-dashboard .q-card {
        margin-top: 0
    }

    .dash-profile .purchased-dashboard .purchased-row {
        margin: 0 auto
    }

    .dash-profile .purchased-dashboard .purchased-row:last-child {
        margin: 0 auto 30px
    }

    .dash-profile .purchased-dashboard .splashpage .content-splash .earn-tips-win .content-splash__ {
        padding: 0 0 50px
    }

    .dash-profile .profile-container .q-card {
        margin-top: 0
    }

    .dash-profile .profile-container .purchased-row {
        margin: 0 auto
    }

    .dash-profile .profile-container .purchased-row:last-child {
        margin: 0 auto 30px
    }

    .dash-profile .profile-container .splashpage .content-splash .earn-tips-win .content-splash__ {
        padding: 0 0 50px
    }

    .dash-profile .stats-content .stats-data_outer .bg-two {
        transform: skew(0)
    }

    .dash-profile .stats-content .stats-data_outer .bg-two .data-numbers {
        padding: 10px 15px;
        flex-wrap: nowrap
    }

    .dash-profile .stats-content .stats-data_outer .bg-two .data-values {
        padding: 10px 15px
    }

    .dash-profile .profile-tipster .tipster-public-profile.small-layout-only {
        padding: 15px 10px
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all {
        flex-direction: column;
        gap: 30px
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .col-6 {
        width: 100%
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .img-modal-login {
        display: none
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .img-modal-login img {
        border-top-right-radius: 12px
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .login-form-modal {
        padding: 25px;
        border-radius: 12px
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .logo-row-modal {
        padding-bottom: 0
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .q-pa-lg {
        padding: 24px 24px 14px
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .vee-back-button {
        margin-top: 5px
    }

    .filters {
        padding: 10px 15px
    }

    .filters .toggle-value {
        display: flex;
        max-width: 43%
    }

    .filters .toggle-value .q-gutter-sm,.filters .toggle-value .q-toggle {
        display: flex
    }

    .filters .short-by-btn {
        width: 20%
    }

    .filters .short-by-btn.more-filters.blue-filters button {
        display: flex
    }

    .filters .short-by-btn button .q-btn__content {
        font-size: 1.2rem
    }

    .filters .search-input {
        width: 24%
    }

    .filters .search-input .q-field__label {
        font-size: 1.2rem!important;
        font-weight: 700
    }

    .filters .search-input .q-icon {
        font-size: 1.7rem
    }

    .content-tipsters .first-row-content .name-tipster,.toro-tips .data-tips .group_one .game-row .game-name,.tipster-profile .tips-boxes .game-name,.tipster-profile .tips-boxes .date-match,.tipster-dashboard .price-btn .btn-price .price-value,.avatar-row .first-row-content .name-tipster,.avatar-row .second-row-content .win-tips span:nth-child(1),.tipster-dashboard .tips-boxes .date-match {
        font-size: 1.2rem
    }

    .content-tipsters .second-row-content .win-tips .percentage-win {
        font-size: 1.6rem
    }

    .content-tipsters .second-row-content .f2 {
        font-size: 1.4rem
    }

    .content-tipsters.modal-vue-tipster {
        padding: 20px
    }

    .content-tipsters.modal-vue-tipster .avatar-tipster {
        flex-direction: row
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips.new-ver .status-tips.col {
        justify-content: center
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips .mobile-layout {
        max-width: 100%
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips .second-row-content {
        transform: skew(-10deg);
        justify-content: flex-end
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips .name-stats .data-tipster {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .content-tipsters.modal-vue-tipster .first-row-content {
        justify-content: center
    }

    .content-tipsters.modal-vue-tipster .first-row-content .name-tipster {
        min-width: 210px
    }

    .content-tipsters.modal-vue-tipster .content-tips {
        align-items: center;
        padding: 20px
    }

    .content-tipsters.modal-vue-tipster .content-tips .last-btn-svg .btn-stats {
        margin: 0
    }

    .content-tipsters.modal-vue-tipster .content-tips .second-row-content {
        justify-content: center
    }

    .content-tipsters.modal-vue-tipster .content-tips .second-row-content .win-tips {
        padding: 0
    }

    .content-tipsters.modal-vue-tipster .content-tips .second-row-content .win-tendex {
        justify-content: center
    }

    .content-tipsters.modal-vue-tipster .content-tips .second-row-content .win-tendex .without-border.color-green {
        max-width: 90px
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip {
        font-size: 53px!important
    }

    .content-tipsters .second-row-content .win-tips {
        min-height: 35px;
        min-width: 120px
    }

    .content-tipsters .second-row-content .without-border.color-green {
        max-width: 67px
    }

    .content-tipsters .content-tips {
        flex-wrap: wrap;
        align-items: flex-start
    }

    .content-tipsters .content-tips .number-tipster {
        font-size: 1.1rem
    }

    .content-tipsters .avatar-tipster {
        order: 1
    }

    .content-tipsters .avatar-tipster img {
        position: relative
    }

    .content-tipsters .data-tipster {
        order: 2;
        max-width: 200px
    }

    .content-tipsters .status-tips.col {
        order: 3;
        flex-direction: row;
        padding: 0;
        gap: 5px
    }

    .content-tipsters .status-tips.col .status-container {
        order: 1
    }

    .content-tipsters .status-tips.col .second-row-content {
        order: 2
    }

    .content-tipsters .status-tips.col-3 {
        order: 5;
        flex-basis: 100%
    }

    .content-tipsters .status-tips .bullet-row .bullets {
        width: 18px;
        height: 18px
    }

    .content-tipsters .status-tips .bullet-row .bullets.win:before {
        zoom:65%}

    .content-tipsters .status-tips .bullet-row .bullets.lost:before {
        zoom:65%}

    .content-tipsters .last-btn-svg {
        order: 4;
        width: 25%
    }

    .content-tipsters .last-btn-svg .btn-follow {
        min-width: 85px!important
    }

    .toro-tips .content-tipsters .content-tips {
        gap: 15px
    }

    .avatar-row.tipster-public-profile .first-row-content .name-tipster {
        min-width: 100%
    }

    .avatar-row.tipster-public-profile .second-row-content .win-tips {
        min-width: 140px
    }

    .avatar-row.tipster-public-profile .second-row-content .win-tips .percentage-win {
        top: 0
    }

    .avatar-row.tipster-public-profile .mobile-content-tips.custom-pd {
        padding: 0
    }

    .avatar-row.tipster-public-profile .mobile-content-tips.add_flag .name-stats .data-tipster .first-row-content {
        flex-grow: 1
    }

    .avatar-row.tipster-public-profile .last-btn-svg .btn-follow {
        min-width: 85px
    }

    .mobile-content-tips .followers-numbers {
        margin-top: 10px;
        font-size: 1.2rem
    }

    .mobile-content-tips.new-ver .last-btn-svg.add-stats-btn {
        width: auto
    }

    .mobile-content-tips.add_flag .mobile-layout {
        flex-grow: 1
    }

    .content_tips-layout .first-row-content .name-tipster {
        min-width: 240px
    }

    .dark-modal.vee-form .q-pa-lg {
        gap: 20px
    }

    .dark-modal.vee-form .q-pa-lg .col-2 {
        width: 20%
    }

    .dark-modal .modal-tips-layout .data-tipster {
        max-width: 270px
    }

    .dark-modal .modal-tips-layout .first-row-content .name-tipster {
        min-width: 240px
    }

    .dark-modal .modal-tips-layout .second-row-content .win-tips {
        min-width: 170px
    }

    .dark-modal .modal-tips-layout .second-row-content .win-tips .percentage-win {
        min-height: 36px
    }

    .dark-modal .modal-tips-layout .second-row-content .without-border.color-green {
        justify-content: center
    }

    .profile-create-tipster .description-tipster {
        max-width: 92%
    }

    .profile-create-tipster .q-checkbox--dense {
        align-items: start
    }

    .profile-create-tipster .q-checkbox--dense .q-checkbox__label {
        line-height: 20px
    }

    .profile-create-tipster .q-checkbox--dense .q-checkbox__inner {
        margin-top: 3px
    }

    .edit-profile-dash {
        margin: 0 auto
    }

    .edit-profile-dash .ext_Code {
        width: 40%
    }

    .edit-profile-dash .profile-form .vee-form {
        flex-direction: column
    }

    .edit-profile-dash .profile-data {
        width: 100%
    }

    .edit-profile-dash .notification-data {
        width: 100%;
        margin: 10px 0 30px
    }

    .profile-tipster .logout-dashboard {
        top: 70px
    }

    .splashpage.help .questions {
        padding: 0
    }

    .splashpage.help .questions .center-title p {
        font-size: 3rem
    }

    .splashpage.help .questions .center-title .em-bar.em-bar-big {
        margin: 10px auto 0
    }

    .splashpage.help .faq-rows .faq-content-row .q-list {
        width: 100%
    }

    .splashpage.help .faq-rows .faq-content-row .q-list .q-separator--horizontal {
        height: 15px;
        background: var(--bg-body-grey)
    }

    .splashpage.help .help-list {
        margin: 5px 0;
        list-style-type: disc;
        padding-left: 20px
    }

    .splashpage.help .q-tabs {
        margin-bottom: 10px
    }

    .splashpage.homepage .content-splash .earn-tips-win .content-splash__ {
        padding: 80px 0
    }

    .splashpage.homepage .content-splash .earn-tips-win.two {
        background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/icon-one_right.svg) no-repeat right center
    }

    .splashpage.homepage .content-boxes br {
        display: unset
    }

    .splashpage .content-splash .earn-tips-win {
        padding: 0;
        min-height: auto
    }

    .splashpage .content-splash .earn-tips-win.first-player .content-splash__ {
        padding: 30px 0
    }

    .splashpage .content-splash .earn-tips-win.first-player .content-splash__ .icon-header {
        align-items: center;
        flex-wrap: nowrap;
        gap: 5px
    }

    .splashpage .content-splash .earn-tips-win.first-player .content-splash__ .icon-header img {
        width: 20px;
        height: 20px
    }

    .splashpage .content-splash .earn-tips-win.first-player .content-splash__ .image-row img {
        max-width: 85%;
        justify-content: start
    }

    .splashpage .content-splash .earn-tips-win.first-player .content-splash__ .content-boxes br {
        display: none
    }

    .splashpage .content-splash .earn-tips-win.first-player .content-splash__ .content-boxes .small-break {
        display: flex
    }

    .splashpage .content-splash .earn-tips-win.no-absolute .content-splash__ {
        padding: 20px 0
    }

    .splashpage .content-splash .earn-tips-win.no-absolute .content-splash__ .flex-column {
        order: 1
    }

    .splashpage .content-splash .earn-tips-win.no-absolute .content-splash__ .image-row {
       /* display: none;
        order: 2;*/
        position: relative;
        right: 0;
        justify-content: center
    }
    .image-row.torocoin:before {
        width: 300px;
        height: 300px;
    }

    .rotateme {
        width: 100% !important;
       /* animation: unset;*/
        top: -24px;
        left: -7px;
    }
    .splashpage .content-splash .earn-tips-win.two .image-row img{
        max-width: 90%!important;
    }
    .splashpage .content-splash .earn-tips-win .content-splash__ .bg-shadow svg {
        display: none;
    }

    .splashpage .content-splash .earn-tips-win.no-absolute .content-splash__ .image-row img {
        max-width: 60%;
        opacity: 1;
        justify-content: start
    }

    .splashpage .content-splash .earn-tips-win.two {
        background: unset
    }

    .splashpage .content-splash .earn-tips-win.three {
        background: var(--bg-body-grey) url(https://torocoin.online/static/img/splash/icon-one_right.svg) no-repeat right center
    }

    .splashpage .content-splash .earn-tips-win.three .image-row {
        justify-content: end
    }

    .splashpage .content-splash .earn-tips-win.four img {
        max-width: 60%!important
    }

    .splashpage .content-splash .earn-tips-win.five .q-mt-lg {
        margin-top: 0
    }

    .splashpage .content-splash .earn-tips-win .content-splash__ {
        padding: 50px 0;
        flex-direction: column;
        gap: 30px
    }

    .splashpage .content-splash .earn-tips-win .content-splash__ .flex-column {
       /* order: 1;*/
        width: 85%;
        z-index: 2
    }

    .splashpage .content-splash .earn-tips-win .content-splash__ .bg-shadow {
        left: 18%!important;
        bottom: 50%
    }

    .splashpage .content-splash .earn-tips-win .content-splash__ .bg-shadow svg {
        width: 500px;
        height: 500px
    }

    .splashpage .content-splash .earn-tips-win .content-splash__ .image-row img {
        max-width: 68%;
        justify-content: start
    }

    .splashpage .content-splash .earn-tips-win.survey .image-row {
        display: none
    }

    .splashpage .content-splash .earn-tips-win.survey .bigger-fonts {
        font-size: 3rem;
        line-height: 1
    }

    .splashpage .content-splash .earn-tips-win.survey .content-splash__ {
        padding: 20px 0
    }

    .splashpage .content-splash .earn-tips-win.survey .content-splash__ .flex-column {
        width: 88%
    }

    .splashpage .icon-header span {
        font-size: 1.5rem
    }

    .splashpage .vee-button-primary {
        border-radius: 5px;
        transform: skew(-10deg);
        /*padding: 7px 20px;*/
        min-height: 48px
    }
    .con-inside {
        top: 9px;
    }

    .splashpage .vee-button-primary.btn-homepage span.block {
        font-size: 1.8rem
    }

    .splashpage .number-rows {
        margin-top: 80px
    }

    .splashpage .number-rows .s-benefits__row {
        padding: 0 0 80px;
        flex-wrap: wrap;
        justify-content: center
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__circle {
        order: 1;
        flex-basis: 40%;
        position: relative;
        left: unset;
        top: unset;
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0);
        top: 300px;
        right: 40%;
        position: absolute;
    }
    .splashpage .number-rows .s-benefits__row.four .benefit-item__circle {
        top: 230px;
    }
    .splashpage .number-rows .s-benefits__row.two .benefit-item__circle {
        top: 350px;
    }
    .splashpage .number-rows .s-benefits__row.two .benefit-item__circle {
        top: 198px;
    }




    .splashpage .number-rows .s-benefits__row .benefit-item__circle:after {
        left: unset;
        right: 0
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__circle:before {
        left: unset;
        right: -93px
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__img {
        order: 2;
        flex-basis: 100%;
        display: flex;
        justify-content: flex-start;
        max-width: 100%
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__img.three__ img {
        max-width: 100%
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__content {
        order: 3;
        flex: 0 1 100%;
        margin-top: 40px
    }

    .splashpage .number-rows .s-benefits__row.last-row .benefit-item__circle {
        flex-basis: 20%
    }

    .splashpage .number-rows .s-benefits__row:nth-child(odd) {
        flex-direction: row
    }

    .splashpage .number-rows .s-benefits__row:nth-child(2n) {
        flex-direction: row-reverse
    }

    .splashpage .number-rows .s-benefits__row:nth-child(2n) .benefit-item__img {
        justify-content: flex-end
    }

    .splashpage .number-rows .s-benefits__row:nth-child(2n) .benefit-item__circle:before {
        left: 35px;
        right: 0
    }

    .splashpage .number-rows .s-benefits__row:nth-child(2n) .benefit-item__circle:after {
        left: 35px;
        right: 0
    }

    .splashpage .number-rows .s-benefits__body {
        padding-top: 35px
    }

    .splashpage .number-rows .s-benefits__body:before {
        display: none
    }

    .splashpage .faq-rows .faq-content-row .q-list {
        width: 87%
    }

    .splashpage .faq-rows .faq-content-row .q-item__label {
        font-size: 1.8rem
    }

    .splashpage .faq-rows .q-card__section {
        font-size: 1.6rem
    }

    .splashpage .faq-rows .q-card {
        padding: 20px
    }

    .splashpage.homepage .content-splash .earn-tips-win.one {
        background: unset
    }

    .splashpage.homepage .content-splash .content-splash__ .bg-shadow-1 {
        left: 18%!important;
        bottom: 50%
    }

    .splashpage.homepage .content-splash .content-splash__ .bg-shadow-1 svg {
        width: 500px;
        height: 500px
    }

    .splashpage.survey-page .iframe-block iframe::-webkit-scrollbar {
        width: 12px!important
    }

    .splashpage.survey-page .iframe-block iframe::-webkit-scrollbar-track {
        background-color: #f1f1f1!important
    }

    .splashpage.survey-page .iframe-block iframe::-webkit-scrollbar-thumb {
        background-color: #888!important;
        border-radius: 10px!important
    }

    .splashpage.survey-page .iframe-block iframe::-webkit-scrollbar-thumb:hover {
        background-color: #555!important
    }

    .splashpage.survey-page iframe {
        position: relative;
        height: 7210px!important
    }

    .edit-profile-tipster .address-information .text-grey-toro {
        line-height: 20px
    }

    .not-found.no-data .content-splash.smaller .s-hero__title {
        font-size: 2.5rem!important;
        text-align: center
    }

    .not-found.no-data .content-splash.smaller .content-boxes.smaller {
        text-align: center
    }

    .not-found.no-data .content-splash.smaller .earn-tips-win.two .bg-shadow {
        left: -60px!important;
        bottom: 0!important;
        top: -119px
    }

    .not-found.no-data .content-splash.smaller .earn-tips-win.two .bg-shadow svg {
        width: 400px!important;
        height: 400px!important
    }

    .not-found.no-data .content-splash .earn-tips-win .content-splash__ .bg-shadow {
        left: 0!important;
        bottom: 0!important
    }

    .not-found.no-data .content-splash .earn-tips-win .content-splash__ .bg-shadow svg {
        width: 400px!important;
        height: 400px!important
    }

    .not-found.no-data .content-splash .earn-tips-win .content-splash__ .image-row {
        position: relative;
        z-index: 1;
        right: 0;
        justify-content: center;
        order: 2;
        top: 0
    }

    .not-found.no-data .content-splash .earn-tips-win .content-splash__ .image-row img {
        max-width: 70%
    }

    .payments-dash span.word {
        font-size: 2.5rem;
        text-align: center
    }

    .footer-toro .link-footer-container {
        margin-top: 20px;
        gap: 2px;
        margin-bottom: 40px
    }

    .footer-toro .link-footer-container a {
        font-size: 1.2rem
    }

    .dashboard-layout .box-dash .link-dash {
        flex-basis: 33%;
        padding: 15px
    }

    .rotatingText .rotatingText-adjective {
        top: 5px
    }

    .rotatingText .s-running-line__subtitle {
        display: flex;
        justify-content: center;
        line-height: 1;
        margin-left: 0
    }

    .rotatingText .s-running-line__title {
        line-height: 1
    }

    .tendex-page.splashpage .q-card .tend-system {
        padding: 0 40px!important
    }

    .tendex-page.splashpage .content-splash .content-splash__ .image-row {
        display: flex!important;
        order: 1!important
    }

    .tendex-page.splashpage .content-splash .content-splash__ .image-row img {
        max-width: 50%!important
    }

    .tendex-page.splashpage .content-splash .content-splash__ .flex-column {
        order: 2!important;
        width: 90%
    }

    .tendex-page.splashpage .content-splash .first-sec .content-splash__ .bg-shadow {
        left: 170px!important
    }

    .tendex-page.splashpage .content-splash .first-sec .content-splash__ .bg-shadow svg {
        width: 400px;
        height: 400px
    }

    .tendex-page.splashpage .content-splash .second-sec .content-splash__ .bg-shadow {
        left: 220px!important;
        bottom: -50px!important
    }

    .tendex-page.splashpage .content-splash .second-sec .content-splash__ .bg-shadow svg {
        width: 400px;
        height: 400px
    }

    .tendex-page.splashpage .earn-tips-win.three {
        background-size: unset!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster {
        gap: 15px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .data-tipster .second-row-content .win-tips {
        min-height: 35px;
        min-width: 120px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .data-tipster .second-row-content .without-border.color-green {
        max-width: 67px
    }

    .toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .tips-by-tipster {
        right: 10px
    }
    .btn-con-icon {
        width: 65px;
    }
    .s-benefits__row img {
        width: 300px;
    }
    .s-benefits__row.three img {
        width: 330px;
    }

}

@media (max-width: 650px) {
    .hot-tipster-new-layout .new-avatar {
        position:absolute;
        left: 0;
        width: 80px;
        top: 2px
    }

    .hot-tipster-new-layout .new-avatar img {
        width: 55px;
        height: 55px
    }

    .hot-tipster-new-layout .new-avatar .q-avatar {
        font-size: 55px!important
    }

    .hot-tipster-new-layout .name-row {
        justify-content: flex-end
    }

    .hot-tipster-new-layout .name-row .name-tipster {
        line-height: 1;
        padding: 10px 20px;
        max-width: 74%
    }

    .hot-tipster-new-layout .hot_tipster__outer {
        padding: 0
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats .q-table__middle {
        overflow: hidden;
        will-change: unset;
        -webkit-overflow-scrolling: unset
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats th:nth-child(2),.hot-tipster-new-layout .hot_tipster__outer .table-stats th:nth-child(3),.hot-tipster-new-layout .hot_tipster__outer .table-stats th:nth-child(4) {
        display: none
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 30px);
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: 0 auto 5px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td {
        height: auto;
        padding: 7px 20px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(1) {
        width: 100%;
        padding: 7px 20px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        width: 150px;
        padding: 0 7px 7px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 100px;
        padding: 0 7px 7px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 65px;
        padding: 0 0 7px
    }

    .hot-tipster-new-layout .hot_tipster__outer .follow {
        border: 1px solid var(--color-lila);
        padding: 10px;
        transform: skew(-10deg);
        border-radius: 5px;
        display: flex;
        align-items: center
    }

    .hot-tipster-new-layout .hot_tipster__outer .follow svg {
        stroke: var(--color-lila)
    }

    .hot-tipster-new-layout .hot_tipster__outer .follow svg path {
        color: #03dac5
    }

    .hot-tipster-new-layout .header-from-name-avatar .custom-header.stats {
        font-size: 1rem;
        display: flex;
        flex-wrap: wrap;
        text-wrap: wrap;
        text-align: center
    }

    .hot-tipster-new-layout .avg_ods-row .avg_ods {
        background: transparent;
        border-radius: 0;
        padding: 0;
        transform: skew(0);
        line-height: 1;
        font-size: 1.5rem;
        color: #fff;
        font-weight: 700;
        font-style: italic
    }

    .hot-tipster-new-layout .highest_ods-row {
        align-items: center;
        justify-content: center
    }

    .hot-tipster-new-layout .highest_ods-row .highest_ods {
        background: transparent;
        border-radius: 0;
        padding: 0;
        transform: skew(0);
        line-height: 1;
        font-size: 1.5rem;
        color: #fff;
        font-weight: 700;
        font-style: italic
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 20%
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp {
        min-height: auto;
        right: 0;
        position: relative
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow {
        min-width: 40px
    }

    .hot-tipster-new-layout.version-two .name-row {
        justify-content: center;
        position: relative;
        left: 25px
    }

    .hot-tipster-new-layout.version-two .new-avatar {
        left: -8%
    }

    .edit-profile-tipster {
        padding: 0!important
    }

    .dash-profile .mobile-header-profile.client-headers {
        max-width: calc(100% - 25px)!important;
        padding: 10px 0
    }

    .dash-profile .mobile-header-profile.sm-padding {
        padding: 10px 0
    }

    .dash-profile .mobile-header-profile.tipster-header__ {
        max-width: calc(100% - 25px)!important
    }

    .dash-profile .mobile-tab-header {
        margin-bottom: 0;
        transform: skew(0)
    }

    .dash-profile .select-type-tip .q-tabs__content .q-tab {
        transform: skew(-10deg)
    }

    .dash-profile .q-tabs__content {
        justify-content: flex-start
    }

    .dash-profile .q-tabs__content .q-tab {
        min-height: 30px;
        padding: 0 15px;
        transform: skew(0)
    }

    .dash-profile .q-card {
        padding: 20px 12px
    }

    .client-dash .follow-layout {
        padding: 0 40px
    }

    .client-dash .follow-layout .mobile-content-tips {
        gap: 15px!important
    }

    .mobile-content-tips .name-stats .data-tipster .name-tipster {
        min-width: 150px
    }

    .mobile-content-tips.add_flag .name-stats .data-tipster .name-tipster {
        min-width: 195px
    }

    .toro-tips.all-tipster .short-by-btn.more-filters {
        justify-content: flex-end;
        flex-grow: 1!important
    }

    .toro-tips .profile-tipster .content-tipsters.follow-layout {
        padding: 10px 0!important
    }

    .toro-tips .profile-tipster .content-tipsters.follow-layout .content-tips.mobile-content-tips {
        max-width: calc(100% - 25px)!important
    }

    .filters {
        background: transparent;
        border-radius: 0!important;
        padding: 0 11px!important;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .filters .filters-chips {
        display: none
    }

    .filters.hot-tipsters-filters {
        background: var(--bg-tabs-grey);
        padding: 5px 15px!important;
        border-radius: 5px!important;
        justify-content: center
    }

    .filters.hot-tipsters-filters .prefixed-label-field .prefix-label {
        font-size: 1.2rem
    }

    .filters.hot-tipsters-filters .short-by-btn.hot-tipster {
        width: 100%
    }

    .filters .toggle-value {
        justify-content: flex-start;
        max-width: 100%;
        flex-basis: 100%;
        order: 5
    }

    .filters .toggle-value .q-toggle {
        margin-left: 0
    }

    .filters .toggle-value .q-toggle .q-toggle__thumb {
        color: var(--open-grey)
    }

    .filters .toggle-value .q-toggle__label {
        font-style: italic
    }

    .filters .search-input {
        width: 30%
    }

    .filters .short-by-btn {
        width: 24%
    }

    .filters .short-by-btn.more-filters {
        justify-content: flex-end;
        flex-grow: 1!important
    }

    .avatar-row.tipster-public-profile .mobile-content-tips.add_flag .name-stats .data-tipster .first-row-content .name-tipster {
        min-width: 100%
    }

    .avatar-row.tipster-public-profile .second-row-content .win-tips .percentage-win {
        font-size: 1.6rem;
        top: 0
    }

    .tipster-dashboard .history-tipsters .sales-commissions {
        justify-content: flex-end
    }

    .tipster-dashboard .tipster-info.history-tipsters .sales-commissions {
        justify-content: center
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes {
        flex-wrap: wrap;
        padding: 15px
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .tips-content {
        flex-basis: 100%;
        margin-bottom: 20px
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .sales-commissions {
        width: auto;
        margin-top: 0;
        flex: 1
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .price-btn {
        flex-basis: 48%;
        justify-content: end;
        margin-right: 0
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .price-btn .btn-price .tip-status span {
        font-size: 1.2rem
    }

    .tipster-dashboard.tipster-public-profile .mobile-content-tips .followers-numbers {
        font-size: 12px
    }

    .tipster-dashboard.tipster-public-profile .information-boxes,.tipster-dashboard.tipster-public-profile .information_public_tipster {
        width: 98%!important
    }

    .toro-tips .ods .odd-value,.tipster-profile .ods .odd-value,.history-tipsters .sales-commissions .odd-value,.opentip-tipster .sales-commissions .odd-value,.tipster-dashboard .ods .odd-value {
        font-size: 1.6rem
    }

    .content-tipsters.modal-vue-tipster .content-tips .first-row-content .name-tipster {
        min-width: 210px
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip {
        font-size: 65px!important
    }

    .content-tipsters .full-content-row.data-tipster {
        justify-content: end
    }

    .content-tipsters .content_tips-layout {
        padding: 30px 20px 20px!important
    }

    .content-tipsters .content_tips-layout .first-row-content .name-tipster {
        min-width: 130px
    }

    .content-tipsters .content_tips-layout .tipster-tip_data-mobile {
        width: 100%
    }

    .content-tipsters .content_tips-layout .second-row-content .without-border.color-green {
        flex-grow: 1!important;
        max-width: 100px
    }

    .content-tipsters .content_tips-layout .second-row-content .win-tips {
        min-width: 170px!important
    }

    .content-tipsters.by_tipsters .vit-title .register-link {
        display: flex;
        flex-direction: column
    }

    .content-tipsters.by_tipsters .header-vit {
        display: flex;
        flex-direction: column;
        gap: 3px;
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 1.4rem
    }

    .profile-create-tipster .display-name-row {
        flex-direction: column;
        gap: 15px
    }

    .profile-create-tipster .display-name-row .col-6 {
        width: 100%
    }

    .profile-create-tipster .vee-field-row.two-vee-fields {
        flex-direction: column;
        gap: 0
    }

    .profile-create-tipster .vee-field-row.two-vee-fields .col-6 {
        width: 100%;
        padding: 0 25px
    }

    .profile-create-tipster .avatar_img_row .avatar_img_content,.profile-create-tipster .avatar_img_row .upload_avatar {
        width: 28%
    }

    .profile-create-tipster .q-card .vee-form {
        padding: 20px 10px
    }

    .profile-create-tipster .description-tipster {
        max-width: 95%
    }

    .dark-modal.vee-form .q-pa-lg .col-2 {
        width: 24%
    }

    .edit-profile-dash .profile-form .vee-field-row.two-vee-fields {
        flex-direction: column
    }

    .edit-profile-dash .profile-form .vee-field-row.two-vee-fields .col-6,.edit-profile-dash .profile-form .vee-form-field {
        width: 100%
    }

    .edit-profile-dash .profile-form .ext_Code {
        width: 25%
    }

    .payments-dash .payments-data .row {
        gap: 8px
    }

    .payments-dash .payments-data>.row div {
        flex-basis: 33%
    }

    .payments-dash .q-px-lg {
        padding-left: 10px;
        padding-right: 10px
    }

    .payments-dash .card-section-payments {
        padding: 0;
        width: 94%!important
    }

    .profile-tipster .logout-dashboard {
        top: 60px
    }

    .tipster-info .tips-content {
        width: 80%
    }

    .tipster-info .odd-content {
        width: 20%
    }

    .tipster-dashboard .profile-tipster .logout-dashboard {
        top: 56px
    }

    .add-stripe-card #stripe-form {
        padding-left: 8px;
        padding-right: 8px
    }

    .edit-profile-tipster .row:nth-child(4) .valid.vee-form-field {
        width: 90%;
        margin-top: 10px
    }

    #calculator-form .vee-field-row .calculator-field .q-field__control {
        height: 18px;
        min-height: 23px
    }

    #calculator-form .vee-field-row .calculator-field .q-field__control:after {
        bottom: 3px
    }

    #calculator-form .vee-field-row .calculator-field .calculator-input-field .q-field__append {
        height: 18px
    }

    #calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control {
        height: 18px;
        min-height: 23px
    }

    #calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control .q-field__native {
        height: 18px;
        min-height: 23px;
        padding: 0
    }

    #calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control .q-field__append {
        height: 18px;
        min-height: 23px
    }

    #calculator-form .vee-field-row .calculator-field .calculator-select .q-field__control:after {
        bottom: 0
    }

    .splashpage.survey-page iframe {
        height: 8550px!important
    }
    .splashpage .content-splash .content-splash__ .what-is img {
        max-width: 100% !important;
        width: 350px;
    }
    .link-footer .btn_img{
        margin-left: 40px;
    }
}

@media (max-width: 560px) {
    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left:21%
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp {
        min-height: auto;
        right: 0;
        position: relative
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow {
        min-width: 40px
    }

    .hot-tipster-new-layout.version-two .name-row {
        justify-content: center;
        position: relative;
        left: 25px
    }

    .tips-group .header-menu-item .menu-badge-tips.q-badge {
        top: -12px;
        font-size: 1rem
    }

    .tips-group .badge-tips__ {
        top: -20px
    }

    .purchased-dashboard .purchased-row .odd-content .ods {
        min-width: auto
    }

    .opentip-tipster .odd-content.publish-tipster .ods .odd-name {
        order: -1
    }

    .opentip-tipster.tipster-info .sales-commissions .commissions {
        padding: 10px 5px;
        min-width: 90px
    }

    .opacity-zero-desktop {
        opacity: 1
    }

    .dashboard-layout {
        padding: 20px!important
    }

    .splashpage .content-splash .earn-tips-win.survey .image-row {
        display: none
    }

    .splashpage .content-splash .earn-tips-win.survey .bigger-fonts {
        font-size: 2.2rem;
        line-height: 1
    }

    .splashpage .content-splash .earn-tips-win.survey .content-splash__ {
        padding: 20px 0
    }

    .splashpage .content-splash .earn-tips-win.survey .content-splash__ .flex-column {
        width: 100%
    }

    .splashpage .content-splash .earn-tips-win .content-splash__ .flex-column {
        width: 85%
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__content {
        flex: 0 1 83%
    }

    .splashpage .number-rows .s-benefits__row.three_row_outer {
        column-gap: 0;
        padding-bottom: 0
    }

    .splashpage .number-rows .s-benefits__row.three_row_outer .benefit-item__circle {
        flex-basis: 40%
    }

    .splashpage .header-global {
        margin: 15px 0!important
    }

    .splashpage.homepage .content-boxes .text-lila {
        margin-top: 0
    }

    .splashpage.survey-page iframe {
        height: 8800px!important
    }

    .splashpage .earn-tips-win.survey .of-socials br {
        display: none
    }

    .splashpage .earn-tips-win.survey .header-global {
        font-size: 2rem
    }

    .splashpage .earn-tips-win.survey .header-global br {
        display: none
    }

    .splashpage .earn-tips-win.survey .header-global.bigger-header {
        font-size: 2.5rem;
        text-align: center
    }

    .splashpage .earn-tips-win.survey .social-icons {
        margin-top: 10px
    }

    .splashpage .earn-tips-win.survey .social-icons span {
        margin-right: 0!important
    }

    .splashpage .earn-tips-win.survey .social-icons img {
        max-width: 75%
    }

    .dash-profile .q-tab-panel {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .dash-profile .q-tab__label,.dash-profile .btn-float-profile {
        font-size: 1.2rem
    }

    .dash-profile .btn-float-profile a {
        min-height: 35px;
        min-width: 55px
    }

    .dash-profile .btn-float-profile .q-fab__actions {
        width: 175px;
        padding: 10px
    }

    .dash-profile .btn-float-profile .q-fab__actions .q-btn {
        min-width: 125px;
        border-radius: 10px;
        font-size: 1.2rem
    }

    .dash-profile .mobile-header-profile.inside-stats-title {
        display: none
    }

    .dash-profile .mobile-header-profile.create-tip-header {
        font-size: 1.2rem
    }

    .dash-profile .mobile-header-profile.history-client-title,.dash-profile .mobile-header-profile.open-tips-client-title {
        margin-bottom: 10px
    }

    .dash-profile .tipster-public-profile {
        max-width: 90%!important
    }

    .dash-profile .description-stats,.dash-profile .description-stats .break-span {
        font-size: 1rem!important
    }

    .dash-profile .mobile-tab__ {
        background: var(--bg-card-grey);
        border-radius: 10px!important;
        padding: 10px
    }

    .dash-profile .mobile-tab__.select-purchased-tabs {
        background: unset;
        padding: 0
    }

    .dash-profile .mobile-tab__.select-purchased-tabs .tabs-purchased {
        background: var(--bg-card-grey)!important;
        padding: 20px;
        border-radius: 5px
    }

    .dash-profile .mobile-tab__.select-purchased-tabs .q-tab-panels {
        margin-top: 10px!important
    }

    .dash-profile .profile-container .purchased-row {
        border-radius: 5px!important
    }

    .dash-profile .profile-container .purchased-row.history-client-rows {
        max-width: 91%!important
    }

    .dash-profile .profile-tipster .q-card.dark-bg .q-tab-panels.tipsters-tabs-layout .commission-header {
        margin-bottom: 0
    }

    .dash-profile .purchased-dashboard .purchased-row .button-flex-mob .odd-content .ods .odd-name {
        order: -1
    }

    .header-modal-tip {
        max-width: 100%
    }

    .toro-tips.all-tipster .short-by-btn.more-filters {
        order: 3
    }

    .toro-tips .data-tips .group_one .tip-row {
        clear: both;
        flex: 1 1 auto
    }

    .toro-tips .data-tips .group_one .tip-row .teams-large .status-signals {
        width: 100%;
        order: -1;
        margin-bottom: 7px
    }

    .toro-tips .profile-tipster .content-tipsters {
        width: calc(100% - 1px)
    }

    .toro-tips .profile-tipster .content-tipsters.container {
        max-width: 100%
    }

    .toro-tips .profile-tipster .content-tipsters .status-tips.col .status-container {
        width: auto
    }

    .filters {
        flex-wrap: wrap;
        padding: 15px
    }

    .filters .search-input {
        order: 1
    }

    .filters .search-input .q-field__inner .q-field__control .q-field__control-container .q-field__label {
        backface-visibility: unset
    }

    .filters .short-by-btn {
        order: 2
    }

    .filters .short-by-btn.more-filters button .q-btn__content {
        justify-content: space-around
    }

    .filters.hot-tipsters-filters .short-by-btn.hot-tipster {
        width: 100%;
        display: flex;
        flex-wrap: nowrap
    }

    .filters.hot-tipsters-filters .short-by-btn.hot-tipster .q-btn-dropdown--simple *+.q-btn-dropdown__arrow {
        margin-left: 0;
        color: var(--color-lila)
    }

    .filters.hot-tipsters-filters .prefixed-label-field .prefix-label {
        min-width: auto!important;
        margin-right: 10px
    }

    .q-header .header-login {
        min-height: 70px
    }

    .q-header .header-login.quest-header-login {
        justify-content: flex-start;
        flex-basis: 50%;
        padding-right: 0;
        transform: skew(-10deg) translate(5px)
    }

    .q-header .header-login.quest-header-login>.flex-row {
        left: 6px;
        position: relative;
        min-width: 58px;
        gap: 10px;
        padding: 3px 10px
    }

    .q-header .header-login.quest-header-login>.flex-row .q-btn {
        min-height: 30px;
        padding: 3px 10px
    }

    .q-header .header-login.quest-header-login>.flex-row .q-btn .q-btn__content {
        font-size: 1.1rem
    }

    .q-header .header-login.tipster-header-login .lang-menu-selection .normal-flag {
        margin: 0 -1.3em -.6em -.5em
    }

    .q-header .header-login.no-tipster-header-login {
        flex-basis: 50%
    }

    .q-header .header-login.no-tipster-header-login .lang-menu-selection .normal-flag {
        margin: 0 -1.3em -.6em -.5em
    }

    .q-header .tabs_header {
        padding: 7px 12px
    }

    .q-header .tabs_header .header-only-text {
        position: relative;
        top: -1px;
        font-size: 1.4rem
    }

    .q-header .q-tab {
        padding: 0 2px
    }

    .q-header .q-tab .q-tab__content {
        padding: 5px;
        min-width: auto
    }

    .q-header .q-tab .q-tab__label {
        font-size: 1.4rem
    }

    .q-header .menu-new-layout {
        padding: 5px 0
    }

    .q-header .q-toolbar__title {
        flex: 1
    }

    .q-header .icon-header-mobile {
        transform: skew(10deg)
    }

    .q-header.no-tipster-header-login {
        flex-basis: 50%;
        transform: skew(-10deg) translate(6px)
    }

    .become_member__banner {
        min-height: 70px
    }

    .become_member__banner.sigma_banner__ .sigma_banner img {
        width: 50px;
        transform: skew(0) translate(30px)
    }

    .become_member__banner .content-banner .btn_join span,.become_member__banner .content-banner .text_become .last_heading {
        font-size: 1.4rem
    }

    .become_member__banner .content-banner .text_become .first_heading {
        font-size: 1.6rem
    }

    .mobile-content-tips .mobile-layout {
        max-width: 95%;
        width: 100%
    }

    .mobile-content-tips.custom-pd {
        padding: 30px 10px 0
    }

    .mobile-content-tips.mobile-row .second-row-content.check-margins {
        margin: 10px 0 15px
    }

    .mobile-content-tips.mobile-row .avatar-tipster {
        flex-direction: row
    }

    .mobile-content-tips.mobile-row .name-stats {
        justify-content: flex-end
    }

    .mobile-content-tips.mobile-row .name-stats .data-tipster {
        justify-content: center;
        flex-direction: column;
        max-width: 90%
    }

    .mobile-content-tips.mobile-row .name-stats .data-tipster .name-tipster {
        min-width: 100%
    }

    .mobile-content-tips.new-ver.mobile-row {
        padding: 10px 10px 0
    }

    .mobile-content-tips.new-ver.mobile-row .new-layout-more-stats {
        padding: 10px
    }

    .mobile-content-tips.new-ver.mobile-row .number-tipster {
        z-index: 2;
        top: 20px;
        left: -15px;
        transform: skew(-10deg);
        border-radius: 5px
    }

    .mobile-content-tips.new-ver.mobile-row .status-tips .last-btn-svg .btn-follow {
        min-width: 110px!important
    }

    .mobile-content-tips.new-ver.mobile-row .status-tips.col {
        justify-content: center;
        margin: 0
    }

    .mobile-content-tips.new-ver.mobile-row .status-tips.col-3 {
        margin: 10px 0 0
    }

    .mobile-content-tips .name-stats {
        justify-content: flex-end
    }

    .content-tipsters.modal-vue-tipster .new-ver.mobile-row .second-row-content .win-tendex {
        width: 100%
    }

    .content-tipsters.modal-vue-tipster .new-ver.mobile-row .second-row-content .win-tips {
        min-width: 160px
    }

    .content-tipsters.modal-vue-tipster .new-ver.mobile-row .second-row-content .number-wins {
        min-width: 75px
    }

    .content-tipsters.modal-vue-tipster .new-ver.mobile-row .number-tipster {
        top: 6px;
        left: -16px
    }

    .content-tipsters .status-tips.col .status-container {
        width: 230px
    }

    .content-tipsters .content_tips-layout {
        gap: 10px!important;
        padding: 10px 15px!important
    }

    .content-tipsters .content_tips-layout .first-row-content .name-tipster {
        min-width: 100%
    }

    .content-tipsters .content_tips-layout .avatar-tipster {
        width: auto!important
    }

    .content-tipsters .content_tips-layout .data-tipster {
        flex-direction: column!important
    }

    .content-tipsters .content_tips-layout .tipster-tip_data-mobile {
        width: 100%
    }

    .content-tipsters .content_tips-layout .second-row-content .without-border.color-green {
        flex-grow: 1!important;
        max-width: 100px
    }

    .content-tipsters .content_tips-layout .second-row-content .win-tips {
        min-width: 240px!important
    }

    .content-tipsters .content_tips-layout .mobile-layout {
        flex-direction: column;
        gap: 10px
    }

    .content-tipsters .content_tips-layout .mobile-layout .button-flex-mob .odd-content .ods {
        min-height: 30px
    }

    .content-tipsters .content_tips-layout .button-flex-mob {
        flex-direction: row
    }

    .content-tipsters .content_tips-layout .price-btn {
        order: 2
    }

    .content-tipsters .content_tips-layout .price-btn .price-value,.content-tipsters .content_tips-layout .price-btn .tip-status {
        min-height: 30px
    }

    .content-tipsters .content_tips-layout .odd-content .ods {
        flex-direction: row;
        gap: 5px;
        align-items: center;
        justify-content: center;
        align-content: center;
        padding: 7px 15px
    }

    .content-tipsters .content_tips-layout .data-tips .group_one {
        gap: 5px
    }

    .content-tipsters .avatar-tipster {
        width: 100%
    }

    .content-tipsters .mobile-row .last-btn-svg .btn-follow {
        min-width: 130px!important
    }

    .content-tipsters .mobile-row .second-row-content .win-tips {
        min-width: 220px
    }

    .content-tipsters .mobile-row .second-row-content .without-border.color-green {
        max-width: 100%!important
    }

    .content-tipsters .content-tips .number-tipster {
        z-index: 2;
        top: 20px;
        left: -15px;
        transform: skew(-10deg);
        border-radius: 5px
    }

    .content-tipsters .first-row-content .name-tipster,.content-tipsters .second-row-content .win-tips span:nth-child(1),.content-tipsters .second-row-content .win-tips .percentage-win,.content-tipsters .second-row-content .f2,.toro-tips .data-tips .group_one .tip-row .teams-large,.toro-tips .data-tips .group_one .game-row .game-name,.toro-tips .data-tips .group_one .game-row .date-match,.toro-tips .price-btn .btn-price .price-value,.tipster-profile .tips-boxes .game-name,.tipster-profile .tips-boxes .date-match,.purchased-dashboard .purchased-row .tips-content .teams-large,.tipster-dashboard .price-btn .btn-price .price-value,.avatar-row .first-row-content .name-tipster,.avatar-row .second-row-content .win-tips span:nth-child(1),.avatar-row .second-row-content .f2,.tipster-dashboard .tips-boxes .date-match {
        font-size: 1.4rem
    }

    .content-tipsters .second-row-content .win-tips .percentage-win,.avatar-row .second-row-content .win-tips .percentage-win {
        font-size: 1.8rem
    }

    .content-tipsters .second-row-content .f2 {
        font-size: 1.4rem
    }

    .tipster-public-profile .mobile-content-tips .second-row-content .win-tips {
        min-width: 240px
    }

    .avatar-row {
        padding: 30px 10px 0
    }

    .avatar-row.tipster-public-profile .last-btn-svg .btn-follow {
        min-width: 130px
    }

    .avatar-row .status-tips .status {
        padding: 5px 15px
    }

    .dark-modal {
        padding: 20px
    }

    .dark-modal.unlock-modal {
        padding: 20px 0
    }

    .dark-modal.unlock-modal .q-card__section {
        padding-bottom: 0
    }

    .dark-modal.unlock-modal .modal-tips-unlock {
        margin-top: 5px
    }

    .dark-modal.unlock-modal .modal-tips-layout .first-row-content .name-tipster {
        min-width: 100%
    }

    .dark-modal.unlock-modal .modal-tips-layout .ods {
        display: flex;
        flex-direction: row;
        gap: 5px
    }

    .dark-modal.unlock-modal .modal-tips-layout .ods .odd-name {
        order: -1
    }

    .dark-modal .modal-tips-layout .avatar-tipster {
        width: 25%
    }

    .dark-modal .modal-tips-layout .sec-row-tip {
        flex-direction: column;
        gap: 20px
    }

    .dark-modal .modal-tips-layout .tips-content {
        width: 100%
    }

    .dark-modal.vee-form .q-pa-lg .col-2 {
        width: 30%
    }

    .dark-modal .stripe-modals-terms-text {
        max-width: 340px;
        margin: 0 auto!important
    }

    .dark-modal .stripe-elements-wrapper .stripe-element-card {
        margin-bottom: 20px
    }

    .dark-modal .tip-row .q-list .selections-group {
        grid-template-columns: repeat(2,1fr)
    }

    .dark-modal .row-step_pack {
        padding: 10px 0
    }

    .dark-modal .row-step_pack .box-coin .choose-credits-button.q-btn--rounded {
        padding: 15px 0
    }

    .dark-modal .row-step_pack .row-step_pack img {
        width: 25px;
        height: 25px
    }

    .dark-modal .price-modal-coins {
        font-size: 2.2rem
    }

    .profile-create-tipster .description-tipster {
        max-width: 83%;
        line-height: 1.1
    }

    .profile-tipster .logout-dashboard {
        top: 62px
    }

    .payments-dash .payments-data .label {
        flex-basis: 38%!important
    }

    .payments-dash .payments-data .price {
        flex-basis: 18%!important
    }

    .purchased-dashboard .purchased-row .tips-content .group_one .tip-row {
        clear: both;
        flex: 1 1 auto
    }

    .purchased-dashboard .purchased-row .tips-content .teams-large {
        width: 100%!important;
        flex-wrap: wrap!important
    }

    .purchased-dashboard .purchased-row .status-signals {
        width: 100%;
        order: -1;
        margin-bottom: 7px
    }

    .purchased-dashboard .purchased-row .button-flex-mob {
        flex-direction: row!important;
        justify-content: space-between!important
    }

    .purchased-dashboard .purchased-row .button-flex-mob .price-btn {
        order: 2!important
    }

    .purchased-dashboard .purchased-row .button-flex-mob .price-btn .btn-price {
        width: auto!important
    }

    .purchased-dashboard .purchased-row .button-flex-mob .price-btn .btn-price .tip-status {
        padding: 3px 0
    }

    .purchased-dashboard .purchased-row .button-flex-mob .price-btn .date-tip {
        max-width: 100%;
        padding: 0 5px
    }

    .purchased-dashboard .purchased-row .odd-content {
        order: 1
    }

    .purchased-dashboard .status-history .status-history-tips {
        height: 30px;
        min-width: auto
    }

    .tipster-info.history-tipsters .tips-boxes {
        justify-content: space-between
    }

    .tipster-info.history-tipsters .odd-content {
        flex-basis: unset;
        width: 48%;
        justify-content: end
    }

    .tipster-info.history-tipsters .sales-commissions {
        flex-basis: unset;
        width: 48%;
        justify-content: start!important
    }

    .tipster-info.history-tipsters .sales,.tipster-info.history-tipsters .commissions {
        min-width: 80px
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .ods {
        padding: 10px!important
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .odd-content {
        justify-content: start;
        width: auto
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .odd-content .odd-name {
        order: -1
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .sales-commissions {
        justify-content: end!important;
        width: auto;
        flex-basis: auto;
        margin-left: 0;
        gap: 5px
    }

    .tipster-info .tips-boxes .tip-row {
        clear: both;
        flex: 1 1 auto
    }

    .tipster-info .tips-boxes .status-signals {
        width: 100%;
        order: -1;
        margin-bottom: 7px
    }

    .tipster-info .tips-boxes {
        padding: 20px;
        align-items: center
    }

    .tipster-info .tips-boxes .teams-large {
        width: 100%!important;
        flex-wrap: wrap!important
    }

    .tipster-info .tips-content {
        flex-basis: 100%;
        margin-bottom: 20px
    }

    .tipster-info .odd-content {
        flex-basis: auto;
        justify-content: start
    }

    .tipster-info .ods {
        padding: 12px 30px!important
    }

    .tipster-info .sales-commissions {
        flex-basis: 75%;
        justify-content: end;
        margin-top: 0;
        margin-left: 15px
    }

    .tipster-info .absolute {
        right: 5px
    }

    .tipsters-modal .q-card__section {
        padding: 0
    }

    .tipsters-modal .header-filter-modal {
        padding: 10px;
        justify-content: space-between
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes {
        gap: 5px
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .odd-content .ods {
        flex-direction: row;
        gap: 5px;
        align-items: center;
        justify-content: center;
        align-content: center;
        padding: 7px 15px
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .odd-content .ods .odd-name {
        order: -1
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes .tips-content {
        margin-bottom: 10px
    }

    .tipster-dashboard.tipster-public-profile .sales-commissions .price-btn .price-value,.tipster-dashboard.tipster-public-profile .sales-commissions .price-btn .tip-status {
        min-height: 32px
    }

    .tipster-dashboard.tipster-public-profile .history-tipsters .ods {
        min-height: 30px
    }

    .tipster-dashboard.tipster-public-profile .history-tipsters .sales-commissions .sales {
        flex-direction: row;
        min-height: 30px
    }

    .tipster-dashboard .purchased-selects .virtual-stepper {
        padding: 0
    }

    .mobile-stats-commissions {
        max-width: 91%!important;
        padding: 10px 0;
        border-radius: 5px!important
    }

    .mobile-stats-commissions .stats-data_outer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        gap: 10px
    }

    .mobile-stats-commissions .stats-data_outer .bg-two {
        background: var(--bg-card-grey);
        width: 100%;
        border-radius: 10px;
        min-height: 45px
    }

    .mobile-stats-commissions .stats-data_outer .bg-two div {
        flex-basis: 50%;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        padding: 5px 20px;
        gap: 10px
    }

    .mobile-stats-commissions .stats-data_outer .bg-two div .stats-content {
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--txt-grey-one);
        line-height: 1
    }

    .mobile-stats-commissions .stats-data_outer .bg-two div .stats-number {
        font-weight: 700;
        font-size: 2rem;
        color: var(--color-lila);
        line-height: 1
    }

    .not-found.no-data .content-splash.smaller .content-boxes.smaller.client-second-row br {
        display: none
    }

    .edit-profile-tipster .subtitle_tipster {
        margin: 10px auto!important;
        max-width: 95%
    }

    .edit-profile-tipster .subtitle_tipster span {
        line-height: 1
    }

    .edit-profile-tipster .subtitle_tipster span br {
        display: none
    }

    .edit-profile-tipster .address-information .info-register-tipster {
        text-align: center;
        max-width: 95%;
        line-height: 1
    }

    .subtitle_tipster {
        margin: 10px auto!important;
        max-width: 95%
    }

    .subtitle_tipster span {
        line-height: 1
    }

    .subtitle_tipster span br {
        display: none
    }

    .info-register-tipster {
        max-width: 95%
    }

    .info-register-tipster br {
        display: none
    }

    .tendex-page.splashpage .content-splash .earn-tips-win .content-splash__ {
        padding: 20px 0!important
    }

    .tendex-page.splashpage .content-splash .earn-tips-win .content-splash__ .flex-column {
        width: 95%
    }

    .tendex-page.splashpage .content-splash .first-sec .content-splash__ .bg-shadow {
        display: none!important
    }

    .tendex-page.splashpage .content-splash .first-sec .content-splash__ img {
        max-width: 70%!important
    }

    .tendex-page.splashpage .content-splash .second-sec .content-splash__ .bg-shadow {
        display: none!important
    }

    .tendex-page.splashpage .header-global.smaller-title {
        font-size: 2.2rem
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster {
        order: 1;
        flex-direction: row;
        width: 100%!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats {
        justify-content: flex-end
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster {
        justify-content: center;
        flex-direction: column;
        max-width: 90%
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .name-tipster {
        min-width: 100%
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .win-tips {
        min-width: 220px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .without-border.color-green {
        max-width: 100%!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .mobile-layout {
        max-width: 100%
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .mobile-layout .new-layout-more-stats {
        padding: 0 16px
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster.custom-pd {
        padding: 20px 10px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .btn-see-tipsbetipster .q-item {
        height: 35px;
        min-height: 35px
    }

    .toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .btn-see-tipsbetipster {
        width: 150px
    }

    .toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .tips-of-tipster {
        margin-top: 10px
    }

    .toro-tips .content-tipsters.by_tipsters .content_tip_per_tipster .tips-of-tipster .tips-by-tipster {
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout {
        flex-direction: row;
        padding: 10px!important;
        gap: 5px!important
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob {
        flex-direction: row;
        justify-content: flex-end;
        gap: 5px;
        width: 100px
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .odd-content .ods {
        padding: 7px 5px;
        margin-bottom: 0;
        width: 100px;
        transform: skew(0)
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .price-btn {
        transform: skew(0)
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .price-btn .unlock-svg {
        width: 9px;
        margin-right: 3px;
        top: 0
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .price-btn span {
        font-size: 1.1rem
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .price-btn .btn-price {
        width: 100px
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .price-btn .btn-price .price-value {
        width: 35px
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .league-game_outer {
        margin-bottom: 0
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .q-card .content_tips-layout .data-tips .tip-row .teams-large .status-signals .status {
        font-size: 1rem;
        font-weight: 400;
        padding: 3px 10px
    }
    .splashpage .content-splash .earn-tips-win .content-splash__ .flex-column {
        width: 88%;
    }
    .f-bigger {
        line-height: 1.2;
        font-size: 20px !important;
    }
    .splashpage .number-rows {
        padding-top: 40px;
    }
    .q-mt-lg {
        margin-top: 0;
    }
    .link-footer .btn_img {
       margin: 15px 0 0 40px;
    }
    .logo-footer .content-boxes.smaller {
        line-height: 1.3;
        margin: 10px 0;
    }

}

@media (max-width: 525px) {
    .toro-tips.all-tipster .short-by-btn.more-filters {
        flex-wrap:nowrap
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr {
        justify-content: flex-end
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 80px;
        padding: 0 7px 7px
    }

    .content-tipsters .mobile-row .last-btn-svg .btn-follow {
        min-width: 115px!important
    }

    .filters .short-by-btn {
        width: 39%
    }

    .filters .short-by-btn.more-filters button .q-btn__content {
        display: flex;
        flex-wrap: nowrap
    }

    .dark-modal .details-buy-tip {
        font-size: 1.2rem
    }

    .dark-modal .modal-tips-layout .first-row-tip .number-tipster {
        font-size: 1.1rem;
        padding: 3px 7px
    }

    .teams-large .live,.teams-large .pregame,.teams-large .free {
        font-size: 1.1rem
    }

    .select-pack-step .text-grey-toro br {
        display: none
    }

    .q-header .header-login .tip-menu-mobile .q-btn__content svg {
        width: 15px;
        height: 15px
    }

    .q-header .header-login .tip-menu-mobile .q-btn__content .label-create-tip-menu {
        font-size: 1.4rem;
        line-height: 1
    }

    .q-header .header-login .avatar-header-img {
        width: 45px;
        height: 45px
    }

    .q-header .header-login .icon-menu,.q-header .header-login .icon-menu .dashboard-svg {
        gap: 5px
    }

    .q-header .header-login .icon-menu .dashboard-svg .with-badge .q-badge--floating {
        width: 15px;
        height: 15px;
        font-size: 1rem
    }

    .q-header .header-login .icon-menu .dashboard-svg .with-badge .q-badge--floating.no-img-float {
        right: 0
    }

    .q-header .header-login .icon-menu .dashboard-svg .deposit_header .value-deposit {
        font-size: 1.5rem
    }

    .q-header .header-login .icon-menu .dashboard-svg .deposit_header .value-deposit svg {
        width: 16px!important;
        stroke-width: 2!important
    }

    .q-header .header-login .icon-menu .dashboard-svg .client-icon {
        width: 45px;
        height: 45px
    }

    .q-header .header-login .lang-menu-selection .q-field__control {
        top: -2px
    }

    .q-header .header-login .lang-menu-selection .normal-flag {
        margin: 0 -1.3em -.6em -1.5em;
        transform: scale(.4);
        -ms-transform: scale(.4);
        -webkit-transform: scale(.4);
        -moz-transform: scale(.4)
    }

    .header-modal-tip .game-name {
        flex-basis: 100%;
        text-align: center
    }

    .header-modal-tip .line-header {
        flex-wrap: wrap
    }

    .rotatingText .s-running-line__btn {
        transform: skew(-10deg);
        font-size: 1.1rem;
        border-radius: 5px
    }

    .rotatingText .rotatingText-adjective {
        top: 10px
    }

    .rotatingText .rotatingText-adjective.one a span {
        max-width: 145px
    }

    .bannerText .bannerText-adjective span {
        max-width: 145px;
        display: flex;
        justify-content: center;
        line-height: 1;
        margin-left: 0;
        text-align: center
    }

    .bannerText .bannerText-adjective .s-running-line__btn {
        transform: skew(-10deg);
        font-size: 1.1rem;
        border-radius: 5px
    }

    .bannerText.bonus.tendex-mobile span {
        max-width: 90%
    }

    .q-card .tend-system.second-sec .content-boxes.no-m br {
        display: none
    }
}

@media (max-width: 490px) {
    .q-layout:not(.admin-dashboard-page) .footer-toro {
        margin-top:0;
        margin-bottom: 60px
    }

    .q-layout .q-page-scroller.backtotop {
        z-index: 99;
        position: relative
    }

    .q-header .bannerText {
        display: none
    }

    .slot-img.centermobile {
        margin: 10px 0 0
    }

    .hot-tipster-new-layout .name-row .name-tipster {
        max-width: 65%
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr {
        justify-content: flex-end
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        width: 135px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 70px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 80px;
        padding: 0 7px 7px
    }

    .hot-tipster-new-layout .new-avatar img {
        width: 65px;
        height: 65px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer {
        gap: 5px 0
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .box-stats {
        width: calc(100% + -0px)!important
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 23%
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 70px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 80px
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp {
        min-height: auto;
        right: 0;
        position: relative
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow {
        min-width: 40px
    }

    .hot-tipster-new-layout.version-two .name-row {
        left: 30px
    }

    .hot-tipster-new-layout.version-two .name-row .name-tipster {
        max-width: 65%;
        left: 0
    }

    .hot-tipster-new-layout.version-two .new-avatar {
        left: -12%
    }

    .dash-profile .mobile-tab__.tips-header .mobile-tab-header {
        padding: 10px;
        gap: 5px;
        width: 98%
    }

    .dash-profile .mobile-tab__.tips-header .mobile-tab-header.group-tips-header .mobile-header-profile {
        flex-basis: 10%
    }

    .dash-profile .mobile-tab__.tips-header .mobile-tab-header .mobile-header-profile {
        font-size: 1.2rem;
        justify-content: flex-start;
        flex-basis: 70%;
        flex-wrap: nowrap
    }

    .dash-profile .mobile-tab__.tips-header .mobile-tab-header .mobile-header-profile.only-text-header {
        flex-basis: 100%;
        justify-content: center;
        max-width: 100%!important
    }

    .dash-profile .edit-profile-tipster .mobile-header-profile.only-text-header {
        margin: 0 20px!important
    }

    .dash-profile .q-tabs__content .q-tab {
        padding: 0 10px
    }

    .dash-profile .select-type-tip .q-tabs__content {
        justify-content: center
    }

    .dash-profile .select-type-tip .q-tabs__content .q-tab {
        margin: 0
    }

    .dash-profile .virtual-stepper {
        padding: 0
    }

    .dash-profile .profile-tipster .q-card.dark-bg {
        padding: 0!important
    }

    .dash-profile .stats-content .stats-data_outer .stats-data {
        width: 49%;
        padding: 10px
    }

    .dash-profile .stats-content .stats-data_outer .stats-content {
        max-width: 100%
    }

    .dash-profile .btn-float-profile a {
        padding: 6px;
        font-size: 1.2rem
    }

    .client-dash .follow-layout {
        padding: 0 20px!important
    }

    .client-dash .follow-layout .mobile-content-tips {
        gap: 15px!important
    }

    .not-found.no-data .content-splash.smaller .img {
        width: 250px!important
    }

    .not-found.no-data .content-splash.smaller .bg-shadow svg {
        width: 280px!important;
        height: 280px!important
    }

    .not-found.no-data .content-splash.smaller .earn-tips-win.two .image-row {
        justify-content: center
    }

    .not-found.no-data .content-splash.smaller .s-hero__title {
        font-size: 3.5rem
    }

    .not-found.no-data .content-splash .bg-shadow svg {
        width: 600px!important;
        height: 600px!important
    }

    .not-found.no-data .content-splash .content-splash__ .flex-column {
        width: 97%!important
    }

    .not-found.no-data .earn-tips-win {
        padding: 10px 0
    }

    .not-found.no-data .earn-tips-win.two {
        background: unset
    }

    .not-found.no-data .content-boxes.smaller {
        line-height: 1.2;
        text-align: center
    }

    .not-found.no-data .content-boxes.smaller br {
        display: unset
    }

    .not-found.splashpage .s-hero__title {
        font-size: 2rem!important;
        text-align: center
    }

    .not-found .content-splash {
        border-radius: 0;
        padding-top: 0
    }

    .not-found .content-splash .earn-tips-win .content-splash__ {
        padding: 0 0 50px
    }

    .not-found .header-not-found {
        font-size: 12rem
    }

    .q-card.vee-form-card.vee-form-card .modal-login-all .login-form-modal {
        padding: 25px 0
    }

    .q-card.vit-modal__ .vit-rows {
        width: 100%
    }

    .mobile-content-tips.mobile-row .name-stats .data-tipster {
        max-width: 260px
    }

    .mobile-content-tips.mobile-row .second-row-content .win-tips {
        min-width: 180px
    }

    .mobile-content-tips.mobile-row .status-tips .status-container {
        gap: 5px
    }

    .mobile-content-tips.mobile-row .status-tips .last-btn-svg .btn-follow {
        min-width: 100px!important
    }

    .mobile-content-tips.content-tips {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .mobile-content-tips .avatar-tipster {
        width: 100%
    }

    .mobile-content-tips .status-tips .status-container {
        gap: 5px;
        flex-wrap: nowrap
    }

    .mobile-content-tips .mobile-layout {
        max-width: 100%
    }

    .mobile-content-tips.new-ver .new-layout-more-stats .second-row-content {
        column-gap: 15px
    }

    .mobile-content-tips.new-ver.mobile-row {
        width: calc(100% + -0px)!important
    }

    .content-tipsters {
        padding: 0 25px
    }

    .content-tipsters.modal-vue-tipster.q-card {
        padding: 15px;
        min-height: auto
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips .q-avatar {
        font-size: 60px
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips.mobile-row .second-row-content .win-tips {
        min-width: 140px
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips.mobile-row .second-row-content .number-wins {
        min-width: 75px
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips.mobile-row .name-stats .data-tipster {
        max-width: 230px
    }

    .content-tipsters .second-row-content .win-tips .percentage-win {
        width: 45%
    }

    .content-tipsters .content_tips-layout .tipster-tip_data-mobile {
        gap: 30px
    }

    .content-tipsters .content_tips-layout .first-row-content .name-tipster {
        min-width: 260px
    }

    .content-tipsters .content_tips-layout .second-row-content .without-border.color-green {
        max-width: 60px
    }

    .content-tipsters .content_tips-layout .second-row-content .win-tips {
        min-width: 195px!important
    }

    .content-tipsters.follow-layout {
        padding: 0 20px!important
    }

    .content-tipsters.follow-layout .mobile-content-tips {
        gap: 15px!important
    }

    .q-header .header-login.quest-header-login>.flex-row .q-btn {
        min-width: 58px;
        gap: 10px
    }

    .q-header .header-login .icon-menu,.q-header .header-login .icon-menu .dashboard-svg {
        gap: 5px
    }

    .q-header .header-login .icon-menu .dashboard-svg .with-badge .q-badge--floating {
        font-size: 1rem
    }

    .q-header .header-login .tip-menu-mobile .q-btn__content .label-create-tip-menu {
        font-size: 1.2rem
    }

    .q-header .menu-new-layout {
        gap: 5px;
        flex-wrap: nowrap
    }

    .q-header .menu-new-layout.tipster-menu-row {
        gap: 10px;
        padding: 10px 0
    }

    .q-header .tabs_header {
        padding: 5px 8px
    }

    .q-header .tabs_header.group_tabs .q-tabs__content {
        gap: 5px
    }

    .filters {
        padding: 0!important
    }

    .filters .more-filters {
        width: auto!important;
        flex-wrap: nowrap
    }

    .filters .more-filters .bg-lila i {
        font-size: 13px
    }

    .filters .short-by-btn,.filters .search-input {
        width: 35%
    }

    .avatar-row .name-stats .data-tipster {
        max-width: 295px!important
    }

    .dark-modal .modal-tips-layout .first-row-content .name-tipster {
        min-width: 100%
    }

    .dark-modal .modal-tips-layout .sec-row-tip .odd-content {
        justify-content: center
    }

    .profile-create-tipster .avatar_img_row .avatar_img_content,.profile-create-tipster .avatar_img_row .upload_avatar {
        width: 35%
    }

    .profile-create-tipster .description-tipster {
        max-width: 89%
    }

    .profile-create-tipster .personal-information .tipster-avatar-row .info-register-tipster {
        padding: 0 40px;
        font-size: 1.4rem;
        line-height: 1.2
    }

    .dark-modal.vee-form .q-pa-lg .col-2 {
        width: 36%
    }

    .payments-dash .payments-data {
        padding: 20px 8px;
        width: 98%;
        margin: 0 auto 15px
    }

    .payments-dash .payments-data .row {
        flex-wrap: wrap;
        gap: 16px
    }

    .payments-dash .payments-data .date {
        flex-basis: 30%!important;
        padding-left: 10px
    }

    .payments-dash .payments-data .label {
        flex-basis: 30%!important
    }

    .payments-dash .payments-data .receipt {
        flex-basis: 100%!important
    }

    .payments-dash .payments-data .price {
        flex-basis: 30%!important;
        justify-content: flex-end!important;
        padding-right: 10px
    }

    .purchased-dashboard {
        padding: 0
    }

    .select-pack-step {
        padding: 16px 8px
    }

    .splashpage .header-global {
        font-size: 2.5rem
    }

    .splashpage .content-splash .earn-tips-win.fist-player-tipster .content-splash__ {
        padding: 45px 0;
    }

    .splashpage .content-splash .earn-tips-win.fist-player-tipster .content-splash__ .icon-header {
        align-items: center;
        flex-wrap: nowrap;
        gap: 5px
    }

    .splashpage .content-splash .earn-tips-win.fist-player-tipster .content-splash__ .icon-header img {
        width: 20px;
        height: 20px
    }

    .splashpage .content-splash .earn-tips-win.fist-player-tipster .content-splash__ .icon-header span {
        font-size: 1.4rem
    }

    .splashpage .content-splash .earn-tips-win.survey {
        padding: 0 15px!important
    }

    .splashpage .content-splash .earn-tips-win.survey .bigger-fonts {
        font-size: 2.2rem
    }

    .splashpage .content-splash .earn-tips-win.survey .content-splash__ {
        padding: 20px 0
    }

    .splashpage .content-splash .content-splash__ .flex-column {
        width: 85%!important
    }
    .splashpage .content-splash .earn-tips-win.two .image-row img {
        max-width: 100% !important;
    }
    .rotateme {
        /*width: 470px;*/
        /*left: 80px;*/
    }
    .splashpage .content-splash .content-splash__ .what-is img {
        width: 300px;
    }

    .splashpage .center-title {
        font-size: 2.8rem
    }

    .splashpage .number-rows .s-benefits__row.three_row_outer .benefit-item__circle {
        flex-basis: 16%;
        left: 50px;
        position: relative
    }

    .splashpage .number-rows .s-benefits__row.three_row_outer .benefit-item__img {
        max-width: 55%!important;
        left: 70px;
        position: relative
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__circle {
        flex-basis: 27%
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__circle:before {
        width: 120px;
        height: 120px
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__circle:after {
        right: -42px
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__img img {
        max-width: 100%
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__content {
        flex: 0 1 93%
    }

    .splashpage .number-rows .s-benefits__row .benefit-item__title {
        font-size: 2.2rem
    }

    .splashpage .number-rows .s-benefits__row:last-child .benefit-item__img {
        max-width: 68%
    }

    .splashpage .number-rows .s-benefits__row:last-child .benefit-item__circle:before {
        left: 0
    }

    .splashpage .number-rows .s-benefits__row:last-child .benefit-item__circle:after {
        left: 0
    }

    .splashpage .faq-rows {
        padding: 0 0 50px
    }

    .splashpage .faq-rows .faq-content-row .q-list {
        width: 92%
    }

    .splashpage .faq-rows .faq-content-row .q-item {
        padding: 15px
    }

    .splashpage .faq-rows .faq-content-row .q-item__label {
        font-size: 1.6rem
    }

    .splashpage .faq-rows .q-card__section {
        font-size: 1.4rem
    }

    .splashpage.homepage .content-splash .content-splash__.one .bg-shadow {
        transform: unset!important
    }

    .splashpage.survey-page .content-splash .content-splash__ {
        padding: 0!important
    }

    .dark-modal .tip-row .q-list .selections-group {
        grid-template-columns: repeat(1,1fr);
        gap: 0
    }

    .create-tip-modal .footer-links-modal {
        margin: 5px auto 0
    }

    .tipsters-modal.q-card {
        padding: 0 24px
    }

    .tipsters-modal .row-filter-modal {
        gap: 10px;
        min-height: auto!important
    }

    .tipsters-modal .row-filter-modal .from-to-row {
        flex-direction: column;
        gap: 10px
    }

    .tipsters-modal .row-filter-modal .left-corner {
        width: 100%;
        gap: 0
    }

    .tipsters-modal .row-filter-modal .left-corner .q-slider__label--h-switched {
        top: 0
    }

    .tipsters-modal .row-filter-modal .left-corner .mt-20 {
        margin-top: 10px
    }

    .tipsters-modal .row-filter-modal .right-corner {
        width: 100%;
        gap: 0
    }

    .tipsters-modal .row-filter-modal .right-corner .q-slider__label--h-switched {
        top: 0
    }

    .tipsters-modal .row-filter-modal .right-corner .mt-20 {
        margin-top: 10px
    }

    .tipsters-modal .header-filter-modal {
        justify-content: center
    }

    .tipsters-modal .header-filter-modal .header-only-text {
        font-size: 1.4rem
    }

    .tipsters-modal .q-tabs__content {
        gap: 5px
    }

    .tipsters-modal .q-tabs__content .q-tab {
        border-radius: 5px;
        min-height: 28px
    }

    .tipsters-modal .q-tabs__content .q-tab .q-tab__label {
        font-size: 1.2rem
    }

    .tipsters-modal .q-tab-panels .q-tab-panel {
        min-height: 300px
    }

    #calculator-form .vee-field-row .calculator-field_outer .calculator-field .first-row-calculator .calculator-select {
        width: 80%;
        text-align: center
    }

    #calculator-form .vee-field-row .calculator-field_outer .calculator-field .first-row-calculator .calculator-select .q-field__control .q-field__native {
        justify-content: center
    }

    .mobile-stats-commissions .stats-data_outer .bg-two div {
        padding: 5px 15px
    }

    .opentip-tipster.tipster-info .sales-commissions {
        gap: 3px
    }

    .opentip-tipster.tipster-info .sales-commissions .commissions,.opentip-tipster.tipster-info .sales-commissions .sales {
        padding: 10px 3px;
        min-width: 70px;
        flex-wrap: nowrap
    }

    .opentip-tipster .odd-content.publish-tipster .ods {
        padding: 10px!important
    }

    .rotatingText .s-running-line__subtitle {
        font-size: 1.2rem;
        margin-left: 0
    }

    .rotatingText .s-running-line__title {
        font-size: 1.2rem;
        margin: 0
    }

    .rotatingText .rotatingText-adjective.one a {
        justify-content: space-around
    }

    .rotatingText .rotatingText-adjective.one a span {
        max-width: 123px
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .sales-commissions .commissions {
        padding: 5px 0;
        min-width: 70px
    }

    .tipster-info.history-tipsters .tipster-layout-boxes .sales-commissions .sales {
        min-width: 70px
    }

    .q-header .header-logo {
        padding-left: 0
    }

    .q-header .header-login {
        flex-basis: 60%
    }

    .lang-menu-selection {
        order: 3
    }

    .bannerText .s-running-line__subtitle {
        font-size: 1.2rem;
        margin-left: 0
    }

    .bannerText .s-running-line__title {
        font-size: 1.2rem;
        margin: 0
    }

    .bannerText .bannerText-adjective span {
        max-width: 123px
    }

    .bannerText .bannerText-adjective a {
        gap: 10px
    }

    .bannerText.bonus.tendex-mobile span {
        max-width: 90%
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .win-tips {
        min-width: 180px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .win-tips .percentage-win {
        width: 45%
    }
    .splashpage .number-rows .s-benefits__row.five .benefit-item__circle{
        right:34%;
        top:168px;
    }
}

@media (max-width: 450px) {
    .slot-img.centermobile {
        margin:15px 0 0;
    }

    .hot-tipster-new-layout.version-two .new-avatar {
        left: -15%
    }

    .hot-tipster-new-layout .q-card-hot {
        padding: 0 10px
    }

    .hot-tipster-new-layout .new-avatar {
        z-index: 1
    }

    .hot-tipster-new-layout .name-row .name-tipster {
        max-width: 65%
    }

    .hot-tipster-new-layout .hot_tipster__outer {
        padding: 0
    }

    .hot-tipster-new-layout .hot_tipster__outer .box-stats {
        width: calc(100% + -0px)!important
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr {
        width: 100%
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        width: 130px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 70px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 80px;
        padding: 0 7px 7px
    }

    .hot-tipster-new-layout .new-avatar img {
        width: 55px;
        height: 55px
    }

    .mobile-content-tips.new-ver .new-layout-more-stats .second-row-content {
        column-gap: unset;
        justify-content: space-between;
        flex-wrap: nowrap
    }

    .content-tipsters {
        padding: 0 25px
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips.new-ver.mobile-row {
        width: calc(100% - 10px)!important
    }

    .content-tipsters.modal-vue-tipster .mobile-content-tips.new-ver.mobile-row .name-stats .data-tipster {
        max-width: 90%
    }

    .content-tipsters.modal-vue-tipster .content-tips .last-btn-svg .btn-stats {
        margin: 15px 0
    }

    .content-tipsters.modal-vue-tipster .content-tips .avatar-tipster .q-avatar {
        font-size: 60px!important
    }

    .splashpage.survey-page iframe {
        height: 8900px!important
    }

    .tendex-page.splashpage .content-splash .content-splash__ .flex-column {
        width: 100%!important
    }
    .f-bigger {
        font-size: 18px !important;
    }
    .splashpage .earn-tips-win.two .image-row {
        width: 60%;
    }
    .image-row.torocoin:before {
        width: 270px;
        height: 270px;
    }
    .q-mt-lg {
        margin-top: 20px;
    }
    .splashpage .number-rows {
        padding-top: 20px;
    }
   /* .splashpage .number-rows .s-benefits__row .benefit-item__circle {
        top: 0;
        right: 20px;
    }*/
    .splashpage .number-rows .s-benefits__row.m-gap {
        padding: 0 0;
    }
    .splashpage .number-rows .s-benefits__body {
        padding-bottom: 0;
    }
    .what-is{
        margin: 60px 0 30px;
    }
    .image-row.torocoin:before {
        width: 260px;
        height: 260px;
    }
    .con-row .con-in {
        width: 250px;
    }
    .con-row .imagerotate {
        width: 295px;
    }
    .splashpage .faq-rows {
        padding: 80px 10px 50px;
    }
    .s-benefits__row img {
        width: 230px;
    }

    .s-benefits__row.second img {
       left:-50px;
        position: relative;
    }
    /*.splashpage .content-splash .earn-tips-win.two.sigma img {
        margin-left: 50px;
    }*/
    .s-benefits__row.three img {
        width: 250px;
    }
    .splashpage .content-splash .content-splash__ .what-is img {
        width: 280px;
    }
    .rotateme {
        top: -13px;
    }
    .splashpage .content-splash .earn-tips-win.two .image-row img {
        max-width: 90% !important;
    }
    .gold.center {
        font-size: 26px;
    }
    .splashpage .number-rows .s-benefits__row .benefit-item__circle:after {
        width: 55px;
        height: 55px;
        font-size: 27px;
    }
    .splashpage .number-rows .s-benefits__row .benefit-item__circle:before {
        width: 103px;
        height: 100px;
    }
    .splashpage .number-rows .s-benefits__row .benefit-item__circle{
        width: 55px;
        height: 55px;
        /*top: 238px;*/
        top: 39%;
        right: 49%;
    }
    .splashpage .number-rows .s-benefits__row.second .benefit-item__circle{
        top: 40%;
    }
    .splashpage .number-rows .s-benefits__row.three .benefit-item__circle{
        top: 32%;
        right: 47%;
    }
    .splashpage .number-rows .s-benefits__row.four .benefit-item__circle {
        top: 31%;
    }
    .splashpage .number-rows .s-benefits__row.five .benefit-item__circle {
        right: 37%;
        top: 28%;
    }
    .splashpage .content-splash .earn-tips-win.two.sigma .image-row img{
        margin-left: 35px;
        max-width: 100% !important;
    }
    .splashpage .number-rows .s-benefits__row.m-gap {
        margin-bottom: 135px;
    }
    .link-footer .btn_img {
        margin: 0 0 0 40px;
    }
    .footer-toro {
        padding: 20px 10px;
    }
    .logo-footer .content-boxes.smaller br{
        display: none;
    }


}
@media (max-width: 425px){
    .splashpage .number-rows .s-benefits__row.three .benefit-item__circle {
        top: 30%;
    }
    .image-row.torocoin:before {
        width: 250px;
        height: 250px;
    }
    .logo-footer{
        padding-right: 20px;
    }
}

/*@media (max-width: 425px) {
    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(1) {
        padding:7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 21%
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 70px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 80px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .follow {
        padding: 7px
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp {
        min-height: auto;
        right: 0;
        position: relative
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow {
        min-width: 40px;
        padding: 9px 0;
        margin-bottom: 0
    }

    .hot-tipster-new-layout.version-two .name-row {
        left: 3%
    }

    .hot-tipster-new-layout.version-two .name-row .name-tipster {
        max-width: 55%;
        left: 2%;
        font-size: 1.2rem;
        padding: 9px 10px
    }

    .hot-tipster-new-layout.version-two .name-row .name-tipster .country-flag-here {
        top: -5px;
        left: 0
    }

    .hot-tipster-new-layout.version-two .new-avatar {
        left: -9px;
        width: auto
    }

    .hot-tipster-new-layout.version-two .new-avatar img {
        width: 50px;
        height: 50px
    }

    .hot-tipster-new-layout.version-two .new-avatar .q-avatar {
        font-size: 50px!important
    }

    .hot-tipster-new-layout.version-two .new-avatar .q-avatar .q-avatar__content {
        font-size: 25px!important
    }

    .hot-tipster-new-layout.version-two .stats-row .numbers-stats {
        font-size: 1.2rem
    }

    .hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header.today {
        padding: 5px 0
    }

    .footer-toro .eeep {
        margin-top: 0!important
    }

    .footer-toro .eeep .eeep-mobile {
        max-width: 250px
    }

    .footer-toro .link-footer-container {
        margin-bottom: 40px;
        margin-top: 10px;
        width: 100%!important
    }

    .backtotop .q-page-sticky--shrink {
        margin: 60px 5px!important
    }

    .backtotop .q-page-sticky--shrink .q-btn--rounded {
        padding: 8px;
        min-height: 25px;
        min-width: 25px
    }

    .backtotop .q-page-sticky--shrink .q-icon {
        font-size: 20px
    }

    .help-btn {
        min-height: 40px;
        min-width: 40px;
        right: 4px
    }

    .help-btn img {
        min-height: 35px;
        min-width: 35px;
        width: 35px
    }

    .dash-profile .mobile-tab-header {
        padding: 10px
    }

    .dash-profile .profile-tipster .tipster-public-profile {
        max-width: 91%!important;
        padding: 10px 10px 0
    }

    .dash-profile .profile-tipster .q-card.dark-bg {
        padding: 20px 5px
    }

    .dash-profile .profile-tipster .q-card.open-tips-outer,.dash-profile .profile-tipster .q-card.history-tips-outer,.dash-profile .profile-tipster .q-card .information-outer {
        padding: 10px 5px!important
    }

    .dash-profile .mobile-header-profile {
        flex-basis: 98%;
        max-width: 590px
    }

    .dash-profile .mobile-header-profile.stats-title {
        max-width: 91%!important;
        margin-bottom: 20px;
        margin-top: 10px
    }

    .dash-profile .mobile-header-profile.open-tips-mobile-header {
        max-width: 100%!important;
        margin-bottom: 0
    }

    .dash-profile .mobile-header-profile.create-tip-header {
        font-size: 1.2rem
    }

    .dash-profile .mobile-tab__ {
        background: var(--bg-card-grey);
        border-radius: 10px!important;
        padding: 10px
    }

    .dash-profile .mobile-tab__.select-purchased-tabs .tabs-purchased {
        padding: 10px
    }

    .dashboard-layout .q-pa-lg {
        padding: 15px
    }

    .dashboard-layout .box-dash {
        gap: 20px
    }

    .dashboard-layout .box-dash .link-dash .details-dash .header-dash {
        font-size: 1.2rem
    }

    .q-header .header-login {
        transform: skew(-10deg) translate(5px)
    }

    .q-header .header-login .avatar-header-img {
        width: 40px;
        height: 40px
    }

    .q-header .header-login .icon-menu .dashboard-svg .icon-tabler-user-circle {
        width: 20px
    }

    .q-header .header-login .icon-menu .dashboard-svg .client-icon {
        width: 40px;
        height: 40px
    }

    .q-header .header-login .tip-menu-mobile .q-btn__content .label-create-tip-menu {
        font-size: 1.2rem
    }

    .q-header .tabs_header .header-only-text {
        font-size: 1.2rem;
        top: 0
    }

    .q-header .q-tab .q-tab__label {
        font-size: 1.2rem
    }

    .header-logo img {
        max-width: 75%
    }

    .q-header .header-login.quest-header-login>.flex-row {
        left: 7px;
        position: relative
    }

    .become_member__banner {
        min-width: auto;
        justify-content: space-between;
        width: 100%
    }

    .become_member__banner .content-banner {
        gap: 35px;
        width: 100%;
        justify-content: center
    }

    .become_member__banner .content-banner .text_become .first_heading,.become_member__banner .content-banner .text_become .last_heading {
        line-height: 1
    }

    .become_member__banner .content-banner .btn_join.diagonal {
        min-height: 30px
    }

    .filters .short-by-btn {
        width: 34%
    }

    .filters .short-by-btn.more-filters button.bg-negative .on-left {
        display: none
    }

    .mobile-content-tips.mobile-row .name-stats .data-tipster {
        max-width: 225px
    }

    .mobile-content-tips.mobile-row .second-row-content .win-tips {
        min-width: 170px
    }

    .mobile-content-tips.mobile-row .status-tips .status {
        padding: 5px 10px
    }

    .mobile-content-tips.mobile-row .status-tips .last-btn-svg .btn-follow {
        min-width: 85px!important
    }

    .mobile-content-tips.mobile-row .followers-numbers {
        font-size: 1.1rem
    }

    .mobile-content-tips.mobile-row .avatar-tipster .avatar-follower .q-avatar {
        font-size: 55px!important
    }

    .tipster-dashboard.tipster-public-profile .mobile-content-tips .followers-numbers {
        font-size: 10px;
        margin-top: 4px
    }

    .tipster-dashboard.tipster-public-profile .tips-graph.last {
        margin: 0!important
    }

    .tipster-dashboard.tipster-public-profile .calculator-outer {
        padding: 20px 5px
    }

    .tipster-dashboard .tips-boxes {
        width: 95%!important
    }

    .avatar-row .name-stats .data-tipster {
        max-width: 225px!important
    }

    .avatar-row .second-row-content .win-tips {
        min-width: 170px!important
    }

    .avatar-row .second-row-content span {
        font-size: 1rem
    }

    .content-tipsters .avatar-tipster .q-avatar {
        font-size: 55px!important
    }

    .content-tipsters .avatar-tipster .q-avatar .q-avatar__content {
        font-size: 25px!important
    }

    .content-tipsters .content_tips-layout .tipster-tip_data-mobile {
        gap: 18px;
        justify-content: space-between
    }

    .content-tipsters .content_tips-layout .first-row-content .name-tipster {
        min-width: 210px
    }

    .content-tipsters .content_tips-layout .second-row-content .without-border.color-green {
        max-width: 57px
    }

    .content-tipsters .content_tips-layout .second-row-content .win-tips {
        min-width: 153px!important
    }

    .content-tipsters .content_tips-layout .mobile-layout {
        gap: 17px
    }

    .dark-modal .details-buy-tip {
        max-width: 94%
    }

    .dark-modal .modal-tips-layout .first-row-content .name-tipster {
        min-width: 150px
    }

    .dark-modal .modal-tips-layout .second-row-content .win-tips {
        min-width: 135px
    }

    .dark-modal .modal-tips-layout .data-tipster {
        max-width: 225px
    }

    .dark-modal.vee-form .q-pa-lg .col-2 {
        width: 44%
    }

    .dark-modal .price-modal-coins {
        font-size: 2.2rem
    }

    .profile-create-tipster .description-tipster {
        max-width: 100%
    }

    .profile-create-tipster .avatar_img_row img {
        width: 68px!important;
        height: 68px!important
    }

    .profile-create-tipster .vee-field-row.two-vee-fields .col-6 {
        padding: 0 15px
    }

    .edit-profile-dash .profile-form .ext_Code {
        width: 33%
    }

    .tipster-info .tips-boxes {
        width: 100%!important
    }

    .tipster-info .ods {
        padding: 12px 20px!important
    }

    .tipster-info .sales {
        min-width: 75px
    }

    .tipster-info .commissions {
        padding: 10px 15px;
        min-width: 75px
    }

    .history-tipsters .tipster-layout-boxes .ods {
        padding: 12px 20px!important
    }

    .history-tipsters .tipster-layout-boxes .sales {
        min-width: 75px
    }

    .history-tipsters .tipster-layout-boxes .commissions {
        padding: 10px 15px;
        min-width: 75px
    }

    .edit-profile-tipster {
        width: 95%!important
    }

    .select-pack-step .row-step_pack img {
        max-width: 60%!important
    }

    .add-stripe-card #stripe-form {
        padding-left: 5px;
        padding-right: 5px
    }

    .add-stripe-card .price-modal-stripe {
        font-size: 2.3rem
    }

    .splashpage .number-rows .s-benefits__row.three_row_outer .benefit-item__circle {
        left: 55px;
        position: relative
    }

    .splashpage .number-rows .s-benefits__row.three_row_outer .benefit-item__img {
        max-width: 75%!important;
        left: 50px;
        position: relative
    }

    .splashpage.help .earn-tips-win {
        padding: 0!important
    }

    .splashpage.help .questions .center-title p {
        font-size: 2rem
    }

    .splashpage.help .questions .center-title .em-bar.em-bar-big {
        margin: 10px auto 0
    }

    .splashpage.help .faq-rows .faq-content-row .q-list {
        width: 100%
    }

    .splashpage.help .faq-rows .faq-content-row .q-list .q-separator--horizontal {
        height: 15px;
        background: var(--bg-body-grey)
    }

    .splashpage.help .help-list {
        margin: 5px 0;
        list-style-type: disc;
        padding-left: 20px
    }

    .splashpage.help .help-list li {
        font-size: 1.4rem
    }

    .splashpage.help .q-tabs {
        margin-bottom: 30px
    }

    .splashpage.help .q-tabs .q-tab {
        min-height: 30px;
        padding: 3px 20px;
        transform: skew(-10deg);
        border-radius: 5px
    }

    .splashpage.help .q-tabs .q-tab .q-tab__label,.splashpage.help .q-tabs .q-tab .q-tab--active .q-tab__label {
        font-size: 1.2rem
    }

    .splashpage .header-global {
        font-size: 2rem
    }

    .splashpage .earn-tips-win {
        padding: 0 35px 80px
    }

    .splashpage .content-boxes,.splashpage .content-boxes.smaller {
        font-size: 1.6rem
    }

    .splashpage .vee-button-primary {
        padding: 4px 20px
    }

    .splashpage .vee-button-primary.btn-homepage {
        min-height: 30px
    }

    .splashpage .vee-button-primary.btn-homepage span.block {
        font-size: 1.4rem
    }

    .splashpage .content-splash .earn-tips-win.no-absolute .content-splash__ {
        padding: 65px 0
    }

    .splashpage .content-splash .earn-tips-win.survey .bigger-fonts {
        font-size: 2.2rem
    }

    .splashpage .content-splash .earn-tips-win.survey .bigger-fonts br {
        display: none
    }

    .splashpage .content-splash .earn-tips-win.survey .content-splash__ {
        padding: 20px 0
    }

    .splashpage .content-splash .content-splash__ .bg-shadow {
        left: 0!important
    }

    .splashpage .content-splash .content-splash__ .bg-shadow svg {
        width: 450px;
        height: 450px
    }

    .splashpage .content-splash .content-splash__ img {
        max-width: 50%
    }

    .splashpage .content-splash .content-splash__ .image-row {
        top: 90px
    }

    .splashpage .icon-header img {
        width: 23px;
        height: 23px
    }

    .splashpage.survey-page iframe {
        height: 9400px!important
    }

    .edit-profile-tipster .row:nth-child(4) .valid.vee-form-field textarea {
        font-size: 12px!important
    }

    .payments-dash .payments-data {
        width: 100%
    }

    .payments-dash .payments-data .price,.payments-dash .payments-data .date,.payments-dash .payments-data .label {
        flex-basis: auto!important
    }

    .mobile-stats-commissions .stats-data_outer .bg-two div {
        padding: 5px 15px
    }

    .opentip-tipster.tipster-info .sales-commissions .commissions {
        min-width: 70px
    }

    .delete-final .animated-icon img {
        max-width: 40px
    }

    .delete-final .modal-tips-layout {
        gap: 20px
    }

    .delete-final .modal-tips-layout .sec-row-tip .ods.real {
        flex-direction: row;
        gap: 5px;
        border-radius: 5px;
        padding: 5px 10px;
        min-height: 30px;
        min-width: 100px
    }

    .delete-final .modal-tips-layout .sec-row-tip .ods.real .odd-name {
        order: -1
    }

    .delete-final .modal-tips-layout .sec-row-tip .ods.price-tip {
        display: flex;
        flex-direction: row;
        gap: 5px;
        border-radius: 5px;
        padding: 5px 10px;
        min-height: 30px;
        min-width: 100px
    }

    .delete-final .modal-tips-layout .odd-price-delete {
        gap: 20px
    }

    .delete-final .header-create-tip-modal {
        line-height: 1
    }

    .tendex-page.splashpage .content-splash .content-splash__ .image-row {
        top: 0
    }

    .tendex-page.splashpage .header-global.smaller-title {
        font-size: 2rem!important
    }

    .tendex-page.splashpage .q-card .tend-system {
        padding: 0 30px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .win-tips {
        min-width: 170px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .win-tips .percentage-win {
        width: 45%
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster.custom-pd {
        padding: 20px 10px 10px!important
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details {
        padding: 0
    }
}*/

@media (max-width: 395px) {
    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(1) {
        padding:7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 19%;
        width: 115px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 70px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(4) {
        width: 80px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .follow {
        padding: 7px
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp {
        min-height: auto;
        right: 0;
        position: relative
    }

    .hot-tipster-new-layout.version-two .btn-follow-resp .btn-follow {
        min-width: 40px
    }

    .hot-tipster-new-layout.version-two .name-row {
        left: 9%
    }

    .hot-tipster-new-layout.version-two .name-row .name-tipster {
        max-width: 65%;
        left: 0;
        font-size: 1.2rem;
        padding: 7px 10px
    }

    .hot-tipster-new-layout.version-two .new-avatar {
        left: -25px;
        width: auto
    }

    .hot-tipster-new-layout.version-two .new-avatar img {
        width: 40px;
        height: 40px
    }

    .hot-tipster-new-layout.version-two .new-avatar .q-avatar {
        font-size: 40px!important
    }

    .hot-tipster-new-layout.version-two .new-avatar .q-avatar .q-avatar__content {
        font-size: 20px!important
    }

    .hot-tipster-new-layout.version-two .stats-row .numbers-stats {
        font-size: 1.2rem
    }

    .hot-tipster-new-layout.version-two .header-from-name-avatar .custom-header.today {
        padding: 5px 0
    }

    .mobile-content-tips .name-stats .data-tipster {
        flex-direction: column;
        flex-wrap: wrap
    }

    .content-tipsters {
        padding: 0 20px
    }

    .content-tipsters.modal-vue-tipster .new-ver.mobile-row .second-row-content .win-tendex {
        width: 100%
    }

    .content-tipsters.modal-vue-tipster .new-ver.mobile-row .second-row-content .win-tips {
        min-width: 140px
    }

    .content-tipsters.modal-vue-tipster .new-ver.mobile-row .second-row-content .number-wins {
        min-width: 75px
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip {
        font-size: 48px!important
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip .q-avatar__content {
        font-size: 25px!important
    }

    .content-tipsters .mobile-row .first-row-content .name-tipster {
        min-width: 100%;
        margin: 0 auto
    }

    .content-tipsters .mobile-row .avatar-tipster img {
        width: 50px;
        height: 50px
    }

    .content-tipsters .last-btn-svg .btn-follow {
        min-width: 70px!important
    }

    .content-tipsters .content_tips-layout .avatar-tipster img {
        width: 45px;
        height: 45px
    }

    .filters .toggle-value .q-toggle__inner {
        font-size: 37px
    }

    .filters .toggle-value .q-gutter-sm {
        gap: 10px
    }

    .filters .search-input {
        width: 35%
    }

    .filters .search-input .q-field__inner .q-field__control .q-field__control-container .q-field__label {
        left: 10px
    }

    .filters .short-by-btn .q-btn {
        padding: 4px 10px
    }

    .filters .short-by-btn.more-filters button {
        width: auto
    }

    .header-logo img {
        max-width: 85%
    }

    .q-header .header-login {
        padding-right: 0;
        transform: skew(-10deg) translate(15px)
    }

    .q-header .header-login.tipster-header-login {
        justify-content: flex-start
    }

    .q-header .header-login.quest-header-login .flex-row {
        min-width: 58px;
        gap: 10px;
        padding: 3px 10px
    }

    .q-header .header-login.quest-header-login .flex-row .q-btn__content {
        font-size: 1.1rem
    }

    .q-header .header-login.quest-header-login .login-btn,.q-header .header-login.quest-header-login .register-btn {
        min-height: 30px
    }

    .q-header .header-login .avatar-header-img {
        width: 40px;
        height: 40px
    }

    .q-header .header-login .tip-menu-mobile {
        flex-wrap: nowrap
    }

    .q-header .tabs_header .header-only-text {
        font-size: 1.2rem;
        top: -1px
    }

    .q-header .q-tab .q-tab__label {
        font-size: 1.2rem
    }

    .q-header .q-tab .q-tab__content {
        padding: 2px
    }

    .q-header .header-login.quest-header-login>.flex-row {
        left: 6px;
        position: relative
    }

    .become_member__banner .content-banner {
        gap: 20px
    }

    .become_member__banner .content-banner .btn_join span {
        font-size: 1.2rem
    }

    .become_member__banner .content-banner .text_become .first_heading {
        font-size: 1.4rem
    }

    .become_member__banner .content-banner .text_become .last_heading {
        font-size: 1.2rem
    }

    .mobile-content-tips.mobile-row .second-row-content {
        width: 100%
    }

    .mobile-content-tips.mobile-row .second-row-content .win-tips {
        min-width: 155px
    }

    .mobile-content-tips.mobile-row .followers-numbers {
        font-size: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .tipster-dashboard.tipster-public-profile .tips-boxes {
        padding: 25px 15px 20px
    }

    .tipster-dashboard.tipster-public-profile .mobile-content-tips .followers-numbers {
        font-size: 10px;
        margin-top: 3px
    }

    .tipster-dashboard .history-tipsters .status-history-tips {
        height: 18px
    }

    .tipster-dashboard .history-tipsters .status-history-tips svg {
        width: 15px;
        height: 15px
    }

    .tipster-dashboard .history-tipsters .status-history-tips .value-status-tip {
        font-size: 1.1rem
    }

    .tipster-dashboard .ods {
        padding: 5px 20px
    }

    .tipster-dashboard .information-boxes p {
        font-size: 1.2rem;
        line-height: 1.4
    }

    .avatar-row .name-stats .data-tipster {
        max-width: 240px!important
    }

    .avatar-row .avatar-tipster img {
        width: 45px!important;
        height: 45px!important
    }

    .dark-modal .details-buy-tip br {
        display: none
    }

    .dark-modal .modal-tips-layout .avatar-tipster img {
        width: 40px;
        height: 40px
    }

    .dark-modal .modal-tips-layout .first-row-tip,.dark-modal .modal-tips-layout .sec-row-tip {
        width: 100%
    }

    .profile-create-tipster .q-card .vee-form {
        padding: 20px 0
    }

    .profile-create-tipster .avatar_img_row .avatar_img_content,.profile-create-tipster .avatar_img_row .upload_avatar {
        width: 47%
    }

    .dark-modal.vee-form .q-pa-lg {
        gap: 12px;
        padding: 24px 5px
    }

    .dark-modal.vee-form .col-2 {
        width: 47%
    }

    .dark-modal .price-modal-coins {
        font-size: 2rem
    }

    .payments-dash .payments-data {
        padding: 20px 10px
    }

    .payments-dash .payments-data .date {
        flex-basis: content!important
    }

    .purchased-dashboard {
        padding: 0
    }

    .tipster-info.history-tipsters .odd-content,.tipster-info.history-tipsters .sales-commissions {
        justify-content: center!important;
        width: 43%
    }

    .tipster-info .tips-boxes .game-row .match-name {
        font-size: 1.4rem
    }

    .tipster-info .sales-commissions {
        margin-left: 10px
    }

    .vee-field-row .form-error-msg {
        font-size: 1.1rem
    }

    .select-pack-step .row-step_pack img {
        max-width: 67%!important
    }

    .select-pack-step .text-grey-toro {
        padding: 0 15px!important
    }

    .dark-modal .row-step_pack .box-coin .choose-credits-button.q-btn--rounded {
        padding: 13px 12px
    }

    .splashpage .header-global {
        font-size: 2.3rem
    }

    .splashpage .content-splash .content-splash__ .bg-shadow {
        bottom: 60%
    }

    .splashpage .content-splash .content-splash__ .bg-shadow svg {
        width: 400px;
        height: 400px
    }

    .header-modal-tip .game-name {
        font-size: 1.4rem;
        flex-basis: 100%;
        text-align: center
    }

    .header-modal-tip span,.header-modal-tip .date-match,.header-modal-tip .match-name {
        font-size: 1.4rem
    }

    .header-modal-tip .league-name {
        font-size: 1.2rem
    }

    .header-modal-tip .line-header {
        flex-wrap: wrap;
        gap: 2px
    }

    .tips-group .header-menu-item .menu-badge-tips.q-badge {
        top: -10px;
        font-size: 1rem;
        height: 15px
    }

    .tips-group .badge-tips__ {
        top: -15px;
        font-size: 1rem;
        height: 15px
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .win-tips {
        min-width: 155px!important
    }

    .toro-tips .content-tipsters .content_tips-layout.content_tip_per_tipster .avatar-tipster .name-stats .data-tipster .second-row-content .win-tips .percentage-win {
        width: 45%
    }

    .q-card.vit-modal__ {
        padding: 20px 10px
    }

    .q-card.vit-modal__ .subheader-vit {
        line-height: 1.2;
        font-size: 1.3rem;
        margin-bottom: 10px
    }

    .q-card.vit-modal__ .vit-rows {
        display: flex;
        flex-wrap: nowrap
    }

    .q-card.vit-modal__ .vit-rows .text-grey-toro {
        font-size: 1.3rem
    }
    .rotateme {
        width: 450px;
        /*left: 63px;*/
    }
    .image-row.torocoin:before {
        width: 235px;
        height: 235px;
    }
    .splashpage .content-splash .content-splash__ .what-is img {
        width: 245px;
    }
    .splashpage .number-rows .s-benefits__row.second .benefit-item__circle {
        top: 37%;
    }
    .splashpage .number-rows .s-benefits__row.three .benefit-item__circle {
        top: 30%;
    }
    .splashpage .number-rows .s-benefits__row.four .benefit-item__circle {
        top: 28%;
    }
    .splashpage .number-rows .s-benefits__row.five .benefit-item__circle {
        top: 26%;
    }

}

@media (max-width: 365px) {
    .q-header .header-login.quest-header-login {
        flex-basis:52%
    }

    .rotatingText .s-running-line__subtitle {
        font-weight: 400
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 18%;
        width: 100px
    }

    .hot-tipster-new-layout.version-two .name-row .name-tipster {
        left: -12px
    }

    .hot-tipster-new-layout .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        width: 55px;
        padding: 0 0 7px
    }

    .tendex-page.splashpage .header-global.smaller-title {
        font-size: 1.8rem!important
    }

    .toro-tips .content-tipsters.by_tipsters .content-tips.expand-tip-details .section_expand_tips .content_tips-layout .button-flex-mob .odd-content .ods {
        width: 95px
    }
    .rotateme {
        width: 410px;
    }
    .image-row.torocoin:before {
        width: 217px;
        height: 217px;
    }
    .splashpage .number-rows .s-benefits__row .benefit-item__circle {
        top: 36%;
        right: 46%;
    }
    .splashpage .number-rows .s-benefits__row.second .benefit-item__circle {
        top: 34%;
    }
    .splashpage .number-rows .s-benefits__row.three .benefit-item__circle {
        top: 29%;
    }
    .splashpage .number-rows .s-benefits__row.four .benefit-item__circle {
        top: 26%;
    }
    .splashpage .number-rows .s-benefits__row.five .benefit-item__circle {
        right: 37%;
        top: 23%;
    }

}

@media (max-width: 345px) {
    .rotatingText .s-running-line__btn {
        min-width:65px;
        max-width: 90px!important
    }

    .rotatingText .rotatingText-adjective.one a {
        justify-content: space-around
    }

    .rotatingText .rotatingText-adjective.one a span {
        max-width: 115px
    }

    .dashboard-layout .q-pa-lg {
        padding: 10px
    }

    .dashboard-layout .box-dash {
        gap: 15px
    }

    .dashboard-layout .box-dash .link-dash .details-dash .header-dash {
        font-size: 1.2rem
    }

    .filters .search-input .q-field__label {
        font-size: 1.1rem!important
    }

    .filters .search-input .q-icon {
        font-size: 1.3rem
    }

    .filters .short-by-btn {
        width: 33%
    }

    .filters .short-by-btn button .q-btn__content {
        font-size: 1.1rem
    }

    .filters .short-by-btn button .q-icon {
        margin-left: 0!important
    }

    .q-header .q-tab .q-tab__label {
        font-size: 1.1rem
    }

    .q-header .tabs_header {
        padding: 5px
    }

    .become_member__banner .content-banner {
        gap: 9px
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip {
        font-size: 41px!important
    }

    .content-tipsters .avatar-tipster .q-avatar.no-img__tip .q-avatar__content {
        font-size: 22px!important
    }

    .content-tipsters .mobile-row .first-row-content .name-tipster,.content-tipsters .mobile-row .second-row-content .win-tips .f2 {
        font-size: 1.2rem
    }

    .content-tipsters .mobile-row .second-row-content .win-tips span:nth-child(1) {
        font-size: 1.2rem
    }

    .content-tipsters .mobile-row .second-row-content span {
        font-size: .8rem
    }

    .content-tipsters .mobile-row .second-row-content .without-border.color-green {
        padding: 5px 11px
    }

    .content-tipsters .mobile-row .last-btn-svg .btn-follow {
        gap: 5px
    }

    .content-tipsters .mobile-row .status-tips .status-container {
        gap: 6px
    }

    .content-tipsters .mobile-row .avatar-tipster img {
        width: 40px;
        height: 40px
    }

    .content-tipsters .content_tips-layout {
        padding: 30px 11px 20px!important
    }

    .content-tipsters .content_tips-layout .tipster-tip_data-mobile {
        gap: 12px
    }

    .content-tipsters .content_tips-layout .avatar-tipster img {
        width: 40px;
        height: 40px
    }

    .content-tipsters .second-row-content .win-tips .percentage-win {
        font-size: 1.6rem;
        width: 32%
    }

    .mobile-content-tips.mobile-row .status-tips .last-btn-svg .btn-follow {
        min-width: 75px!important
    }

    .mobile-content-tips.mobile-row .status-tips .status {
        padding: 5px 9px
    }

    .mobile-content-tips.mobile-row .followers-numbers {
        font-size: .9rem
    }

    .mobile-content-tips.mobile-row .name-stats .data-tipster {
        max-width: 210px
    }

    .mobile-content-tips.new-ver .second-row-content .f2 {
        font-size: 1.5rem
    }

    .mobile-content-tips.new-ver.mobile-row .new-layout-more-stats {
        padding: 10px 0
    }

    .history-tipsters.tipster-info .tipster-layout-boxes {
        justify-content: center!important
    }

    .history-tipsters.tipster-info .tipster-layout-boxes .sales-commissions {
        justify-content: center!important;
        width: 100%!important
    }

    .avatar-row .second-row-content {
        column-gap: 5px
    }

    .avatar-row .second-row-content .win-tips .percentage-win {
        font-size: 1.6rem
    }

    .avatar-row .name-stats .data-tipster {
        max-width: 225px!important
    }

    .avatar-row .avatar-tipster img {
        width: 40px!important;
        height: 40px!important
    }

    .dark-modal .row-step_pack {
        padding: 10px 5px;
        min-height: 120px
    }

    .dark-modal .details-buy-tip {
        max-width: 100%;
        font-size: 1.2rem
    }

    .dark-modal .modal-tips-layout .avatar-tipster img {
        width: 40px;
        height: 40px
    }

    .dark-modal .modal-tips-layout .first-row-content .name-tipster {
        font-size: 1.2rem
    }

    .dark-modal .modal-tips-layout .second-row-content .win-tips {
        min-width: 123px
    }

    .dark-modal .modal-tips-layout .second-row-content .f2 {
        font-size: 1.2rem
    }

    .dark-modal .modal-tips-layout .second-row-content .without-border.color-green {
        padding: 5px 3px
    }

    .tipster-info.history-tipsters .sales {
        height: unset
    }

    .tipster-info.history-tipsters .tips-boxes {
        flex-wrap: wrap;
        flex-direction: unset
    }

    .tipster-info.history-tipsters .odd-content {
        width: 38%
    }

    .tipster-info.history-tipsters .sales-commissions {
        width: 38%;
        min-width: 130px
    }

    .tipster-info .tips-boxes {
        flex-wrap: nowrap;
        flex-direction: column;
        gap: 15px
    }

    .tipster-info .tips-content {
        width: 100%;
        margin-bottom: 5px
    }

    .tipster-info .odd-content {
        width: 100%;
        justify-content: center
    }

    .tipster-info .sales-commissions {
        justify-content: center
    }

    .tipster-info .commissions {
        justify-content: center;
        height: 50px
    }

    .tipster-info .sales {
        height: 50px
    }

    .dash-profile .q-tabs__content {
        gap: 4px
    }

    .dash-profile .mobile-tab-header {
        padding: 10px 8px
    }

    .dash-profile .mobile-header-profile {
        font-size: 1.3rem
    }

    .dash-profile .profile-tipster .q-card.dark-bg {
        padding: 20px 0
    }

    .select-pack-step .text-grey-toro {
        font-size: 13px
    }

    .splashpage .earn-tips-win {
        padding: 0 30px 80px
    }

    .profile-create-tipster .personal-information .tipster-avatar-row .info-register-tipster {
        padding: 0 15px;
        font-size: 1.2rem;
        line-height: 1.4
    }

    .header-modal-tip .game-name,.header-modal-tip span,.header-modal-tip .date-match {
        font-size: 1.3rem
    }

    .header-modal-tip .match-name {
        font-size: 1.3rem;
        width: 100%;
        text-align: center
    }

    .header-modal-tip .league-name {
        font-size: 1.2rem
    }

    .header-modal-tip .line-header {
        flex-wrap: wrap
    }

    .hot-tipster-new-layout.version-two .new-avatar .q-avatar {
        font-size: 48px!important
    }

    .hot-tipster-new-layout.version-two .name-row .name-tipster {
        left: 7px
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(2) {
        margin-left: 65px;
        width: 75%
    }

    .hot-tipster-new-layout.version-two .hot_tipster__outer .table-stats tbody tr td:nth-child(3) {
        margin-left: 85px
    }
    .image-row.torocoin:before {
        width: 205px;
        height: 205px;
    }
}