.bg-main-banner {
    background: #1a1a1a url(../../tradesia/home/tradesia-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 521px;
}

.bg-main-banner-myr {
    background: #ffffff url(../../tradesia/home/tradesia-banner-light.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 521px;
}

.bg-main-banner-myr-dark {
    background: #1a1a1a url(../../tradesia/home/tradesia-banner-dark.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 521px;
}

.bg-event-promotion-banner {
    background: #1a1a1a url(../../tradesia/eventpromo/event-promotion-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.bg-event-promotion-banner-mobile {
    background: #1a1a1a url(../../event-promotion-banner-mobile.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.bg-affiliate-banner {
    background-image: url(../../tradesia/affiliates/dark-affiliate-banner.jpg);
    background-size: cover;
}

.light .bg-affiliate-banner {
    background-image: url(../../tradesia/affiliates/light-affiliate-banner.jpg);
    background-size: cover;
}


.bg-affiliates-banner {
    background: #1a1a1a url(../../affiliates_bg_new.jpg);
    background-size: cover;
    background-position: 50% 65%;
    background-repeat: no-repeat
}

.bg-affiliates-banner-mobile {
    background: #1a1a1a url(../../affiliates_bg_mobile_new.jpg);
    background-size: cover;
    background-position: 50% 39%;
    background-repeat: no-repeat
}

.bg-affiliates-bg-2 {
    background: #1a1a1a url(../../affiliates-bg-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.bg-affiliates-bg-2-mobile {
    background: #1a1a1a url(../../affiliates-bg-2-mobile.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.swal2-deposit-popup {
    --tw-bg-opacity: 1!important;
    background-color: #2a2a2a!important;
    background-color: rgba(42,42,42,var(--tw-bg-opacity))!important;
    width: 24em!important;
    border-radius: 10px !important;
}

.swal2-deposit-popup .swal2-title {
    font-size: 1.4em !important;
    color: #fff !important;
    padding-top: 0px !important;
}

.swal2-deposit-popup .swal2-html-container {
    font-size: 0.9em !important;
    color: #bbbbbb !important;
    line-height: 25px !important;
}

.swal2-deposit-popup .swal2-icon {
    width: 6em !important;
    height: 6em !important;
    border: 0.25em solid transparent !important;
    border-color: transparent !important;
}

.swal2-deposit-popup .swal2-actions {
    padding: 0px 30px !important;
    display: unset !important;
    width: 100% !important;
}

.swal2-deposit-popup .swal2-styled.swal2-cancel {
    width: 98% !important;
    display: block !important;
    margin-top: 14px !important;
    color: #bbbbbb !important;
    font-size: 0.8em !important;
}

.swal2-deposit-popup .swal2-styled.swal2-confirm {
    width: 98% !important;
    display: block !important;
}

.product-img {
    background-image: #1a1a1a url(/tradesia/home/sprite-home.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-black-event{
    color: #171717;
}

.locale-custom button .currency-flag {
    height: 20px !important;
    width: 30px !important;
}

.locale-custom button .rounded-full {
    border-radius: 0px !important;
}

.w-custom-3 {
    max-width: 27rem;
}

.hide-animate {
    display: none !important;
}

.animationSmallJackpot {
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: smalljackpot 1.5s infinite;
  }
.animationElectricity {
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: electricity 1.5s infinite;
  }

/* .animationSmallJackpot:after,
.animationSmallJackpot:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  top: 0;
  background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: smalljackpot 1.5s infinite;
  -webkit-animation: smalljackpot 1.5s infinite;
}

.animationElectricity:after,
.animationElectricity:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  top: 0;
  background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: electricity 1.5s infinite;
  -webkit-animation: electricity 1.5s infinite;
} */

.animationMulti {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: multi 3s;
  }
  .animationMultiA {
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: multiA 3s;
  }
  .animationMultiB {
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: multiB 3s;
  }
  .animationMultiC {
    background-size: 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: multiC 3s;
  }
  .animationMultiD {
    background-size: 100%;
    background-position: bottom right;
    background-repeat: no-repeat;
    margin: 0 auto;
    animation: multiD 3s;
  }
  .custom_chart_child_1 {
    width: 30%;
    height: 50%;
    margin-bottom: 5%;
  }
  .custom_chart_child_2,
  .custom_chart_child_3,
  .custom_chart_child_32,
  .custom_chart_child_37 {
    width: 70%;
    height: 53%;
    margin-bottom: 5%;
  }
  .custom_chart_child_4,
  .custom_chart_child_5,
  .custom_chart_child_10,
  .custom_chart_child_27,
  .custom_chart_child_28 {
    width: 24%;
    height: 53%;
    margin-bottom: 3%;
  }
  
  .custom_chart_child_6,
  .custom_chart_child_7,
  .custom_chart_child_8,
  .custom_chart_child_9,
  .custom_chart_child_11,
  .custom_chart_child_13,
  .custom_chart_child_12,
  .custom_chart_child_14,
  .custom_chart_child_15,
  .custom_chart_child_16,
  .custom_chart_child_20,
  .custom_chart_child_21,
  .custom_chart_child_22,
  .custom_chart_child_23 {
    width: 50%;
    height: 53%;
    margin-bottom: 3%;
  }
  
  .custom_chart_child_17, .custom_chart_child_18, .custom_chart_child_19 {
    width: 100%;
    height: 53%;
    margin-bottom: 15%;
  }
  
  .custom_chart_child_24, .custom_chart_child_25, .custom_chart_child_26, .custom_chart_child_29, .custom_chart_child_30, .custom_chart_child_31  {
    width: 60%;
    height: 53%;
    margin-bottom: 3%;
  }
  
  .custom_chart_child_33,
  .custom_chart_child_34,
  .custom_chart_child_35,
  .custom_chart_child_36,
  .custom_chart_child_38,
  .custom_chart_child_39 {
    width: 30%;
    height: 50%;
    margin-bottom: 3%;
  }
  
  .custom_chart_child_1 .child_multiplier {
    font-size: 100px;
    top: 19%;
  }
  .custom_chart_child_2 .child_multiplier,
  .custom_chart_child_3 .child_multiplier,
  .custom_chart_child_32 .child_multiplier,
  .custom_chart_child_37 .child_multiplier {
    font-size: 85px;
    top: 22%;
  }
  
  .custom_chart_child_4 .child_multiplier,
  .custom_chart_child_5 .child_multiplier,
  .custom_chart_child_6 .child_multiplier,
  .custom_chart_child_7 .child_multiplier,
  .custom_chart_child_8 .child_multiplier,
  .custom_chart_child_9 .child_multiplier,
  .custom_chart_child_10 .child_multiplier,
  .custom_chart_child_11 .child_multiplier,
  .custom_chart_child_13 .child_multiplier,
  .custom_chart_child_15 .child_multiplier,
  .custom_chart_child_16 .child_multiplier,
  .custom_chart_child_20 .child_multiplier,
  .custom_chart_child_21 .child_multiplier,
  .custom_chart_child_22 .child_multiplier,
  .custom_chart_child_23 .child_multiplier,
  .custom_chart_child_27 .child_multiplier,
  .custom_chart_child_28 .child_multiplier {
    font-size: 60px;
    top: 10%;
  }
  
  .custom_chart_child_12 .child_multiplier,
  .custom_chart_child_14 .child_multiplier,
  .custom_chart_child_17 .child_multiplier,
  .custom_chart_child_18 .child_multiplier,
  .custom_chart_child_19 .child_multiplier {
    font-size: 70px;
    top: 27%;
  } 
  
  .custom_chart_child_24 .child_multiplier, .custom_chart_child_25 .child_multiplier, .custom_chart_child_26 .child_multiplier, .custom_chart_child_29 .child_multiplier, .custom_chart_child_30 .child_multiplier, .custom_chart_child_31 .child_multiplier{
    font-size: 45px;
    top: 21%;
  } 
  
  .custom_chart_child_33 .child_multiplier, .custom_chart_child_34 .child_multiplier, .custom_chart_child_35 .child_multiplier, .custom_chart_child_36 .child_multiplier,
  .custom_chart_child_38 .child_multiplier, .custom_chart_child_39 .child_multiplier {
    font-size: 40px;
    top: 9%;
  } 
  
  .custom_chart_child_12ightning .li1,
  .custom_chart_child_12ightning .li2,
  .custom_chart_child_12ightning .li3,
  .custom_chart_child_12ightning .li4 {
    width: 40%;
  }
  
  .custom_chart_child_2lightning .li1,
  .custom_chart_child_3lightning .li1,
  .custom_chart_child_2lightning .li2,
  .custom_chart_child_3lightning .li2,
  .custom_chart_child_2lightning .li3,
  .custom_chart_child_3lightning .li3,
  .custom_chart_child_2lightning .li4,
  .custom_chart_child_3lightning .li4,
  .custom_chart_child_14lightning .li1,
  .custom_chart_child_14lightning .li2,
  .custom_chart_child_14lightning .li3,
  .custom_chart_child_14lightning .li4,
  .custom_chart_child_17lightning .li1,
  .custom_chart_child_17lightning .li2,
  .custom_chart_child_17lightning .li3,
  .custom_chart_child_17lightning .li4,
  .custom_chart_child_32lightning .li1,
  .custom_chart_child_32lightning .li2,
  .custom_chart_child_32lightning .li3,
  .custom_chart_child_32lightning .li4,
  .custom_chart_child_37lightning .li1,
  .custom_chart_child_37lightning .li2,
  .custom_chart_child_37lightning .li3,
  .custom_chart_child_37lightning .li4 {
    width: 60%;
  }
  
  .custom_chart_child_4lightning .li1,
  .custom_chart_child_4lightning .li2,
  .custom_chart_child_4lightning .li3,
  .custom_chart_child_4lightning .li4,
  .custom_chart_child_5lightning .li1,
  .custom_chart_child_5lightning .li2,
  .custom_chart_child_5lightning .li3,
  .custom_chart_child_5lightning .li4,
  .custom_chart_child_10lightning .li1,
  .custom_chart_child_10lightning .li2,
  .custom_chart_child_10lightning .li3,
  .custom_chart_child_10lightning .li4,
  .custom_chart_child_27lightning .li1,
  .custom_chart_child_27lightning .li2,
  .custom_chart_child_27lightning .li3,
  .custom_chart_child_27lightning .li4,
  .custom_chart_child_28lightning .li1,
  .custom_chart_child_28lightning .li2,
  .custom_chart_child_28lightning .li3,
  .custom_chart_child_28lightning .li4 {
    width: 20%;
  }
  
  .custom_chart_child_1lightning .li1,
  .custom_chart_child_1lightning .li2,
  .custom_chart_child_1lightning .li3,
  .custom_chart_child_1lightning .li4,
  .custom_chart_child_6lightning .li1,
  .custom_chart_child_6lightning .li2,
  .custom_chart_child_6lightning .li3,
  .custom_chart_child_6lightning .li4,
  .custom_chart_child_7lightning .li1,
  .custom_chart_child_7lightning .li2,
  .custom_chart_child_7lightning .li3,
  .custom_chart_child_7lightning .li4,
  .custom_chart_child_8lightning .li1,
  .custom_chart_child_8lightning .li2,
  .custom_chart_child_8lightning .li3,
  .custom_chart_child_8lightning .li4,
  .custom_chart_child_9lightning .li1,
  .custom_chart_child_9lightning .li2,
  .custom_chart_child_9lightning .li3,
  .custom_chart_child_9lightning .li4,
  .custom_chart_child_11lightning .li1,
  .custom_chart_child_11lightning .li2,
  .custom_chart_child_11lightning .li3,
  .custom_chart_child_11lightning .li4,
  .custom_chart_child_12lightning .li1,
  .custom_chart_child_12lightning .li2,
  .custom_chart_child_12lightning .li3,
  .custom_chart_child_12lightning .li4,
  .custom_chart_child_13lightning .li1,
  .custom_chart_child_13lightning .li2,
  .custom_chart_child_13lightning .li3,
  .custom_chart_child_13lightning .li4,
  .custom_chart_child_15lightning .li1,
  .custom_chart_child_15lightning .li2,
  .custom_chart_child_15lightning .li3,
  .custom_chart_child_15lightning .li4,
  .custom_chart_child_16lightning .li1,
  .custom_chart_child_16lightning .li2,
  .custom_chart_child_16lightning .li3,
  .custom_chart_child_16lightning .li4,
  .custom_chart_child_20lightning .li1,
  .custom_chart_child_20lightning .li2,
  .custom_chart_child_20lightning .li3,
  .custom_chart_child_20lightning .li4,
  .custom_chart_child_21lightning .li1,
  .custom_chart_child_21lightning .li2,
  .custom_chart_child_21lightning .li3,
  .custom_chart_child_21lightning .li4,
  .custom_chart_child_22lightning .li1,
  .custom_chart_child_22lightning .li2,
  .custom_chart_child_22lightning .li3,
  .custom_chart_child_22lightning .li4,
  .custom_chart_child_23lightning .li1,
  .custom_chart_child_23lightning .li2,
  .custom_chart_child_23lightning .li3,
  .custom_chart_child_23lightning .li4 {
    width: 45%;
  }
  
  .custom_chart_child_36lightning .li1,
  .custom_chart_child_36lightning .li2,
  .custom_chart_child_36lightning .li3,
  .custom_chart_child_36lightning .li4,
  .custom_chart_child_38lightning .li1,
  .custom_chart_child_38lightning .li2,
  .custom_chart_child_38lightning .li3,
  .custom_chart_child_38lightning .li4,
  .custom_chart_child_39lightning .li1,
  .custom_chart_child_39lightning .li2,
  .custom_chart_child_39lightning .li3,
  .custom_chart_child_39lightning .li4,
  .custom_chart_child_35lightning .li1,
  .custom_chart_child_35lightning .li2,
  .custom_chart_child_35lightning .li3,
  .custom_chart_child_35lightning .li4,
  .custom_chart_child_34lightning .li1,
  .custom_chart_child_34lightning .li2,
  .custom_chart_child_34lightning .li3,
  .custom_chart_child_34lightning .li4,
  .custom_chart_child_33lightning .li1,
  .custom_chart_child_33lightning .li2,
  .custom_chart_child_33lightning .li3,
  .custom_chart_child_33lightning .li4 {
    width: 30%;
  }
  
  .li1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
  }
  .li2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 50%;
  }
  .li3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
  }
  .li4 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
  }

  .shadow-custom {
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
  }

  .draw-border {
    transition: color 0.25s 0.0833333333s;
    border-radius: 0.375rem;
}
.draw-border::before, .draw-border::after {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: '';
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
}
.draw-border::before {
    border-bottom-width: 2px;
    border-left-width: 2px;
    
}
.draw-border::after {
    border-top-width: 2px;
    border-right-width: 2px;
}
.draw-border:hover {
    color: #02a6c2;
}
.draw-border:hover::before, .draw-border:hover::after {
    border-color: #02a6c2;
    transition: border-color 0s, width 0.25s, height 0.25s;
    width: 100%;
    height: 100%;
    border-radius: 0.375rem;
}
.draw-border:hover::before {
    transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
    transition-delay: 0s, 0.25s, 0s;
}
.btn-custom {
    cursor: pointer;
}
.btn-custom:focus {
    outline: 2px dotted #02a6c2;
}

  .star-animate {
    animation: 1s twinkle infinite;
    transition: ease-in-out;
  }
  
  @keyframes twinkle {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0;
      transform: scale(0.8);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

.glow {
  animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
      text-shadow: 0 0 10px #02a6c2, 0 0 10px #02a6c2;
    }
    
    to {
      text-shadow: 0 0 20px #02a6c2, 0 0 30px #02a6c2;
    }
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #02a6c2, 0 0 10px #02a6c2;
  }
  
  to {
    text-shadow: 0 0 20px #02a6c2, 0 0 30px #02a6c2;
  }
}

@media screen and (min-width: 1280px) {
    .product-img.img-1 {
        background-position: center 11px;
    }

    .product-img.img-2 {
        background-position: center -84px;
    }

    .product-img.img-3 {
        background-position: center -175px;
    }

    .product-img.img-4 {
        background-position: center -270px;
    }
}

@media screen and (max-width: 1279px) {
    .product-img.img-1 {
        background-position: center 9px;
    }

    .product-img.img-2 {
        background-position: center -56px;
    }

    .product-img.img-3 {
        background-position: center -117px;
    }

    .product-img.img-4 {
        background-position: center -180px;
    }
}

@media screen and (max-width: 1023px) {
    .product-img.img-1 {
        background-position: center 7px;
    }

    .product-img.img-2 {
        background-position: center -42px;
    }

    .product-img.img-3 {
        background-position: center -88px;
    }

    .product-img.img-4 {
        background-position: center -134px;
    }
}

@media screen and (max-width: 767px) {
    .product-img.img-1 {
        background-position: center 5px;
    }

    .product-img.img-2 {
        background-position: center -33px;
    }

    .product-img.img-3 {
        background-position: center -74px;
    }

    .product-img.img-4 {
        background-position: center -112px;
    }
}

.bg-google-play-button {
    background-image: url(../../google-play-badge.png);
    background-size: 210px 80px;
    background-position: center;
    background-repeat: no-repeat;
    height: 55px;
    width: 190px
}

.bg-app-store-button {
    background-image: url(../../app-store-badge.png);
    background-size: 170px 54px;
    background-repeat: no-repeat;
    height: 54px;
    width: 170px
}

.footer-bg-app-store-button {
    background-image: url(../../app-store-badge.png);
    background-size: 184px 55px;
    background-repeat: no-repeat;
    height: 55px;
    width: 184px
}

.mobile-bg-main-banner {
    background: #040509 url(../../tradesia/home/tradesia-banner.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.mobile-bg-main-banner-myr {
    background: #ffffff url(../../tradesia/home/tradesia-banner-light.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.mobile-bg-main-banner-myr-dark {
    background: #040509 url(../../tradesia/home/tradesia-banner-dark.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}


.mobile-bg-affiliates-banner {
    background: #040509 url(../../affiliates-background-mobile.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.mobile-bg-news-banner {
    background: #040509 url(../../news-background-mobile.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.mobile-bg-google-play-button {
    background-image: url(../../download-android-mobile.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 55px;
    width: 190px
}

.mobile-bg-app-store-button {
    background-image: url(../../download-ios-mobile.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 55px;
    width: 190px
}

.footer-mobile-bg-google-play-button {
    background-image: url(../../footer-download-android-mobile.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
    width: 137px
}

.footer-mobile-bg-app-store-button {
    background-image: url(../../footer-download-ios-mobile.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 40px;
    width: 137px
}

.highcharts-stocktools-wrapper.highcharts-bindings-wrapper.highcharts-bindings-container {
    height: 85% !important
}

.highcharts-bindings-wrapper .highcharts-stocktools-toolbar li {
    background: 0 0 !important
}

.highcharts-toggle-toolbar {
    background-color: #212431 !important
}

.highcharts-popup {
    background-color: #6bd269 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    width: 79% !important;
    max-width: 600px !important;
    position: absolute !important;
    z-index: 120 !important;
    color: #fff !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    max-height: 75% !important
}

span.highcharts-tab-item.highcharts-tab-item-active {
    background: #4ea34a !important
}

.highcharts-popup-lhs-col {
    padding: 0 !important;
    font-size: 15px !important
}

.highcharts-tab-item-content {
    border-top: #243b56 1px solid !important;
    background: #1d1f2b !important
}

.highcharts-popup-lhs-col {
    border-right: 1px solid #213852 !important
}

.highcharts-tab-item {
    background: #6bd167 !important;
    color: #fff !important;
    border-right: 2px solid #68c268 !important
}

.highcharts-popup-rhs-col {
    color: #fff !important
}

.highcharts-series-type-sma {
    color: #fff !important
}

.highcharts-popup-rhs-col-wrapper {
    color: #fff !important;
    width: calc(100% - 0px) !important;
    padding-right: 0 !important
}

.highcharts-popup .highcharts-popup-lhs-col .highcharts-indicator-list li {
    padding: 5px 10px !important;
    color: #718096 !important;
    font-size: 13px !important;
    border-bottom: 1px solid #252b3a !important
}

.highcharts-popup .highcharts-popup-lhs-col .highcharts-indicator-list li:hover {
    color: #fff !important;
    background-color: #252b3a !important
}

.highcharts-popup label {
    color: #fff !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    margin-top: 5px !important
}

.highcharts-popup select {
    min-height: 40px !important;
    border: none !important;
    background: #383f52 !important;
    padding: 6px !important;
    width: calc(100% - 0px) !important
}

.highcharts-popup select:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.highcharts-popup input {
    min-height: 40px !important;
    border: none !important;
    background: #383f52 !important;
    padding: 10px !important;
    width: calc(100% - 0px) !important
}

.highcharts-popup .highcharts-popup-rhs-col-wrapper h3 {
    padding-bottom: 15px !important;
    font-size: 18px !important;
    font-weight: 700 !important
}

.highcharts-popup button {
    border: none !important;
    background: #6bd26a !important;
    color: #fff !important;
    padding: 7px 20px !important;
    border-radius: 5px !important;
    text-transform: capitalize !important
}

.highcharts-popup button:hover {
    background: #276749 !important
}

.highcharts-popup button:nth-child(1) {
    border: none !important;
    background: #e53e3e !important;
    color: #fff !important;
    padding: 7px 20px !important;
    border-radius: 5px !important;
    text-transform: capitalize !important
}

.highcharts-popup button:nth-child(1):hover {
    background: #bc3232 !important
}

.highcharts-popup button:nth-child(3) {
    border: none !important;
    background: #e53e3e !important;
    color: #fff !important;
    padding: 7px 20px !important;
    border-radius: 5px !important;
    text-transform: capitalize !important
}

.highcharts-popup button:nth-child(3):hover {
    background: #bc3232 !important
}

.highcharts-popup span {
    text-transform: capitalize !important
}

.highcharts-popup::-webkit-scrollbar-track {
    background-color: #212431 !important;
    border-radius: 10px !important
}

.highcharts-popup::-webkit-scrollbar {
    width: 3px !important;
    background-color: #212431 !important;
    margin-left: -6px !important
}

.highcharts-popup::-webkit-scrollbar-thumb {
    background-color: #777 !important;
    border-radius: 10px !important
}

.highcharts-popup-close {
    background-image: url(/images/close.svg) !important
}

.highcharts-toggle-toolbar.highcharts-arrow-left {
    background-image: url(/images/arrow-left.svg) !important
}

.highcharts-toggle-toolbar.highcharts-arrow-right {
    background-image: url(/images/arrow-right.svg) !important
}

.highcharts-bindings-wrapper li.highcharts-active>span.highcharts-menu-item-btn {
    background-color: #e6ebf5 !important
}

.highcharts-bindings-wrapper li>span.highcharts-menu-item-btn {
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important
}

.highcharts-popup-close:hover {
    background-color: #4ea34a !important
}

.toasted .primary,
.toasted.toasted-primary {
    background-color: #ffa000 !important;
    color: #fff !important;
    font-size: 13px !important
}

.toasted.win-lost-toast-win {
    background-color: #363b50 !important;
    color: #fff !important;
    border-bottom: 2px solid #02a6c2 !important;
    font-size: 13px !important;
    border-radius: .5rem !important
}

.toasted.win-lost-toast-win i {
    color: #6bd26a !important;
    animation: blinker 1s linear infinite;
}

.toasted.toast-crypto {
    background-color: #363b50 !important;
    color: #fff !important;
    border-bottom: 2px solid #02a6c2 !important;
    font-size: 13px !important;
    border-radius: .5rem !important;
    padding: 10px 20px !important
}

.toasted.toast-crypto i {
    color: #cbd5e0 !important
}

.toasted.win-lost-toast-lost {
    background-color: #363b50 !important;
    color: #fff !important;
    border-bottom: 2px solid #02a6c2 !important;
    font-size: 13px !important;
    border-radius: .5rem !important
}

.toasted.win-lost-toast-lost i {
    color: #e53e3e !important;
    animation: blinker 1s linear infinite;
}

.toasted-container.bottom-right,
.toasted-container.top-right {
    right: 10% !important;
    cursor: pointer
}

.trading-badge {
    position: absolute;
    right: -7px;
    top: 9px;
    height: 16px;
    min-width: 16px;
    padding: 0 4px;
    z-index: 50;
    font-style: normal;
    border-radius: 8px;
    text-align: center;
    white-space: nowrap;
    line-height: 16px
}

.trading-badge-mobile {
    position: absolute;
    right: -6px;
    top: -6px;
    height: 16px;
    min-width: 16px;
    padding: 0 4px;
    z-index: 50;
    font-style: normal;
    border-radius: 8px;
    text-align: center;
    white-space: nowrap;
    line-height: 16px
}

.toast-container {
    display: block;
    margin-right: 16px;
    font-size: .8rem;
    font-weight: 400;
    letter-spacing: .00937em
}

.toast-title {
    margin-left: -30px;
    padding: 5px 11px 5px 11px;
    background: #6bd26a;
    color: #fff;
    position: relative;
    border-radius: 3px 5px 5px 0;
    font-size: 10px;
    font-weight: 700
}

.toast-title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-color: #166534;
    border-width: 7px 0 0 11px
}

.win-lost-toast-win .toast-title {
    margin-left: -30px;
    padding: 5px 11px 5px 11px;
    background: #6bd26a;
    color: #fff;
    position: relative;
    border-radius: 3px 5px 5px 0;
    font-size: 10px;
    font-weight: 700
}

.win-lost-toast-win .toast-title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-color: #166534;
    border-width: 7px 0 0 12px
}

.win-lost-toast-lost .toast-title {
    margin-left: -30px;
    padding: 5px 11px 5px 11px;
    background: #e53e3e;
    color: #fff;
    position: relative;
    border-radius: 3px 5px 5px 0;
    font-size: 10px;
    font-weight: 700
}

.win-lost-toast-lost .toast-title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-color: #932525;
    border-width: 7px 0 0 11px
}

.highcharts-bindings-wrapper .highcharts-arrow-wrapper>div:hover,
.highcharts-bindings-wrapper li.highcharts-active,
.highcharts-bindings-wrapper li.highcharts-active>span.highcharts-menu-item-btn,
.highcharts-bindings-wrapper li>span.highcharts-menu-item-btn:hover,
.highcharts-toggle-toolbar:hover {
    background-color: #252b3a !important;
    border-radius: 6px !important;
    transition: background-color .1s !important
}

.highcharts-bindings-wrapper li:hover,
.highcharts-submenu-item-arrow:hover {
    background-color: #252b3a !important;
    border-radius: 6px !important
}

.swal2-container {
    z-index: 99999 !important
}

.swal2-session {
    --tw-bg-opacity: 1 !important;
    background-color: #212431 !important;
    background-color: rgba(33, 36, 49, var(--tw-bg-opacity)) !important;
    width: 30em !important
}

.swal2-session .swal2-styled.swal2-confirm {
    --tw-bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--tw-bg-opacity)) !important;
    font-size: .9625em !important;
    box-shadow: none !important
}

.swal2-session .swal2-styled.swal2-confirm:focus {
    border: none !important
}

.swal2-session .swal2-title {
    font-size: 1.575em !important
}

.swal2-session .swal2-content {
    font-size: 1em !important
}

.swal2-session .swal2-styled {
    padding: .425em 1.5em !important
}

.swal2-session .swal2-icon.swal2-warning {
    border-color: #ffa000 !important;
    color: #ffa000 !important;
    width: 4em !important;
    height: 4em !important;
    margin: .875em auto 1.25em !important
}

.swal2-session .swal2-icon .swal2-icon-content {
    font-size: 3em !important
}

.notif-container #notification-dewacrm {
    margin: 0 10px 0 0 !important;
    background-color: #252b3a;
    padding: 2px 7px 1px 7px !important;
    color: #cbd5e0;
    border: none
}

.nw-dropdown-container {
    background: #212431 !important;
    top: 35px !important
}

#nw-desktop-modal-show-more .nw-modal-box__content {
    background: #212431 !important
}

.nw-all-notifications {
    color: #fff !important;
    background: #6bd26a !important;
    padding-bottom: 5px
}

#nw-desktop-modal-all .nw-modal-box__content {
    background-color: #212431 !important;
    color: #fff
}

.nw-content-redirect {
    background: #519e50 !important
}

.nw-content-divider {
    margin: 0 !important
}

.nw-pre {
    color: #fff !important
}

.border-gray-custom-700 {
    --tw-bg-opacity: 1;
    border-color: #1a1c27;
    border-color: rgba(28, 28, 29, var(--tw-bg-opacity))
}

.bg-gradient-dark {
    background-image: linear-gradient(to right, #252b3a, #252b3a)
}

.custome-lh {
    line-height: 15px;
}

.text-color-custom {
    color: #0e0210
}

.nw-content-title {
    color: #a0aec0 !important
}

.nw-content-body {
    color: #fff !important
}

.nw-m-dialog-titlebar {
    border: 1px solid #14161f !important;
    background: #212431 !important
}

.cutom-display div {
    width: 100%
}

.nav-lang-custom .bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: #363b50 !important;
    background-color: rgba(54, 59, 80, var(--tw-bg-opacity)) !important
}

.nav-lang-custom .hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1 !important;
    background-color: #19202d !important;
    background-color: rgba(25, 32, 45, var(--tw-bg-opacity)) !important
}

.nav-lang-custom .text-white {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important
}

.nav-lang-custom .hover\:text-white:hover {
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important
}

.history-popover .trigger {
    width: 100%
}

.custom-w-time .trigger {
    width: 100%
}

.crypto {
    z-index: 1 !important
}

.carousel-main .carousel-3d-container {
    margin: 0 !important
}

.carousel-main figure {
    margin: 0
}

.carousel-main figcaption {
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    bottom: 0;
    position: absolute;
    bottom: 0;
    padding: 15px;
    font-size: 12px;
    min-width: 100%;
    box-sizing: border-box
}

.carousel-main .carousel-3d-slide {
    opacity: .5 !important;
    border: none;
    background-color: #212431 !important;
}

.carousel-main .carousel-3d-slide.current {
    opacity: 1 !important
}

.carousel-main .carousel-3d-slide.current:hover figcaption {
    display: block
}

.carousel-main .carousel-3d-slide figcaption {
    display: none
}

.carousel-main .promo-details {
    max-width: 1202px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #7a7a7a
}

.carousel-main .next:hover,
.carousel-main .prev:hover {
    opacity: 1 !important;
    color: #6e6f71 !important;
}

.carousel-main .next,
.carousel-main .prev {
    color: #fff !important
}

.carousel-main .carousel-3d-controls {
    margin: 0 auto !important;
    top: 40% !important;
    max-width: 1202px !important;
    right: 0;
}

.carousel-main .custom-icon {
    margin-right: -7px;
    line-height: 14px
}

.carousel-main-mobile .carousel-3d-container {
    margin: 0 !important;
    position: unset !important
}

.carousel-main-mobile .carousel-3d-slider {
    position: absolute !important;
    left: 0;
    right: 0
}

.carousel-main-mobile figure {
    margin: 0
}

.carousel-main-mobile figcaption {
    position: absolute;
    background-color: #000;
    color: #fff;
    bottom: 0;
    position: absolute;
    bottom: 0;
    padding: 10px;
    font-size: 12px;
    min-width: 100%;
    box-sizing: border-box
}

.carousel-main-mobile .carousel-3d-slide figcaption {
    display: block;
    bottom: -59px !important;
    position: fixed !important;
    left: 0;
    right: 0
}

.carousel-main-mobile .carousel-3d-slide {
    overflow: inherit !important;
    background-color: #212431;
}

.carousel-main-mobile .promo-details {
    max-width: 1125px;
    color: #7a7a7a
}

.carousel-main-mobile .custom-icon {
    line-height: 9px
}

.carousel-main-mobile .carousel-3d-controls {
    position: relative !important;
    margin-top: -30px !important;
    z-index: 0 !important;
    max-width: 1127px;
    right: 0;
    margin: 0 auto;
}

.carousel-main-mobile .next:hover,
.carousel-main-mobile .prev:hover {
    opacity: 1 !important;
    color: #6e6f71 !important;
}

.carousel-main-mobile .next,
.carousel-main-mobile .prev {
    color: #fff !important
}

.leaderboard-table tr {
    text-align: center
}

/* .leaderboard-table tbody tr:nth-child(odd){
    background:#fafafe
}
.leaderboard-table tbody tr:nth-child(odd):hover{
    --tw-bg-opacity:1;
    background-color:#cbd5e0;
    background-color:rgba(203,213,224,var(--tw-bg-opacity))
} */
.leaderboard-table .tooltip.popover .popover-inner {
    background: #1C2230;
    color: #a0aec0
}

.leaderboard-table .tooltip.popover .popover-arrow {
    border-color: #1C2230
}

.leaderboard-aff-mobile .tooltip.popover .popover-inner {
    background: #1C2230;
    color: #a0aec0
}

.leaderboard-aff-mobile .tooltip.popover .popover-arrow {
    border-color: #1C2230
}

.leaderboard-icon-aff-custom {
    font-size: 16px
}

.custom-multiselect .multiselect.custom-select {
    min-height: 15px !important;
}

.aside-scroll input:disabled {
    opacity: 0.3 !important;
}

.custom-multiselect .multiselect__input,
.custom-multiselect .multiselect__single {
    min-height: 15px !important;
    line-height: unset !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: .70rem !important;
    background: transparent !important;
    color: #fff !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.custom-multiselect .multiselect.custom-select {
    min-height: 15px !important;
}

.custom-multiselect .multiselect__select {
    width: 20px !important;
    height: 25px !important;
    padding: 0px !important;
}

.custom-multiselect .multiselect__tags {
    background: transparent !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    min-height: unset !important;
    font-size: 0.70rem !important;
}

.custom-multiselect .multiselect__placeholder {
    color: #fff !important;
    margin: 0px !important;
    padding: 0px !important;
}

.custom-multiselect .multiselect__select:before {
    color: #fff;
    border-color: #fff transparent transparent
}

.custom-multiselect .multiselect__option--highlight {
    background: #1C2230;
    color: #fff
}

.custom-multiselect .multiselect__content-wrapper {
    background: #1C2230;
    border: none
}

.custom-multiselect .multiselect__option--selected {
    background: #1C2230;
    color: #fff
}

.custom-multiselect .multiselect__input::-webkit-input-placeholder {
    color: #fff
}

.custom-multiselect .multiselect__input:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.custom-multiselect .multiselect__input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.custom-multiselect .multiselect__input:-ms-input-placeholder {
    color: #fff
}

.custom-multiselect .multiselect__input::-ms-input-placeholder {
    color: #fff
}

.custom-multiselect .multiselect__input::placeholder {
    color: #fff
}

.custom-multiselect-cashier .multiselect__input,
.custom-multiselect-cashier .multiselect__single {
    color: #000 !important;
}

.custom-multiselect-cashier .multiselect__placeholder {
    color: #000 !important;
}

.custom-multiselect-cashier .multiselect__select:before {
    color: #000;
    border-color: #000 transparent transparent !important;
}

.custom-multiselect-cashier .multiselect__option--highlight {
    color: #000
}

.custom-multiselect-cashier .multiselect__content-wrapper {
    border: none
}

.custom-multiselect-cashier .multiselect__option--selected {
    color: #000
}

.custom-multiselect-cashier .multiselect__input::-webkit-input-placeholder {
    color: #000
}

.custom-multiselect-cashier .multiselect__input:-moz-placeholder {
    color: #000;
}

.custom-multiselect-cashier .multiselect__input::-moz-placeholder {
    color: #000;
    opacity: 1
}

.custom-multiselect-cashier .multiselect__input:-ms-input-placeholder {
    color: #000
}

.custom-multiselect-cashier .multiselect__input::-ms-input-placeholder {
    color: #000
}

.custom-multiselect-cashier .multiselect__input::placeholder {
    color: #000
}

.custom-multiselect-cashier .multiselect__option--selected.multiselect__option--highlight {
    background: #02a6c2 !important;
    color: #fff !important;
}

.custom-multiselect-cashier .multiselect__option--highlight {
    background: #02a6c2 !important;
    color: #fff !important;
}

.custom-multiselect-mobile .multiselect {
    box-sizing: inherit !important;
}

.custom-multiselect-mobile .multiselect.custom-select {
    min-height: 15px !important;
}

.custom-multiselect-mobile .multiselect__select {
    width: 20px !important;
    height: 25px !important;
    padding: 0px !important;
    top: 30px !important;
}

.custom-multiselect-mobile .multiselect__input,
.custom-multiselect-mobile .multiselect__single {
    min-height: 15px !important;
    line-height: unset !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 1.5rem !important;
    background: transparent !important;
    color: #fff !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.custom-multiselect-mobile .multiselect__tags {
    background: transparent !important;
    border: none !important;
    padding: 1.5rem 0rem 1.5rem 0rem !important;
    margin: 0px !important;
    min-height: unset !important;
    font-size: 1.5rem !important;
}

.custom-multiselect-mobile .multiselect__option {
    padding: 24px !important;
    font-size: 1.5rem !important;
}

.custom-multiselect-mobile .multiselect__placeholder {
    color: #fff !important;
    margin: 0px !important;
    padding: 0px !important;
    font-size: 1.5rem !important;
}

.custom-multiselect-mobile .multiselect__select:before {
    color: #fff;
    border-color: #fff transparent transparent;
    border-width: 10px 10px 0;
}

.custom-multiselect-mobile .multiselect__option--highlight {
    background: #1C2230;
    color: #fff
}

.custom-multiselect-mobile .multiselect__content-wrapper {
    background: #1C2230;
    border: none
}

.custom-multiselect-mobile .multiselect__option--selected {
    background: #1C2230;
    color: #fff
}

.custom-multiselect-mobile .multiselect__input::-webkit-input-placeholder {
    color: #fff
}

.custom-multiselect-mobile .multiselect__input:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.custom-multiselect-mobile .multiselect__input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.custom-multiselect-mobile .multiselect__input:-ms-input-placeholder {
    color: #fff
}

.custom-multiselect-mobile .multiselect__input::-ms-input-placeholder {
    color: #fff
}

.custom-multiselect-mobile .multiselect__input::placeholder {
    color: #fff
}


.aside-scroll input:-webkit-autofill,
.aside-scroll input:-webkit-autofill:hover,
.aside-scroll input:-webkit-autofill:focus,
.aside-scroll input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #0A0E17 inset !important;
    -webkit-text-fill-color: #fff !important;
}

.light .aside-scroll input:-webkit-autofill,
.light .aside-scroll input:-webkit-autofill:hover,
.light .aside-scroll input:-webkit-autofill:focus,
.light .aside-scroll input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #f4f8fa inset !important;
    -webkit-text-fill-color: #212121 !important;
}

.light .custom-multiselect .multiselect__input,
.light .custom-multiselect .multiselect__single {
    color: #212121 !important;
}

.light .custom-multiselect .multiselect__placeholder {
    color: #212121 !important;
}

.light .custom-multiselect .multiselect__select:before {
    color: #212121;
    border-color: #212121 transparent transparent
}

.light .custom-multiselect .multiselect__option--highlight {
    background: #fff;
    color: #212121
}

.light .custom-multiselect .multiselect__content-wrapper {
    background: #fff;
    border: none
}

.light .custom-multiselect .multiselect__option--selected {
    background: #fff;
    color: #212121
}

.light .custom-multiselect .multiselect__input::-webkit-input-placeholder {
    color: #212121
}

.light .custom-multiselect .multiselect__input:-moz-placeholder {
    color: #212121;
    opacity: 1
}

.light .custom-multiselect .multiselect__input::-moz-placeholder {
    color: #212121;
    opacity: 1
}

.light .custom-multiselect .multiselect__input:-ms-input-placeholder {
    color: #212121
}

.light .custom-multiselect .multiselect__input::-ms-input-placeholder {
    color: #212121
}

.light .custom-multiselect .multiselect__input::placeholder {
    color: #212121
}

.light .custom-multiselect-mobile .multiselect__input,
.light .custom-multiselect-mobile .multiselect__single {
    color: #212121 !important;
}

.light .custom-multiselect-mobile .multiselect__placeholder {
    color: #212121 !important;
}

.light .custom-multiselect-mobile .multiselect__select:before {
    color: #212121;
    border-color: #212121 transparent transparent
}

.light .custom-multiselect-mobile .multiselect__option--highlight {
    background: #fff;
    color: #212121
}

.light .custom-multiselect-mobile .multiselect__content-wrapper {
    background: #fff;
    border: none
}

.light .custom-multiselect-mobile .multiselect__option--selected {
    background: #fff;
    color: #212121
}

.light .custom-multiselect-mobile .multiselect__input::-webkit-input-placeholder {
    color: #212121
}

.light .custom-multiselect-mobile .multiselect__input:-moz-placeholder {
    color: #212121;
    opacity: 1
}

.light .custom-multiselect-mobile .multiselect__input::-moz-placeholder {
    color: #212121;
    opacity: 1
}

.light .custom-multiselect-mobile .multiselect__input:-ms-input-placeholder {
    color: #212121
}

.light .custom-multiselect-mobile .multiselect__input::-ms-input-placeholder {
    color: #212121
}

.light .custom-multiselect-mobile .multiselect__input::placeholder {
    color: #212121
}

.light .to-gray-800 {
    --tw-gradient-to-color: #ffffff;
}

.light .from-gray-900 {
    --tw-gradient-from-color: #ffffff;
    --tw-gradient-color-stops: var(--tw-gradient-from-color), var(--tw-gradient-to-color, rgba(10, 14, 23, 0));
}

.custom-truncate {
    position: relative;
    max-height: calc(1.4rem * 3);
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 3;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.custom-truncate-line-1 {
    position: relative;
    max-height: calc(1.4rem * 1);
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 1;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

/* .custom-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */

/* .custom-truncate-line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */

.promo-modal {
    height: 695px;
    width: 960px;
}

.promo-modal .promo-content {
    overflow-y: scroll;
    height: 670px;
}

.promo-modal .promo-content::-webkit-scrollbar-track {
    background-color: #212531 !important;
    border-radius: 10px !important
}

.promo-modal .promo-content::-webkit-scrollbar {
    width: 5px !important;
    background-color: #212531 !important;
    margin-left: -6px !important
}

.promo-modal .promo-content::-webkit-scrollbar-thumb {
    background-color: #777 !important;
    border-radius: 10px !important
}

.eventpromo-custom-img-height {
    min-height: 264px;
    max-height: 524px;
}

.tutorial-bg {
    background-repeat: no-repeat !important;
    background-size: 100% 70% !important;
    background-position-y: 80px !important;
    background-position-x: center !important;
}

.tutorial-bg-2 {
    background-repeat: no-repeat !important;
    background-size: 100% 70% !important;
    background-position-y: 80px !important;
    background-position-x: center !important;
}

.market-flag.currency-flag {
    height: 30px !important;
    width: 30px !important;
    background-position: center;
}

@media screen and (max-width:1600px) {
    .eventpromo-custom-img-height {
        min-height: 211px;
        max-height: 524px;
    }

    .bg-main-banner {
        height: 438px;
    }

    .tutorial-bg {
       background-size: 100% 80% !important;
    }

    .tutorial-bg-2 {
        background-size: 100% 81% !important;
    }
}

@media screen and (max-width:1280px) {
    .eventpromo-custom-img-height {
        min-height: 175px;
        max-height: 175px;
    }

    .bg-main-banner {
        height: 350px;
    }
}

@media screen and (max-width:1024px) {
    .bg-main-banner {
        height: 280px;
    }

    .eventpromo-custom-img-height {
        min-height: 156px;
        max-height: 156px;
    }

    .highcharts-popup {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: auto !important;
        width: 100% !important
    }

    .highcharts-popup-lhs-col,
    .highcharts-popup-rhs-col {
        padding: 10px 15px !important;
        height: calc(100% - 84px) !important;
        float: left !important
    }

    .highcharts-popup .highcharts-popup-rhs-col-wrapper h3 {
        padding-bottom: 0 !important;
        font-size: 15px !important
    }

    .highcharts-popup label {
        font-size: 12px !important;
        margin-top: 10px !important;
        margin-bottom: 5px !important
    }

    .highcharts-popup select {
        min-height: 30px !important;
        font-size: 12px !important
    }

    .highcharts-popup input {
        min-height: 30px !important;
        font-size: 12px !important;
        padding: 6px 10px !important
    }
    .stx_chart_controls {
        bottom: 15px!important;
        height: 20px;
        left: unset!important;
        right: -19px!important;
	}
  
	.chartControls .chartSize, .chartControls .chartSize span {
	  height: 25px!important;
	  opacity: 1!important;
	}
  
	.ciq-night .chartSize .stx-zoom-out {
        background-position: -45px -50px;
	  /* background-size: cover; */
	}
  
	.ciq-night .chartSize .stx-zoom-in {
	  background-position: -95px -50px;
	}

    .chartSize span:after {
        height: 92% !important;
    }

}

@media screen and (max-width:1023px) {
    .custom-multiselect-mobile .multiselect__select {
        top: 20px !important;
    }

    .custom-multiselect-mobile .multiselect__input,
    .custom-multiselect-mobile .multiselect__single {
        font-size: 1.25rem !important;
    }

    .custom-multiselect-mobile .multiselect__tags {
        padding: 1.25rem 0rem 1.25rem 0rem !important;
        font-size: 1.25rem !important;
    }

    .custom-multiselect-mobile .multiselect__option {
        padding: 24px !important;
        font-size: 1.25rem !important;
    }

    .custom-multiselect-mobile .multiselect__placeholder {
        font-size: 1.25rem !important;
    }
}

@media screen and (max-width:768px) {
    .bg-main-banner {
        height: 210px;
    }

    .eventpromo-custom-img-height {
        min-height: 129px;
        max-height: 129px;
    }

    .currency-flag {
        height: 15px;
        width: 15px
    }

    .market-flag.currency-flag {
        height: 15px !important;
        width: 15px !important;
        background-position: center;
    }

    .highcharts-popup {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: auto !important;
        width: 100% !important;
        max-width: 88% !important
    }

    .highcharts-indicator-list li {
        font-size: 12px !important
    }

    .highcharts-popup-lhs-col {
        padding: 10px 5px !important;
        height: calc(100% - 84px) !important;
        float: left !important
    }

    .highcharts-popup input,
    .highcharts-popup label,
    .highcharts-popup select {
        margin-bottom: 0 !important
    }

    .highcharts-popup-lhs-col {
        width: calc(31% - 44px) !important
    }

    .highcharts-popup-rhs-col {
        width: calc(74% - 40px) !important
    }

    .highcharts-tab-item {
        font-size: 11px !important;
        height: 12px !important
    }

    .highcharts-popup-close {
        background-repeat: no-repeat !important;
        padding: 6px !important
    }

    .highcharts-menu-wrapper {
        width: 36px !important;
        padding: 5px !important
    }

    .swal2-session .swal2-icon.swal2-warning {
        width: 3em !important;
        height: 3em !important;
        margin: .575em auto .95em !important
    }

    .swal2-session .swal2-icon .swal2-icon-content {
        font-size: 2.2em !important
    }

    .swal2-session .swal2-title {
        font-size: 1em !important
    }

    .swal2-session .swal2-content {
        font-size: .8em !important
    }

    .swal2-session {
        width: 25em !important
    }

    .swal2-session .swal2-styled.swal2-confirm {
        font-size: .7625em !important
    }

    .tutorial-bg {
        background-size: 100% 73% !important;
    }

    .tutorial-bg-2 {
        background-size: 100% 74% !important;
    }
}

@media screen and (max-width:767px) {
    .custom-multiselect-mobile .multiselect__select {
        top: 13px !important;
    }

    .custom-multiselect-mobile .multiselect__input,
    .custom-multiselect-mobile .multiselect__single {
        font-size: 1rem !important;
    }

    .custom-multiselect-mobile .multiselect__tags {
        padding: 1rem 0rem 1rem 0rem !important;
        font-size: 1rem !important;
    }

    .custom-multiselect-mobile .multiselect__option {
        padding: 20px !important;
        font-size: 1rem !important;
    }

    .custom-multiselect-mobile .multiselect__placeholder {
        font-size: 1rem !important;
    }

    .custom-multiselect-mobile .multiselect__select:before {
        border-width: 6px 6px 0;
    }
}

@media screen and (max-width:639px) {
    .custom-multiselect-mobile .multiselect__select {
        top: 5px !important;
    }

    .custom-multiselect-mobile .multiselect__input,
    .custom-multiselect-mobile .multiselect__single {
        font-size: 0.70rem !important;
    }

    .custom-multiselect-mobile .multiselect__tags {
        padding: .75rem 0rem .75rem 0rem !important;
        font-size: 0.70rem !important;
    }

    .custom-multiselect-mobile .multiselect__option {
        padding: 15px !important;
        font-size: 0.70rem !important;
    }

    .custom-multiselect-mobile .multiselect__placeholder {
        font-size: 0.70rem !important;
    }

    .custom-multiselect-mobile .multiselect__select:before {
        border-width: 6px 6px 0;
    }
}

@media only screen and (max-width: 600px) {
    .toasted-container {
        min-width: unset !important;
    }
}

@media screen and (max-width:419px) {
    .custom-multiselect-mobile .multiselect__select {
        top: 0px !important;
    }

    .custom-multiselect-mobile .multiselect__input,
    .custom-multiselect-mobile .multiselect__single {
        font-size: 0.58rem !important;
    }

    .custom-multiselect-mobile .multiselect__tags {
        padding: 0.5rem 0rem 0.5rem 0rem !important;
        font-size: 0.58rem !important;
    }

    .custom-multiselect-mobile .multiselect__option {
        padding: 10px !important;
        font-size: 0.58rem !important;
    }

    .custom-multiselect-mobile .multiselect__placeholder {
        font-size: 0.58rem !important;
    }

    .custom-multiselect-mobile .multiselect__select:before {
        border-width: 6px 6px 0;
    }
}

@media screen and (max-width:475px) {
    .highcharts-popup {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: auto !important;
        width: 100% !important;
        max-height: 62% !important;
        max-width: 84% !important
    }

    .highcharts-popup-lhs-col {
        width: calc(38% - 44px) !important
    }

    .highcharts-popup .highcharts-popup-lhs-col .highcharts-indicator-list li {
        padding: 7px 5px !important;
        font-size: 9px !important
    }

    .highcharts-popup-rhs-col {
        width: calc(72% - 40px) !important
    }

    .highcharts-popup label {
        font-size: 10px !important;
        margin-top: 10px !important;
        margin-bottom: 5px !important
    }

    .highcharts-popup select {
        min-height: 25px !important;
        font-size: 10px !important
    }

    .highcharts-popup input {
        min-height: 24px !important;
        font-size: 10px !important
    }
}

.tab-body-height {
    height: calc(100vh - 170px)
}

.tab-body-height-m {
    height: 63vh
}

.tab-body {
    overflow: hidden;
    overflow-y: auto
}

.tab-body::-webkit-scrollbar-track {
    background-color: transparent !important;
    border-radius: 10px !important
}

.tab-body::-webkit-scrollbar {
    width: 3px !important;
    background-color: transparent !important;
    margin-left: -6px !important
}

.tab-body::-webkit-scrollbar-thumb {
    background-color: #777 !important;
    border-radius: 10px !important
}

.popup-trading-history {
    margin-left: .5rem;
    margin-right: .5rem
}

.popup-trading-history select {
    background: #383f52 !important
}

.popup-trading-history .table-responsive {
    height: 40vh;
    position: relative;
    overflow-y: auto;
    overflow-x: auto
}

.popup-trading-history .table-responsive::-webkit-scrollbar-track {
    background-color: transparent !important;
    border-radius: 10px !important
}

.popup-trading-history .table-responsive::-webkit-scrollbar {
    height: 3px;
    width: 3px !important;
    background-color: transparent !important;
    margin-left: -6px !important
}

.popup-trading-history .table-responsive::-webkit-scrollbar-thumb {
    background-color: #777 !important;
    border-radius: 10px !important
}

.popup-trading-history .table-responsive span {
    font-size: 12px
}

.popup-trading-history .laravel-vue-datatable {
    width: 100%;
    border: none;
    border-collapse: collapse;
    table-layout: auto;
    position: relative
}

.popup-trading-history .laravel-vue-datatable-thead {
    border-bottom: 1px solid #191f2d
}

.popup-trading-history .laravel-vue-datatable-thead th {
    text-align: left;
    font-weight: 400;
    padding-bottom: 7px
}

.popup-trading-history .laravel-vue-datatable-thead th:nth-child(3) {
    text-align: right !important
}

.popup-trading-history .laravel-vue-datatable-thead th:nth-child(4) {
    text-align: right !important
}

.popup-trading-history .laravel-vue-datatable-tbody tr {
    border-bottom: 1px solid #191f2d
}

.popup-trading-history .laravel-vue-datatable-tbody tr:last-child {
    border-bottom: none
}

.popup-trading-history .laravel-vue-datatable-tbody td {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.popup-trading-history .laravel-vue-datatable-tbody td:nth-child(3) {
    text-align: right !important
}

.popup-trading-history .laravel-vue-datatable-tbody td:nth-child(4) {
    text-align: right !important
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@-moz-keyframes rotating {
    from {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    to {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    line-height: 20px
}

.checkbox-custom {
    display: grid;
    grid-template-columns: min-content auto;
    font-size: 1rem;
    color: var(--color);
}

.checkbox--disabled {
    color: var(--disabled);
}

.checkbox__control {
    display: inline-grid;
    width: 1em;
    height: 1em;
    border-radius: 0.25em;
    border: 0.1em solid currentColor;
}

.checkbox__control svg {
    transition: transform 0.1s ease-in 25ms;
    transform: scale(0);
    transform-origin: bottom left;
}

.checkbox__input {
    display: grid;
    grid-template-areas: "checkbox";
}

.checkbox__input>* {
    grid-area: checkbox;
}

.checkbox__input input {
    opacity: 0;
    width: 1em;
    height: 1em;
}

.checkbox__input input:focus+.checkbox__control {
    box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor;
}

.checkbox__input input:checked+.checkbox__control svg {
    transform: scale(1);
}

.checkbox__input input:disabled+.checkbox__control {
    color: var(--disabled);
}

input::-webkit-input-placeholder {
    color: #fff
}

input:-moz-placeholder {
    color: #fff;
}

input::-moz-placeholder {
    color: #fff;
}

input:-ms-input-placeholder {
    color: #fff
}

input::-ms-input-placeholder {
    color: #fff
}

input::placeholder {
    color: #fff
}

.light input::-webkit-input-placeholder {
    color: #212121;
}

.light input:-moz-placeholder {
    color: #212121;
}

.light input::-moz-placeholder {
    color: #212121;
}

.light input:-ms-input-placeholder {
    color: #212121;
}

.light input::-ms-input-placeholder {
    color: #212121;
}

.light input::placeholder {
    color: #212121;
}

.light .create-account-form input::-webkit-input-placeholder {
    color: #7D7D7D !important;
}

.light .create-account-form input:-moz-placeholder {
    color: #7D7D7D !important;
}

.light .create-account-form input::-moz-placeholder {
    color: #7D7D7D !important;
}

.light .create-account-form input:-ms-input-placeholder {
    color: #7D7D7D !important;
}

.light .create-account-form input::-ms-input-placeholder {
    color: #7D7D7D !important;
}

.light .create-account-form input::placeholder {
    color: #7D7D7D !important;
}

.profile-form input::-webkit-input-placeholder {
    color: #8b8b8b
}

.profile-form input:-moz-placeholder {
    color: #8b8b8b;
}

.profile-form input::-moz-placeholder {
    color: #8b8b8b;
}

.profile-form input:-ms-input-placeholder {
    color: #8b8b8b
}

.profile-form input::-ms-input-placeholder {
    color: #8b8b8b
}

.profile-form input::placeholder {
    color: #8b8b8b
}

/* .chart-layout-container .grid-marker {
    width: 30px;
    height: 27px;
	background-image:url(../../tradesia/icons/chart-layout-icon-sprite.png);
    background-repeat: no-repeat;
    display: block;
} */
.light .chart-layout-container .grid-marker {
    width: 30px;
    height: 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYYAAAAbCAYAAAB4DyjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ0MURBRjkyNkRGMTFFQ0IyMjE5ODUwMDdFQzM3ODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ0MURBRjgyNkRGMTFFQ0IyMjE5ODUwMDdFQzM3ODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkMyOUVEMDUyNkRCMTFFQzk0MEM4NThENDA2OTlBNDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkMyOUVEMDYyNkRCMTFFQzk0MEM4NThENDA2OTlBNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4GyqTrAAADX0lEQVR42uydvW4TQRCAxwE5UMYUPIEbXoBniJ+BFBS0UIHchIIOUAqo3fk1eKVcShSacCevpZNl8M3sz9zmvk9axbZ2bnb2b+yb28lstVrNReR7W960ZSF5uWvLti0fw/uhevtyf8Jnc6O8ONn7rS0fpCxf2/J55P18TGep8c1tr+b61rrYy36VfB09WS6XN2HDel5go+p0vA6NvVTo7cv9Cp/dGOUvnex9W0hnn1dteTnyfj6ms9T45rZXc31rXexlv0q+jmbtL4bbAp73kCb8XRjkXoTXt0Z5cbK3tM4Y3R793NdZenxz26u5vrYu9rJfJV9HnWN4kLqYhb+1tVvo58E6PcY3t72a65fo+6nZyzpScMb+BwAAOAYAgLI0RpmmgB4cAwCAA1uDzMYgt0nR2KeMFwBAdj7J7t7/VVsuTtTdPzZ6Hd4PkTuUiYLgM4ypnwk+l+t7gs/l57QHBJ9HTjMRnQBQOVN0DF4b9NZB70bsQa+Y/nILmjnNj6bi9uYYX831tXVr/YLVHTz7IbtzBQ8nShPqzhVyfRkcgwGvDbq7x/hTdvcCc3MXdF2LPegV019uQTOn+bGpuL05xldzfW1dr/UbS5cS570MO2x2Eep+Ucj1ZaKZYozhXHa5Q4YEgVJs0Mfyl5RkrrD3fzletPIyUO5ffeQVY7Dae59w3mrqno9ofDXXt9YVp/V7HzmvvE4+m9bRFB3DTKAGvBxDrvbmcgzM53HPR04+w8lv7pZ7jKnkAQBwDAk26NjS36Ct9xj3WOW97HUJmo3AgU/lC8eY5pXGrti6Vqp6iGOKB9z2G2wJ9hv0b9ndE9Xyri3r8Noq/8zJ3qF6+zLryuZHv+21tXcdKT+meaWxy1o3li5Wof1/LF3Q+1wpl+RBiCnGGDxSYMforNVeEYegWYJ5ZQ0SLhKOo6ZuLWnVS8yrnOm+Y9dvVQ9xcPIZe8doq6dj4OTzdNZLyX72guAzAADEg2MAAMhPVSefya4KAJCf3EH+pA9x8IsBACA/1qcKrwwy/GIAAKiAxYhl+MXgiFcWTAAAtWPwSmNbSzroVPZ6ZcGsZXybRI6UNNSPex3RzwXW0Zn4pbGtJR10Kns1abf7abP3WOVrGd/DE5vbRzSvxpaGuuZ1RD8XWEd/BRgAy7igf7nH/SAAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    display: block;
}

.chart-layout-container .grid-marker {
    width: 30px;
    height: 27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYYAAAAbCAYAAAB4DyjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDMjlFRDA1MjZEQjExRUM5NDBDODU4RDQwNjk5QTQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDMjlFRDA2MjZEQjExRUM5NDBDODU4RDQwNjk5QTQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkMyOUVEMDMyNkRCMTFFQzk0MEM4NThENDA2OTlBNDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkMyOUVEMDQyNkRCMTFFQzk0MEM4NThENDA2OTlBNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5m5OzsAAADgElEQVR42uycv4tUMRDHs+exnuU9C/8HwVqusbCRq60Et7DY1gPBY0HPQmxUVtB6uwX9J8TWf8B/496Vgs2a5+VBbhHuzSSZyez7fiDc7ZLJZPJjsi/zksmr5depc+6jT099alxZLnxa+/QyfB6qN5b7E76bMuWdkr0ffDpxsrz36U3l7XxF57sXT9zrT9+k+re0vZTyuXlhL/xV9nl048Gjx8vgsG4JOKpOx/1Q2WOC3ljue/huyZQ/VrL3mZDOmLs+3am8na/ofHh0z/34+Uuqf0vbSymfmxf2wl9ln0cT/8RwLrDybtOGvw1D7nb4/5wp75TsldaZolujnf/pjH7pSPZvaXsp5VPzwl74q+zzaF/JYTUZ5BpBvVr2aunWaOemQBm12NsI5IW98FfZ5tGeAwAAACKwMAAAQHlapkwroAcLAwAAKLBmyKwYcqscld1HfwEAQHFOfZr4NPPp8Jq8/WujZ+HzELltGSwMAABQOd15hhPHO8vElWODrSQ52pHoBAAYZ4wLg5aDXivoXTl+0CulvdSCZkrjozVc3xL9SymfmtfqD6zu4Nlnd3muYHNNakPeKUEulsHCwEDLQXd7jF/c5V5gaS6CrjPHD3qltJda0ExpfKwM17dE/1LKp+bVmr+pdFfiPHfDzhUchrxvCXKxTDJjjDFQgkA5HHQfEErZY5Sy938BLFNBM8X2OjVW3xL9Syk/Ja/G/E3t3xlDZs6UWaQa3l2JsTHm2Cfh7yZRHlRIdJR/ozSuuGwyjltOXlCWVH8jOZ4nqfMIwWc5uHuMueQBAAALQwYHnZpiB83dY+zhymvZqxI0q2ABH8sPjprGFcWu1LxcTL3EMcYYQ+9gJegd9G/H32Ps9wu58gdK9g7VG8ssjI2PuO7W6rtIlK9pXFHs4uZNpYtVUOOLXdD7JlEuy4sQY3ximCnonDu9W0617J0xZKyOj7nh+s6E+ldiXFHs4ublQnkrMX6rcKhcLIMnhkRnu8s6rdnbGB4fuFa9Dltrvu4bJ58BAADYBQsDAACUx9TJZ1yiBwAA5Skd5M/6EgeeGAAAoDxSQf4sL0LgiQEAAMrTVCyDJwZFtG7BBAAA8sKgdY2tleugc9mrdQumlf5tMy2kuIZ6t+cR2llgHu05vWtsrVwHncte7gGXHq68lf7dPrG53qFxVds11JbnEdpZYB79FWAApLiAfzzrbRIAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    display: block;
}

.chart-layout-container .grid-marker.chart-1 {
    background-position: 0px 0px;
}

.chart-layout-container .grid-marker.chart-2 {
    background-position: -30px 0px;
}

.chart-layout-container .grid-marker.chart-2-1 {
    background-position: -60px 0px;
}

.chart-layout-container .grid-marker.chart-3 {
    background-position: -90px 0px;
}

.chart-layout-container .grid-marker.chart-3-1 {
    background-position: -120px 0px;
}

.chart-layout-container .grid-marker.chart-3-2 {
    background-position: -150px 0px;
}

.chart-layout-container .grid-marker.chart-3-3 {
    background-position: -180px 0px;
}

.chart-layout-container .grid-marker.chart-3-4 {
    background-position: -210px 0px;
}

.chart-layout-container .grid-marker.chart-4 {
    background-position: -240px 0px;
}

.chart-layout-container .grid-marker.chart-4-1 {
    background-position: -270px 0px;
}

.chart-layout-container .grid-marker.chart-4-2 {
    background-position: -300px 0px;
}

.chart-layout-container .grid-marker.chart-4-3 {
    background-position: -330px 0px;
}

.chart-layout-container .grid-marker.chart-4-4 {
    background-position: -360px 0px;
}

.custom-rightnav-trigger .trigger {
    width: 100%;
}

@media screen and (max-width: 4000px) {
    .tradmobile.checkbox-custom {
        font-size: 2rem;
    }
}

@media screen and (max-width: 980px) {
    .bg-main-banner {
        height: 268px;
    }

    .eventpromo-custom-img-height {
        min-height: 166px;
        max-height: 250px;
    }

    .tradmobile.checkbox-custom {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 640px) {
    .bg-main-banner {
        height: 175px;
    }

    .eventpromo-custom-img-height {
        min-height: 179px;
        max-height: 179px;

    }

    .tradmobile.checkbox-custom {
        font-size: 1rem;
    }

    .tutorial-bg {
        background-size: 100% 73% !important;
    }

    .tutorial-bg-2 {
        background-size: 100% 74% !important;
    }
}

@media screen and (max-width:450px) {
    .bg-main-banner {
        height: 123px;
    }

    .eventpromo-custom-img-height {
        min-height: 251px;
        max-height: 251px;
    }

    .popup-trading-history .laravel-vue-datatable {
        width: 150%
    }
}

@media screen and (max-width:420px) {
    .bg-main-banner {
        height: 115px;
    }

    .eventpromo-custom-img-height {
        min-height: 105px;
        max-height: 235px;
    }

    .tutorial-bg {
        background-size: 100% 68% !important;
    }

    .tutorial-bg-2 {
        background-size: 100% 65% !important;
    }
}

@media screen and (max-width:375px) {
    .custom_chart_child_mobile .child_multiplier {
        top: 37%;
    }
    .tutorial-bg {
        background-size: 100% 69% !important;
    }

    .tutorial-bg-2 {
        background-size: 100% 68% !important;
    }
}

@media screen and (max-width:360px) {
    .custom_chart_child_mobile .child_multiplier {
        font-size: 48px;
        top: 37%;
    }
    .bg-main-banner {
        height: 98px;
    }

    .eventpromo-custom-img-height {
        min-height: 199px;
        max-height: 199px;
    }
}

@media screen and (max-width:320px) {
    .eventpromo-custom-img-height {
        min-height: 176px;
        max-height: 176px;
    }

    .tutorial-bg {
        background-size: 100% 60% !important;
    }

    .tutorial-bg-2 {
        background-size: 100% 55% !important;
    }
}

@media only screen and (max-width:768px) {
    div.toasted-container.top-right {
        top: 70px !important;
        right: 10px !important;
        -ms-flex-align: flex-end !important;
        align-items: flex-end !important
    }

    .toasted.win-lost-toast-lost {
        font-size: 10px !important
    }

    .toast-container {
        margin-right: 10px
    }

    .win-lost-toast-lost .toast-title {
        margin-left: -24px !important;
        padding: 5px 8px 5px 8px !important;
        font-size: 7px !important
    }

    .toasted.win-lost-toast-lost i {
        font-size: 13px !important;
        margin-right: .3rem !important
    }

    .toasted.win-lost-toast-win i {
        font-size: 13px !important;
        margin-right: .3rem !important
    }

    .toasted.toast-crypto i {
        font-size: 13px !important;
        margin-right: .3rem !important
    }

    .toasted .primary,
    .toasted.toasted-primary {
        padding: 4px 7px 4px 15px !important;
        font-size: 10px !important
    }

    .win-lost-toast-lost .toast-title {
        margin-left: -24px !important;
        padding: 3px 5px 3px 5px !important;
        font-size: 7px !important
    }

    .toast-title {
        margin-left: -24px !important;
        padding: 3px 5px 3px 5px !important;
        font-size: 7px !important;
        line-height: 9px
    }
}

.light .light\:text-yellow-500 {
    color: #D97706
}

.light .light\:font-bold {
    font-weight: 700
}

.light .light\:text-white {
    color: #fff
}

.light .light\:text-black {
    color: #000
}

.text-blue {
    color: #4c9faf !important;
}

.text-red {
    color: #d7453b !important;
}

.light .light\:text-green {
    color: #5fa159
}

.light .light\:text-gray-7 {
    color: #bdc3c6 !important
}

.light .light\:text-gray-500 {
    color: #9b9b9b !important
}

.light .light\:text-gray-600 {
    color: #c8c8ca !important
}

.light .light\:text-gray-700 {
    color: #4a4a4a !important
}

.light .light\:text-gray {
    color: #212121 !important
}

.light .light\:text-gray-custom {
    color: #a8a7a7 !important
}

.light .light\:text-green-20 {
    color: #2f4f4f !important
}

.light .light\:text-green-500 {
    color: #02c67a !important
}

.light .light\:bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.light .light\:bg-gray-custom {
    --tw-bg-opacity: 1;
    background-color: #efefef;
    background-color: rgba(239, 239, 239, var(--tw-bg-opacity))
}

.light .notif-container .light\:bg-gray-100 {
    background-color: #f3f3f3 !important
}

.light .light\:bg-gray-20 {
    background-color: #d1d1d1 !important
}

.light .light\:bg-gray-75 {
    background: #f5f5f5
}

.light .light\:bg-gray-90 {
    background: #f3f3f3 !important
}

.light .light\:bg-gray-50 {
    background-color: #fafafe !important
}

.light .light\:bg-gray-100 {
    background-color: #f3f3f3
}

.light .light\:bg-gray-150 {
    background: #e4e4e4
}

.light .light\:border-gray-150 {
    border-color: #e4e4e4
}

.light .light\:bg-blue-90 {
    background: #f4f8fa;
}



.light .light\:bg-gray-200 {
    background-color: #d7d7d7
}

.light .light\:bg-gray-300 {
    background-color: #fafbfd
}

.light .light\:bg-gray-500 {
    background-color: #9b9b9b
}

.light .light\:bg-green {
    background-color: #040504
}

.light .light\:bg-gradient {
    background-image: linear-gradient(to right, #e5e9ec, #fff)
}

.light .light\:border-gray-light {
    --tw-bg-opacity: 1;
    background-color: #efefef;
    border-color: rgba(239, 239, 239, var(--tw-bg-opacity))
}

.light .light\:border-gray-custom {
    --tw-bg-opacity: 1;
    border-color: #212121;
    border-color: rgba(33, 33, 33, var(--tw-bg-opacity))
}

.light .light\:border-gray-100 {
    --tw-bg-opacity: 1;
    border-color: #f3f3f3;
    border-color: rgba(243, 243, 243, var(--tw-bg-opacity))
}

.light .light\:border-gray-200 {
    --tw-bg-opacity: 1;
    border-color: #d7d7d7;
    border-color: rgba(215, 215, 215, var(--tw-bg-opacity))
}

.light .light\:border-gray-300 {
    --tw-bg-opacity: 1;
    border-color: #dadbdd;
    border-color: rgba(218, 219, 221, var(--tw-bg-opacity))
}

.light .light\:border-gray-500 {
    --tw-bg-opacity: 1;
    border-color: #9b9b9b;
    border-color: rgba(155, 155, 150, var(--tw-bg-opacity))
}

.light .light\:text-hover:hover {
    color: #535353 !important
}

.light .light\:text-hover-gray:hover {
    color: #735b5b !important
}

.light .light\:text-hover-black:hover {
    color: #000 !important
}

.light .light\:text-hover-white:hover {
    color: #fff !important
}

.light .light\:text-hover-green:hover {
    color: #5fa159 !important
}

.light .light\:text-hover-teal:hover {
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity))
}

.hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #02a6c2 !important;
    color: rgba(2, 166, 194, var(--text-opacity)) !important;
}

.hover\:text-teal-66:hover {
    --text-opacity: 1;
    color: #02a6c2 !important;
    color: rgba(2, 166, 194, var(--text-opacity)) !important;
}

.focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #02a6c2 !important;
    color: rgba(2, 166, 194, var(--text-opacity)) !important;
}

.hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.hover\:bg-teal-900:hover {
    --tw-bg-opacity: 1;
    background-color: #02a6c2;
    background-color: rgba(2, 166, 194, var(--tw-bg-opacity));
}

.light .light\:bg-hover-gray-20:hover {
    background-color: #d1d1d1
}

.light .light\:bg-hover-gray-50:hover {
    background-color: #fafafe
}

.light .light\:bg-hover-gray-100:hover {
    background-color: #f3f3f3
}

.light .light\:bg-hover-gray-150:hover {
    background-color: #e4e4e4 !important
}

.light .light\:bg-hover-gray-300:hover {
    background-color: #bababa
}

.light .light\:bg-hover-gray-500:hover {
    background-color: #9b9b9b
}

.light .hover\:bg-gray-960:hover {
    background-color: #f3f3f3
}

.light .sidebar-trading-history .multiselect__tags {
    background: #e4e4e4
}

.light .sidebar-trading-history .multiselect__input,
.light .sidebar-trading-history .multiselect__single {
    background: #e4e4e4;
    color: #4a4a4a;
    font-weight: 700
}

.light .sidebar-trading-history .multiselect__select:before {
    color: #4a4a4a;
    border-color: #4a4a4a transparent transparent
}

.light .sidebar-trading-history .multiselect__option--highlight {
    background: #e4e4e4;
    color: #4a4a4a
}

.light .sidebar-trading-history .multiselect__content-wrapper {
    background: #d1d1d1;
    border: none
}

.light .sidebar-trading-history .multiselect__option--selected {
    background: #e4e4e4;
    color: #4a4a4a
}

.light .sidebar-trading-history .multiselect__input::-webkit-input-placeholder {
    color: #4a4a4a
}

.light .sidebar-trading-history .multiselect__input:-moz-placeholder {
    color: #4a4a4a;
    opacity: 1
}

.light .sidebar-trading-history .multiselect__input::-moz-placeholder {
    color: #4a4a4a;
    opacity: 1
}

.light .sidebar-trading-history .multiselect__input:-ms-input-placeholder {
    color: #4a4a4a
}

.light .sidebar-trading-history .multiselect__input::-ms-input-placeholder {
    color: #4a4a4a
}

.light .sidebar-trading-history .multiselect__input::placeholder {
    color: #4a4a4a
}

.light .tooltip.popover .popover-inner {
    background: #e4e4e4 !important
}

.light .topnav-search-textbox {
    color: #4a4a4a !important;
    caret-color: orange
}

.light .highcharts-toggle-toolbar {
    background-color: #212431 !important
}

.light .highcharts-popup {
    background-color: #6bd269 !important;
    color: #4a4a4a !important
}

.light .highcharts-tab-item-content {
    border-top: #243b56 1px solid !important;
    background: #f3f3f3 !important
}

.light .highcharts-popup-lhs-col {
    border-right: 1px solid #213852 !important
}

.light .highcharts-tab-item {
    background: #6bd167 !important;
    color: #fff !important;
    border-right: 2px solid #68c268 !important
}

.light .highcharts-popup-rhs-col {
    color: #4a4a4a !important
}

.light .highcharts-series-type-sma {
    color: #4a4a4a !important
}

.light .highcharts-popup-rhs-col-wrapper {
    color: #4a4a4a !important;
    width: calc(100% - 0px) !important;
    padding-right: 0 !important
}

.light .highcharts-popup .highcharts-popup-lhs-col .highcharts-indicator-list li {
    padding: 5px 10px !important;
    color: #718096 !important;
    font-size: 13px !important;
    border-bottom: 1px solid #252b3a !important
}

.light .highcharts-popup .highcharts-popup-lhs-col .highcharts-indicator-list li:hover {
    color: #000 !important;
    background-color: #fff !important
}

.light .highcharts-popup label {
    color: #4a4a4a !important
}

.light .highcharts-popup select {
    background: #e4e4e4 !important
}

.light .highcharts-popup input {
    background: #e4e4e4 !important
}

.light .highcharts-popup::-webkit-scrollbar-track {
    background-color: #212431 !important;
    border-radius: 10px !important
}

.light .highcharts-popup::-webkit-scrollbar {
    background-color: #212431 !important
}

.light .highcharts-popup::-webkit-scrollbar-thumb {
    background-color: #777 !important
}

.highcharts-bindings-wrapper li.highcharts-active>span.highcharts-menu-item-btn {
    background-color: #e6ebf5 !important
}

.highcharts-bindings-wrapper li>span.highcharts-menu-item-btn {
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important
}

.light .highcharts-popup-close:hover {
    background-color: #4ea34a !important
}

.light .tooltip.popover .popover-arrow {
    border-color: #9b9b9b
}

.light .nw-dropdown-container {
    background: #d7d7d7 !important
}

.light .nw-see-more {
    color: #4a4a4a;
    text-shadow: none
}

.light .top-nav-table>tbody>tr:hover {
    background-color: #e4e4e4 !important
}

.light .tooltip-inner {
    background: #e4e4e4 !important;
    color: #4a4a4a !important
}

.light body {
    background-color: #f5f5f5
}

.light .nw-table thead>tr {
    background: #fff !important
}

.light .nw-table tbody>tr>td {
    color: #000000 !important;
    background: #f5f5f5;
    border-bottom: #9d9a9a 1px solid !important;
}

.light .nw-table thead>tr>th {
    color: #000000 !important;
    background: #9d9a9a;
    border-bottom: #9d9a9a 1px solid !important;
}

.light .nw-table tbody>tr:nth-child(odd) {
    background: #e4e4e4 !important;
    color: #9b9b9b !important
}

.light .nw-content-title {
    color: #4a4a4a !important
}

.light .nw-content-body {
    color: #9b9b9b !important
}

.light #nw-desktop-modal-show-more .nw-modal-box__content {
    background: #fafafe !important
}

.light .nw-all-notifications {
    color: #fff !important;
    background: #d7d7d7
}

.light .nw-pre {
    color: #9b9b9b !important
}

.light .nw-content-redirect {
    color: #fff !important;
    border: solid 1px #fff
}

.light .nw-m-dialog-titlebar {
    border: 1px solid #40a96c !important;
    background: #48bb78 !important
}

.light .nw-m-container {
    background: #fafafe;
    color: #c2c2c2
}

.light .nw-m-subject {
    color: #4a4a4a
}

.light .nw-pre p {
    color: #9b9b9b !important
}

.light #nw-desktop-modal-all .nw-modal-box__content {
    color: #9b9b9b;
    background-color: #fafafa !important
}

.light .swal2-popup {
    background-color: gray !important
}

.light .toasted.win-lost-toast-lost {
    background-color: #e4e4e4 !important;
    color: #4a4a4a !important
}

.light .toasted.win-lost-toast-win {
    background-color: #e4e4e4 !important;
    color: #4a4a4a !important
}

.light .toasted.toast-crypto {
    background-color: #e4e4e4 !important;
    color: #4a4a4a !important
}

.light select.light\:bg-gray-1,
.light .light\:bg-gray-1 {
    background-color: #e4e4e4 !important;
}

.light select.light\:border-gray-1,
.light .light\:border-gray-1 {
    border-color: #e4e4e4 !important;
}

.light .popup-trading-history .laravel-vue-datatable-thead,
.light .table-responsive {
    border-color: #e4e4e4 !important;
}

.nw-badge:after {
    position: absolute !important;
    right: -6px !important;
    top: -6px !important;
    height: 16px !important;
    min-width: 16px !important;
    padding: 0 4px !important;
    z-index: 50 !important;
    font-style: normal !important;
    border-radius: 8px !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 16px !important;
}

.w-120 {
    width: 38rem !important;
}

.w-full-width {
    width: 100vw !important;
}

.bg-linear-blue {
    background: rgb(95, 202, 222);
    background: linear-gradient(0deg, rgba(95, 202, 222, 1) 0%, rgba(3, 156, 182, 1) 50%, rgba(95, 202, 222, 1) 100%);
}

.bg-linear-blue:hover {
    background: rgba(3, 156, 182, 1);
}

.custom-table-tbody {
    height: 100vh !important;
    padding-bottom: 16rem;
}

.h-full-custom {
    height: 100vh !important;
}

.custom-margin-top-modal {
    top: 55px !important;
}

.top-custom-btn {
    top: 1.25rem;
}


/* DEPOSIT PAGE */

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
}

.ribbon-wrapper .ribbon {
    font: bold 15px sans-serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    top: 15px;
    left: -30px;
    width: 120px;
    background-color: #ebb134;
    color: #fff;
    font-size: 8px;
}
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }


@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
}




.elipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chartSize {
    height: 30px !important;
    opacity: 1 !important;
}

.chartSize span {
    background-image: url(/chart/stx-sprite-panels.svg) !important;
    opacity: 1 !important;
    height: 30px !important;
}

.stx_jump_today span {
    background-image: url(/chart/stx-sprite-panels.svg) !important;
    opacity: .9 !important
}

.swal-profile .swal2-icon {
    margin: 1em auto .6em;
}

.swal-profile .swal2-title {
    padding: 0em 1em 0;
}

/* INLINE CSS */
/* line-types */
.btn-drawing {
    display: inline-block;
    z-index: 49;
    height: 25px;
    width: 25px;
    position: relative;
    border-radius: 3px;
    /* background: #fafafa; */
    box-shadow: 0px 1px 1px rgb(0 0 0 / 20%);
    opacity: 0.8;
    cursor: pointer;
}

.btn-drawing.dark {
    /* background: #21323f; */
    box-shadow: 0px 1px 1px rgb(0 0 0 / 30%);
}

.d-line {
    width: 20px;
    height: 20px;
    transform: rotate(-45deg) translateY(-18px) translateX(0px);
    -webkit-transform: rotate(-45deg) translateY(-18px) translateX(0px);
}

.d-solid-1 {
    border-bottom: 1px solid #21323f;
}

.d-solid-1.dark {
    border-bottom: 1px solid #fafafa !important;
}

.d-solid-2 {
    border-bottom: 2px solid #21323f;
}

.d-solid-2.dark {
    border-bottom: 2px solid #fafafa !important;
}

.d-solid-3 {
    border-bottom: 3px solid #21323f;
}

.d-solid-3.dark {
    border-bottom: 3px solid #fafafa !important;
}

.d-dashed-1 {
    border-bottom: 1px dashed #21323f;
}

.d-dashed-1.dark {
    border-bottom: 1px dashed #fafafa !important;
}

.d-dashed-2 {
    border-bottom: 2px dashed #21323f;
}

.d-dashed-2.dark {
    border-bottom: 2px dashed #fafafa !important;
}

.d-dashed-3 {
    border-bottom: 3px dashed #21323f;
}

.d-dashed-3.dark {
    border-bottom: 3px dashed #fafafa !important;
}

.d-dotted-1 {
    border-bottom: 1px dotted #21323f;
}

.d-dotted-1.dark {
    border-bottom: 1px dotted #fafafa !important;
}

.d-dotted-2 {
    border-bottom: 2px dotted #21323f;
}

.d-dotted-2.dark {
    border-bottom: 2px dotted #fafafa !important;
}

.d-dotted-3 {
    border-bottom: 3px dotted #21323f;
}

.d-dotted-3.dark {
    border-bottom: 3px dotted #fafafa !important;
}

/* basic-info */
.tournament-desc ul,
.tournament-desc ol {
    margin: 0;
    padding-left: 12px;
}

.tournament-desc ul {
    list-style: disc;
}

.tournament-desc ol {
    list-style: decimal;
}

/* amount-input*/
.side-amount:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

/* graph */
.dark-mode {
    background: #4b4e67;
}

.light-mode {
    background: #e4e4e4;
}

.swatches {
    height: 20px;
    width: 20px;
}

/* platform */
.grid-opacity {
    position: absolute;
    margin-top: -17px;
    margin-left: -14px;
    padding: 0 5px;
}

.grid-opacity {
    background: #1c2230 !important;
    color: #fff !important;
}

.light .grid-opacity {
    background: #f5f5f5 !important;
    color: #000 !important;
}

/* .grid-opacity.dark-mode {
    background: transparent;
}
.grid-opacity.light-mode {
    background: #f5f5f5;
} */
.border-light {
    border-color: #e4e4e4;
}

.sign-button-dark {
    background-color: #333542;
}

.sign-button-light {
    background-color: #e4e4e4;
}

/* amount */
.space-icon {
    padding: 2px;
    width: 25px;
}

.side-amount:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

/* forecast */
.highcharts-xaxis,
.highcharts-axis-line {
    display: none;
}

/* selectCountry */
.multiselect__option--highlight {
    background: #5fcade !important;
    outline: none;
    color: #fff;
}

.dark .multiselect__tags {
    background: #191f2d !important;
    border: 1px solid #313439 !important;
}

.dark .multiselect__single {
    background: #191f2d !important;
}

.dark .multiselect__single .option__title {
    color: #fff !important;
}

.dark .multiselect__option {
    background: #191f2d !important;
}

.dark .multiselect__content-wrapper {
    border: 1px solid #313439 !important;
}

.dark .multiselect__option--highlight {
    background: #5fcade !important;
    outline: none;
    color: #fff;
}

.dark .multiselect__option--selected,
.dark .option__title.text-option {
    color: #fff !important;
}

/* transactions */
.t-custom-min-height {
    min-height: 350px
}

.vue-daterange-picker .reportrange-text {
    padding: 11px 10px !important;
    border-radius: 0.25rem !important;
    background-color: #2B2B2B !important;
    border-color: #54585f;
    color: white;
}

.light .vue-daterange-picker .reportrange-text {
    background-color: #fff !important;
    border-color: #313439;
    color: #a8a7a7;
}

.vue-daterange-picker .daterangepicker .calendar-table td,
.vue-daterange-picker .daterangepicker .calendar-table th {
    color: gray;
}

.vue-daterange-picker .reportrange-text {
    border: none !important;
}

.vue-daterange-picker .daterangepicker td.active,
.vue-daterange-picker .daterangepicker td.active:hover {
    color: white !important;
}

.daterangepicker {
    position: absolute;
    top: 27px;
    width: 100%;
}

.daterangepicker:after,
.daterangepicker:before {
    right: 150px;
}

.calendar-icon {
    right: 8px;
    top: 9px;
}

/* loginUser, forgotUser */
.aside-scroll::-webkit-scrollbar-track {
    background-color: #212531 !important;
    border-radius: 10px !important
}

.aside-scroll::-webkit-scrollbar {
    width: 5px !important;
    background-color: #212531 !important;
    margin-left: -6px !important
}

.aside-scroll::-webkit-scrollbar-thumb {
    background-color: #777 !important;
    border-radius: 10px !important
}

/* registerUser */
.custom-container-mobile .help-block.invalid-feedback {
    font-size: unset;
}

/* news/index */
.category-class {
    cursor: pointer !important;
    font-size: 16px !important;
    border-left: 12px;
}

#cat-style {
    padding-top: 5px;
}

.category-class li:hover {
    color: #38b2ac !important;
}

/* latest-price */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #35abc2 !important;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0 !important;
}

.home-card-currency {
    max-height: 60px !important;
    border: 1px solid #d2d2d2 !important;
}

.home-card-currency-mobile {
    max-height: 40px !important;
    width: 100%;
}

.owl-dots {
    display: none !important;
}

.owl-stage {
    display: flex;
    flex-direction: row;
}

.custom_chart_child_mobile {
    width: 40%;
    height: 100%;
}
.custom_chart_child_mobile .child_multiplier {
    font-size: 90px;
    top: 37%;
}

@media screen and (max-width: 600px) {
    .owl-item {
        margin-right: 1rem;
    }
}

/* platform-benefir */
.benefit-img {
    background-image: url(/tradesia/home/sprite-home.png?v=2);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1280px) {
    .benefit-img.img-1 {
        background-position: center -362px;
    }

    .benefit-img.img-2 {
        background-position: center -460px;
    }

    .benefit-img.img-3 {
        background-position: center -558px;
    }

    .benefit-img.img-4 {
        background-position: center -781px;
    }

    .benefit-img.img-5 {
        background-position: center -660px;
    }

    .xl\:text-6xl {
        font-size: 4rem !important;
    }
}

@media screen and (max-width: 1279px) {
    .custom_chart_child_mobile {
        width: 60%;
        height: 80%;
    }
    .benefit-img.img-1 {
        background-position: center -243px;
    }

    .benefit-img.img-2 {
        background-position: center -307px;
    }

    .benefit-img.img-3 {
        background-position: center -373px;
    }

    .benefit-img.img-4 {
        background-position: center -521px;
    }

    .benefit-img.img-5 {
        background-position: center -441px;
    }
}

@media screen and (max-width: 1023px) {
    .custom_chart_child_mobile {
        width: 60%;
        height: 100%;
    }
    .custom_chart_child_mobile .child_multiplier {
        font-size: 70px;
        top: 39%;
    }
    .benefit-img.img-1 {
        background-position: center -182px;
    }

    .benefit-img.img-2 {
        background-position: center -230px;
    }

    .benefit-img.img-3 {
        background-position: center -279px;
    }

    .benefit-img.img-4 {
        background-position: center -390px;
    }

    .benefit-img.img-5 {
        background-position: center -330px;
    }
}

@media screen and (max-width: 767px) {
    .custom_chart_child_mobile {
        width: 400px;
        height: 100%;
    }
    .custom_chart_child_mobile .child_multiplier {
        font-size: 60px;
        top: 39%;
    }
    .benefit-img.img-1 {
        background-position: center -152px;
    }

    .benefit-img.img-2 {
        background-position: center -192px;
    }

    .benefit-img.img-3 {
        background-position: center -233px;
    }

    .benefit-img.img-4 {
        background-position: center -324px;
    }

    .benefit-img.img-5 {
        background-position: center -275px;
    }
}

/* content */
.clipped {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 70px;
    white-space: normal;
}

/* deposit */
.deposit_swal .swal2-icon.swal2-warning {
    border-color: #02a6c2 !important;
    color: #02a6c2 !important;
}

.deposit_swal #modals-container .swal2-title,
.light .deposit_swal .swal2-header .swal2-title,
.light .deposit_swal #swal2-content {
    color: #fff !important;
}

.deposit_swal.swal2-popup {
    background: #1C2230 !important;
}

.light .deposit_swal #modals-container .swal2-title,
.light .deposit_swal .swal2-header .swal2-title,
.light .deposit_swal #swal2-content {
    color: #212121 !important;
}

.light .deposit_swal.swal2-popup {
    background: #f4f8fa !important;
}

/* avatar */
.avatar-upload {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
}

.avatar-upload img {
    max-width: 100%;
    display: block;
}

.avatar-upload:hover::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, .3);
    line-height: 100px;
}

.avatar-upload:focus::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, .3);
    line-height: 100px;
}

.avatar-upload:hover .btn-container {
    display: block;
}

.avatar-upload:focus .btn-container {
    display: block;
}

.message-container {
    height: 1.15rem;
}

.btn-container {
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
}

.btn-container button {
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 10px;
}

.avatar-cropper .avatar-cropper-container .avatar-cropper-footer .avatar-cropper-btn {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    transition-duration: 100ms;
    padding: 10px 0px;
    font-size: 13px;
}

.avatar-cropper .avatar-cropper-container .avatar-cropper-footer .avatar-cropper-btn:hover:first-child {
    background: #c53030;
}

.avatar-cropper .avatar-cropper-container .avatar-cropper-footer .avatar-cropper-btn:hover:last-child {
    background: #285e61;
}

.avatar-cropper .avatar-cropper-container .avatar-cropper-footer .avatar-cropper-btn:first-child {
    background: #e53e3e;
}

.avatar-cropper .avatar-cropper-container .avatar-cropper-footer .avatar-cropper-btn:last-child {
    background: #319795;
}

.svg-loading-avatar {
    width: 70px;
    height: 100px;
}

/* chat */
/* .customize-chat-icon {
    position: fixed;
    bottom: 16px;
    right: 8px;
}

.customize-chat-icon .image-container {
    height: 60px;
    width: 150px;
    cursor: pointer;
    transition: 300ms ease-in;
} */

/* .customize-chat-icon .image-container:hover{
    width: 150px;
} */

/* .customize-chat-icon .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: 300ms all;
}

.customize-chat-icon .image.light {
    background-image: url('/tradesia/home/light-unhover.png');
}

.customize-chat-icon .image.dark {
    background-image: url('/tradesia/home/dark-unhover.png');
} */

.image.dark:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: -1;
    background-image: url(/tradesia/home/dark-hover2.png);
    transition: 300ms ease-in;
    opacity: 0;
    transform: translateX(32px);
}

.image.dark:hover:before {
    opacity: 1;
    transform: translateX(0px);
}

.image.light:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: -1;
    background-image: url(/tradesia/home/light-hover2.png);
    transition: 300ms ease-in;
    opacity: 0;
    transform: translateX(32px);
}

.image.light:hover:before {
    opacity: 1;
    transform: translateX(1px);
}

/* .customize-chat-icon .image.light:hover {
    background-position: center;
    background-image: url('/tradesia/home/light-hover.png');
} */

/* .customize-chat-icon .image.dark:hover {
    background-position: center;
    background-image: url('/tradesia/home/dark-hover.png');
} */

/* navigation/afterlogin/index */
.nav-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
}

/* trading-history */
.th-popover-mobile {
    z-index: 99999;
}

/* card-collection */
.currency-flag {
    height: 20px !important;
    width: 20px !important;
    background-position: center;
}

.home-card-currency-mobile .currency-flag {
    height: 20px !important;
    width: 20px !important;
    background-position: center;
}

.custom-padding {
    padding: 3px;
}

div[data-rel="pop"].dropdown-currency {
    display: none !important;
}

@media screen and (max-width: 1366px) {
    .card-collection-container .text-mid {
        font-size: 10px;
    }

    .card-collection-container .f1 {
        width: 15px;
    }

    .card-collection-container .card-mini {
        min-width: 100px !important;
    }

    .card-collection-container .f2 {
        margin-right: 2px !important;
    }

    .card-collection-container .ml-3 {
        margin-left: 5px;
    }

    .card-collection-container .ml-1 {
        margin-left: 1px;
    }

    .card-collection-container .text-xxs {
        font-size: 6px
    }
}

@media (max-width: 1020px) {
    .card-collection-container .f2 {
        margin-right: 0px !important;
    }

    .text-hidden {
        display: none !important;
    }

    .card-collection-container .card-mini div.justifying-content {
        justify-content: center !important;
    }

    .card-collection-container .card-mini {
        min-width: 50px !important;
    }

    .currency-flag {
        height: 25px !important;
        width: 25px !important;
        background-position: center;
    };

    .market-flag.currency-flag {
        height: 25px !important;
        width: 25px !important;
        background-position: center;
    }

    /* .home-card-currency-mobile .currency-flag {
        height: 25px !important;
        width: 25px !important;
        background-position: center;
      } */
    .card-collection-container .card-mini .md\:ml-3 {
        margin-left: 2px !important;
    }
}

@media (max-width: 921px) {
    .card-collection-container .card-mini {
        min-width: 60px !important;
    }

    .text-hidden {
        display: none !important;
    }

    .card-collection-container .card-mini div.justifying-content {
        justify-content: center !important;
    }

    .currency-flag {
        height: 25px !important;
        width: 25px !important;
        background-position: center;
    }

    /* .home-card-currency-mobile .currency-flag {
      height: 25px !important;
      width: 25px !important;
      background-position: center;
    } */
}

@media (max-width: 852px) {
    .card_collection {
        display: none !important;
    }

    .dropdown-currency {
        display: hidden;
    }

    .product-button {
        display: none !important;
    }

    .mobile-card-size {
        margin-left: 8px;
    }

    div[data-rel="pop"].dropdown-currency {
        display: inline-flex !important;
    }

    .card_collection_button {
        display: flex !important;
        margin-left: 10px;
    }
}

@media (min-width: 853px) {
    .card_collection {
        display: flex !important;
    }

    .card_collection_button {
        display: none !important;
    }
}

div[data-rel="pop"].dropdown-currency {
    display: hidden !important;
}

/* Loading */
.progress {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2px;
    width: 0%;
    transition: width 0.2s, opacity 0.4s;
    opacity: 1;
    background-color: #efc14e;
    z-index: 999999;
}

/* deposits */
.bankCheckbox {
    position: relative;
    font-size: 22px;
    /* padding-top: 26px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bankCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #889fbc;
    background: #fff;
    margin: 0 auto;
}

.bankCheckbox:hover input~.checkmark {
    background-color: #e2e8f0;
}

.bankCheckbox input:checked~.checkmark {
    background-color: #48bb78;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.bankCheckbox input:checked~.checkmark:after {
    display: block;
}

.bankCheckbox .checkmark:after {
    top: 0.5px;
    left: 0.5px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #38b2ac;
    border: 3px solid #fff;
}

.bankCheckbox .checkmark.cryptomark:after {
    top: unset;
    left: unset;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #02a6c2;
    outline: 1px solid #fff;
}

.light .bankCheckbox .checkmark.cryptomark:after {
    background: #38b2ac;
    border: 3px solid #fff;
    outline: unset;
}

.bankMaintenance {
    float: left;
    position: absolute;
    border: 1px solid #1c2230;
    top: 0;
    font-size: 11px;
    font-weight: bolder;
    color: #ff3a6b;
    text-align: center;
    margin: 8px 10px 10px 8px;
    padding: 2px 5px;
    z-index: 9;
    border-radius: 4px;
    background-color: #1c2230;
}

.default-hide {
    display: none;
}

.deposit_swal .swal2-icon.swal2-warning {
    border-color: #02a6c2 !important;
    color: #02a6c2 !important;
}

.deposit_swal #modals-container .swal2-title,
.light .deposit_swal .swal2-header .swal2-title,
.light .deposit_swal #swal2-content {
    color: #fff !important;
}

.deposit_swal.swal2-popup {
    background: #1C2230 !important;
}

.light .deposit_swal #modals-container .swal2-title,
.light .deposit_swal .swal2-header .swal2-title,
.light .deposit_swal #swal2-content {
    color: #212121 !important;
}

.light .deposit_swal.swal2-popup {
    background: #f4f8fa !important;
}

/* stocktrade/index */
.vm--modal {
    background-color: transparent !important;
}

.bg-image-traderoom {
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.3);
    margin: 5px;
    border-radius: .75rem;
}

.bg-image-traderoom::before {
    content: '';
    background-image: var(--my-bg-image) !important;
    background-size: cover;
    background-position: right top;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center;
    z-index: 0;
}

.dark-bg .bg-image-traderoom::before {
    border-radius: .75rem;
    background-image: url('/tradesia/mountain.png') !important;
}

.light-bg .bg-image-traderoom::before {
    border-radius: .75rem;
    background-image: url('/tradesia/mountain-light.png') !important;
}

.dark-bg.bg-image-traderoom::before {
    border-radius: .75rem;
    background-image: url('/tradesia/mountain.png') !important;
}

.light-bg.bg-image-traderoom::before {
    border-radius: .75rem;
    background-image: url('/tradesia/mountain-light.png') !important;
}

.profit-range {
    height: 10px;
    max-height: 10px;
}

.up-1 {
    z-index: 1;
}

.up-2 {
    z-index: 2;
}

.up-3 {
    z-index: 3;
}

.up-4 {
    z-index: 4;
}

/* navigation/top/index */
img.max-size {
    max-width: 65px !important
}

@media (max-width: 520px) {
    .custom_chart_child_mobile .child_multiplier {
        top: 38%;
    }
    img.max-size {
        max-width: 45px !important
    }
}

/* drawing-tab */
.sidebar-drawing-tools {
    height: calc(100vh - 170px);
    overflow: hidden;
    overflow-y: auto;
}

.sidebar-drawing-tools::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
    margin-left: -6px;
}

.sidebar-drawing-tools::-webkit-scrollbar-thumb {
    background-color: #777;
    border-radius: 10px;
}

.sidebar-drawing-tools::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
}

/* program */
.program-img {
    background-image: url(/tradesia/affiliates/sprite-affiliates.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1280px) {
    .program-img.img-1 {
        background-position: center 11px;
    }

    .program-img.img-2 {
        background-position: center -84px;
    }

    .program-img.img-3 {
        background-position: center -175px;
    }

    .program-img.img-4 {
        background-position: center -270px;
    }
}

@media screen and (max-width: 1279px) {
    .program-img.img-1 {
        background-position: center 9px;
    }

    .program-img.img-2 {
        background-position: center -56px;
    }

    .program-img.img-3 {
        background-position: center -117px;
    }

    .program-img.img-4 {
        background-position: center -180px;
    }
}

@media screen and (max-width: 1023px) {
    .program-img.img-1 {
        background-position: center 7px;
    }

    .program-img.img-2 {
        background-position: center -42px;
    }

    .program-img.img-3 {
        background-position: center -88px;
    }

    .program-img.img-4 {
        background-position: center -134px;
    }
}

@media screen and (max-width: 767px) {
    .program-img.img-1 {
        background-position: center 5px;
    }

    .program-img.img-2 {
        background-position: center -33px;
    }

    .program-img.img-3 {
        background-position: center -74px;
    }

    .program-img.img-4 {
        background-position: center -112px;
    }
}

/* signup/form */
.signup-form a {
    color: #38b2ac;
    font-weight: bolder;
}

.signup-form a:hover {
    color: #237975;
}

/* event_promotion/index */
.promoheight {
    /* height: 450px; */
}

/* transactions/index */
.custom-multiselect-cashier .multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #8f7c7c;
    background: #fff;
    font-size: 12px;
}

.custom-multiselect-cashier .multiselect__option--selected.multiselect__option--highlight {
    background: #02a6c2 !important;
    color: #fff !important;
}

.custom-multiselect-cashier.dark .multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid rgb(49, 52, 57);
    background: #2B2B2B !important;
    font-size: 12px;
}

.custom-multiselect-cashier.dark .multiselect__option {
    background: #2B2B2B !important;
    color: #fff !important;
}

.custom-multiselect-cashier .multiselect__input,
.custom-multiselect-cashier .multiselect__single {
    color: #000 !important;
    background: #fff;
}

.custom-multiselect-cashier.dark .multiselect__input,
.custom-multiselect-cashier.dark .multiselect__single {
    color: #fff !important;
    background: #2B2B2B !important;
    font-size: 12px !important;
}

.custom-multiselect-cashier.dark .multiselect__input::placeholder,
.custom-multiselect-cashier.dark .multiselect__single::placeholder {
    color: #fff !important;
}

.custom-multiselect-cashier.dark .multiselect__select:before {
    color: #fff;
    border-color: #fff transparent transparent !important;
}

.custom-multiselect-cashier.dark .multiselect__placeholder {
    color: #fff !important;
}

/* activation */
.activation-custom a {
    color: #38b2ac;
    font-weight: bolder;
}

.activation-custom a:hover {
    color: #237975;
}

.activation-custom .content-box {
    transform: translate(0%, 18%);
    color: #4a4a4a;
}

.activation-custom .pre-formatted {
    margin: 0px !important;
    padding: 0px !important;
    white-space: pre-wrap;
}

.activation-custom .button-take {
    background-color: #31c4d4 !important;
}

/* banner */
.banner-aff-bg.dark {
    background-image: url(/tradesia/affiliates/dark-affiliate-banner.jpg)
}

.banner-aff-bg {
    background-image: url(/tradesia/affiliates/light-affiliate-banner.jpg)
}

/* content */
.image-con {
    height: 200px !important;
    width: 100% !important;
}

/* news */
.category-class {
    cursor: pointer !important;
}

#cat-style {
    padding-top: 5px;
}

.category-class li:hover {
    color: #38b2ac !important;
}

.category-class li:focus {
    color: #38b2ac !important;
}

.custom-border li:nth-child(1n + 1) {
    border-right: 1px solid #718096;
}

.custom-border li:last-child {
    border-right: none;
}

/* invoice */
.invoice-custom body {
    border: 0px solid red;
    background: #333333;
}

.invoice-custom .font-10 {
    font-size: 10px;
}

.invoice-custom .font-12 {
    font-size: 12px;
}

.invoice-custom .font-16 {
    font-size: 16px;
}

.invoice-custom .font-24 {
    font-size: 24px;
}

@media print {

    .invoice-custom .no-print,
    .invoice-custom .no-print * {
        display: none !important;
    }
}

.invoice-custom hr {
    border-color: #cdcdcd;
    margin: 6px 0px 14px;
}

.invoice-custom ol {
    list-style: decimal;
}

.invoice-custom .form_box {
    position: relative;
    min-height: 750px;
    background: #fff;
    border: 1px solid #fafafa;
    font-size: 13px;
}

.invoice-custom .form_box .content {
    padding: 25px 25px;
}

@media (min-width: 767px) {
    .invoice-custom.form_box {
        margin: 75px 65px;
        padding-top: 10px;
    }

    .invoice-custom .form_box .content {
        padding: 5rem 4rem 75px;
    }
}

/* traderoom/index */
.chartSize {
    margin-top: 0.6rem;
}

.chartSize span:after {
    width: 100%;
    height: 100%;
}

/* notification */
.notification-custom body {
    background-color: #14161f;
}

.notification-custom .nw-table thead>tr {
    background: #000 !important;
}

.notification-custom .nw-table tbody>tr:nth-child(odd) {
    background: #212431 !important;
    color: #fff !important;
}

.notification-custom .nw-table tbody>tr:nth-child(even) {
    background: #252b3a !important;
}

.notification-custom.nw-table thead>tr>th,
.notification-custom .nw-table tbody>tr>td {
    color: #fff !important;
}

/* layout/default */
.default-custom .header-clear {
    padding-top: 4.8rem !important;
    height: unset !important;
}

.default-custom nav .router-link-active {
    color: #02a6c2;
}

/* mobile-default */
.mobile-default-custom .header-clear {
    padding-top: 4.8rem;
}

.mobile-default-customnav .router-link-active {
    color: #02a6c2;

}

/* profile/form */
.profile-form .showbank {
    display: none;
    transition: all 300ms linear;
}

.profile-form .showbank.open {
    display: block;
}

.profile-form .bottom-2 {
    bottom: 2rem;
}

.profile-form .mt-01 {
    margin-top: .2rem;
}

/* tutorials/index */
.video-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

/* stocktrade/mobile */
.vm--modal {
    background-color: transparent !important;
    left: 0 !important;
}

.bg-image-traderoom-mobile::before {
    content: '';
    background-image: var(--my-bg-image) !important;
    background-size: cover;
    background-position: right top;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    z-index: -1;
}

.dark-bg.bg-image-traderoom-mobile::before {
    background-image: url('/tradesia/mountain.png') !important;
    opacity: 1;
}

.light-bg.bg-image-traderoom-mobile::before {
    background-image: url('/tradesia/mountain-light.png') !important;
    opacity: 0.5;
}

/* uploadid */
.id-card-upload {
    width: 100%;
    height: 260px;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    font-weight: bold;
    text-align: center;

}

.id-card-upload img {
    max-width: 100%;
    height: 260px;
    display: block;
}

.id-card-upload:hover::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, .3);
    line-height: 260px;
}

.id-card-upload:focus::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, .3);
    line-height: 260px;
}

.id-card-upload:hover .btn-container-id {
    display: block;
}

.id-card-upload:focus .btn-container-id {
    display: block;
}

.message-container {
    height: 1.15rem;
}

.btn-container-id {
    top: 110px;
    left: 0;
    right: 0;
    bottom: 0;
}

.btn-container-id button {
    padding: 5px 16px;
    border-radius: 5px;
    font-size: 13px;
}

/*avatar upload module*/
.avatar-upload__shell {
    position: relative;
    width: 100%;
    height: 100%;
}

/*module wrapper*/
.avatar-upload__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.svg-loading-id {
    width: 120px;
    height: 260px;
}

@media screen and (max-width: 480px) {
    .id-card-upload {
        height: 200px;
        font-size: 18px;
    }

    .id-card-upload img {
        max-height: 200px;
    }

    .btn-container-id {
        top: 80px;
    }

    .svg-loading-id {
        height: 200px;
    }
}

@media screen and (max-width: 400px) {
    .custom_chart_child_mobile {
        width: 400px;
        height: 100%;
    }
    .custom_chart_child_mobile .child_multiplier {
        font-size: 60px;
        top: 39%;
    }
    .id-card-upload {
        height: 170px;
        font-size: 16px;
    }

    .id-card-upload img {
        max-height: 170px;
    }

    .btn-container-id {
        top: 67px;
    }

    .svg-loading-id {
        height: 170px;
    }
}

/* navigation/bottom/index */
.up-footer {
    z-index: 10 !important;
}

/* sidebar/left/index */
.s-l-custom .light .light\:text-hover-blue:hover {
    color: rgb(101 164 205) !important;
}

/* button-curreny */
.top-nav-menu-2 {
    display: block;
    top: 70px;
    left: 100px;
    z-index: 1000;
    padding: 10px;
    max-width: 650px;
    width: 650px;
    height: 47vh;
}

.top-nav-menu-2 .top-nav-table {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}

.top-nav-menu-2 .top-nav-table>tbody {
    height: calc(49vh - 130px);
    overflow-y: auto;
    overflow-x: hidden;
}

/* chart/index */
.vld-icon svg {
    margin: auto;
}

.vld-icon {
    text-align: center;
}

/* indicators/index */
.tab-body-tai-desktop {
    height: 60vh;
    overflow: hidden;
    overflow-y: auto;
}

.tab-body-tai-mobile {
    min-height: 50vh;
    max-height: 50vh;
    overflow: hidden;
    overflow-y: auto;
}

.light .border-not-active {
    border-color: #fff !important;
}

/* button-profile */
@media screen and (max-width: 1024px) {
    .cur {
        font-size: 1rem;
    }
}

/* button-account */
.warning-badge {
    background: #c05946;
    height: 17px;
    font-size: 11px;
    width: 17px;
    border-radius: 50px;
    text-align: white;
    color: #fff;
    font-weight: bold;
    margin-right: -5px;
}

.h-50px {
    height: 50px
}

.w-50px {
    width: 50px;
}

/* button-grid */
.rotate.mdi-view-agenda::before {
    transform: rotate(90deg);
}

div[data-rel="pop"].v-popover {
    display: flex;
}

/* market */
.market-analysis .mdi-24px.mdi-set,
.mdi-24px.mdi:before {
    line-height: 1.5rem;
}

/* more */
.custom-left {
    left: 85px;
}

.status-base {
    width: 200px;
}

.close-custom {
    top: 0px;
    right: 7px;
}

.custom-number {
    width: 16px;
    height: 16px;
    font-size: 11px;
}

.status-desktop {
    z-index: 49 !important;
    top: 65px !important;
}

.status-desktop .popover-inner {
    top: 0px;
}

.status-desktop .wrapper .tooltip-arrow.popover-arrow {
    top: 23px !important;
}

.status-mobile {
    z-index: 49 !important;
    top: 85px !important;
}

.status-mobile .popover-inner {
    top: 0px;
}

.status-mobile .wrapper .tooltip-arrow.popover-arrow {
    top: 14px !important;
}

.check-icon {
    font-size: 13px;
}

.icon-wallet {
    font-size: 23px;
    line-height: 20px;
}

.custom-deposit-btn {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

@media (min-width: 768px) {
    .status-base {
        width: 255px;
    }

    .custom-number {
        width: 22px;
        height: 22px;
        font-size: 14px;
    }

    .check-icon {
        font-size: 19px;
    }

    .close-custom {
        top: 5px;
        right: 12px;
    }
}

/* modal-content */
.vm--modal {
    margin: 0 auto;
}

/* mobile button-profile*/
.night-text-black {
    color: #000;
}

.night-text-gray {
    color: #989898;
}

.night-border-gray {
    border-color: #989898;
}

.night-bg-black-100 {
    background: #1e1e1e;
}

/* button-card */
@media screen and (max-width: 1024px) {
    .b-c-custom .w-12 {
        width: 2rem;
    }
}

div[data-rel="pop"].v-popover {
    display: flex;
}

@media screen and (max-width: 852px) {
    .desktop-card-size {
        display: none !important;
    }

    .mobile-card-size {
        display: flex !important;
        margin-left: 10px;
    }
}

@media screen and (min-width: 853px) {
    .desktop-card-size {
        display: flex !important;
    }

    .mobile-card-size {
        display: none !important;
        margin-left: 10px;
    }
}

/* progressbar/index */
.progress-bar {
    transition: 1s cubic-bezier(.17, .67, .68, .94);
}

/* .customize-chat-icon.invisible {
    z-index: 0 !important;
    display: none;
    visibility: hidden;
}

.customize-chat-icon.invisible .image-container {
    width: 0 !important;
} */


/* .img-animation {
    animation-name: imgShake;
    animation-duration: 2s;
    animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.img-animation:hover {

}

@keyframes imgShake {
    0% {
        transform: rotate(-10deg) translateX(-10px);
    }
    50% {
        transform: rotate(10deg) translateX(10px);
    }
    100% {
        transform: rotate(-10deg) translateX(-10px);
    }
  } */

.luck-bg {
    background-image: url(../../tradesia/home/luck.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.gift-img {
    position: absolute;
    top: 0;
}

@media (min-width: 420px) {

    .gift-img,
    .gift-container {
        width: 14rem;
    }

    .gift-container {
        height: 8rem;
    }

    .email-input {
        height: 45px
    }
}

@media (min-width: 640px) {

    .gift-img,
    .gift-container {
        width: 14rem;
    }

    .gift-container {
        height: 8rem;
    }
}

@media (min-width: 768px) {

    .gift-img,
    .gift-container {
        width: 14rem;
    }

    .gift-container {
        height: 8rem;
    }
}

@media (min-width: 1024px) {

    .gift-img,
    .gift-container {
        width: 16rem;
    }

    .email-input {
        height: 35px
    }
}

@media (min-width: 1280px) {

    .gift-img,
    .gift-container {
        width: 24rem;
    }

    .email-input {
        height: 50px
    }
}

@media (min-width: 1800px) {

    .gift-img,
    .gift-container {
        width: 28rem;
    }
}

.youtube-frame>iframe {
    height: 100% !important;
    width: 100% !important;
}

/* New Css */
.bg-introduction {
    background: #020204 url(../../images/mobile/new/introduction-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-auth {
    background-image: url(../../images/mobile/new/auth-bg.jpg);
    background-image: url(../../images/mobile/new/auth-bg.jpg), linear-gradient(#2B2B2B, #181818);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.bg-training-1 {
    background-image: linear-gradient(#2a2a2a 0%, #171717 60%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}
.bg-training-2 {
    background-image: linear-gradient(#191919 0%, #2b2b2b 60%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.bg-training-3 {
    background-image: linear-gradient(#191919 0%, #2b2b2b 100%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.intro-carousel .owl-item{
    margin-right: 0rem !important;
}
.intro-carousel .owl-dots{
    display: unset !important;
}
.intro-carousel .owl-theme .owl-dots .owl-dot span {
    background: #545454 !important;
}
.intro-carousel .owl-theme .owl-dots .owl-dot.active span, .intro-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #489FD1 !important;
}

.complete-training-carousel .owl-dots{
    display: unset !important;
}
.complete-training-carousel .owl-theme .owl-dots .owl-dot span {
    background: #545454 !important;
}
.complete-training-carousel .owl-theme .owl-dots .owl-dot.active span, .complete-training-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #489FD1 !important;
}

.complete-training-carousel .complete-training-div {
    background-image: url(../../images/mobile/new/product-bg.png);
    background-image: url(../../images/mobile/new/product-bg.png), linear-gradient(#1e1e1e, #1e1e1e);
    background-size: 100% 90%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.complete-training-carousel .owl-stage {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.bg-auth .light input::placeholder {
    color: #777777 !important;
}

.bg-auth input::placeholder {
    color: #777777 !important;
}

.bg-auth .multiselect__tags {
    border: 1px solid #4d4d4d !important;
    background: #262626 !important;
}

.bg-auth .multiselect__input, .bg-auth .multiselect__single {
    background: #262626 !important;
    color: #777777;
}


.description-1{
    background: linear-gradient(to top, rgba(0,51,77,1) 50%, rgba(26,26,26,0));
}

.step-tooltip .trigger{
    display: unset !important;
}

.step-highchart .dark-bg.bg-image-traderoom::before {
    left: 0;
}

.toasted.training-toast.win-lost-toast-win {
    background-color: #363b50 !important;
    color: #fff !important;
    border-bottom: 2px solid #02a6c2 !important;
    font-size: 9px !important;
    border-radius: .5rem !important
}

.toasted.training-toast.win-lost-toast-lost {
    background-color: #363b50 !important;
    color: #fff !important;
    border-bottom: 2px solid #02a6c2 !important;
    font-size: 9px !important;
    border-radius: .5rem !important
}

.step-highchart div.toasted-container.top-right {
    top: 5px !important;
    right: 10px !important;
    -ms-flex-align: flex-end !important;
    align-items: flex-end !important;
}

.toasted.training-toast.win-lost-toast-win .toast-title {
    width: 55px !important;
}

.toasted.training-toast.win-lost-toast-lost .toast-title {
    width: 55px !important;
}

.verify-email-container input::placeholder {
    text-align: center !important;
}

.light .verify-email-container input::placeholder {
    color: #fff !important;
}

.verify-email-container input::placeholder {
    color: #fff !important;
}

.animate-btn-pulse-green {
    background: #4ec73e;
    color: #eeeeee;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
  }
  /* @keyframes glowing {
    0% {
      background-color: #2ba805;
      box-shadow: 0 0 5px #2ba805;
    }
    50% {
      background-color: #49e819;
      box-shadow: 0 0 25px #49e819;
    }
    100% {
      background-color: #2ba805;
      box-shadow: 0 0 5px #2ba805;
    }
  } */
  @-webkit-keyframes glowing {
    0% { background-color: #2ba805; -webkit-box-shadow: 0 0 3px #2ba805; }
    50% { background-color: #49e819; -webkit-box-shadow: 0 0 40px #49e819; }
    100% { background-color: #2ba805; -webkit-box-shadow: 0 0 3px #2ba805; }
}

@-moz-keyframes glowing {
    0% { background-color: #2ba805; -moz-box-shadow: 0 0 3px #2ba805; }
    50% { background-color: #49e819; -moz-box-shadow: 0 0 40px #49e819; }
    100% { background-color: #2ba805; -moz-box-shadow: 0 0 3px #2ba805; }
}

@-o-keyframes glowing {
    0% { background-color: #2ba805; box-shadow: 0 0 3px #2ba805; }
    50% { background-color: #49e819; box-shadow: 0 0 40px #49e819; }
    100% { background-color: #2ba805; box-shadow: 0 0 3px #2ba805; }
}

@keyframes glowing {
    0% { background-color: #2ba805; box-shadow: 0 0 3px #2ba805; }
    50% { background-color: #49e819; box-shadow: 0 0 40px #49e819; }
    100% { background-color: #2ba805; box-shadow: 0 0 3px #2ba805; }
}
  .animate-btn-pulse-green {
    -webkit-animation: glowing 5000ms infinite;
    -moz-animation: glowing 5000ms infinite;
    -o-animation: glowing 5000ms infinite;
    animation: glowing 5000ms infinite;
  }

  .animate-btn-pulse-red {
    background: #fe3d1f;
    color: #eeeeee;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
  }
  /* @keyframes glowing2 {
    0% {
      background-color: #a80505;
      box-shadow: 0 0 5px #a80505;
    }
    50% {
      background-color: #fc3c23;
      box-shadow: 0 0 25px #fc3c23;
    }
    100% {
      background-color: #a80505;
      box-shadow: 0 0 5px #a80505;
    }
  } */
  @-webkit-keyframes glowing2 {
    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing2 {
    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing2 {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing2 {
    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
  .animate-btn-pulse-red {
    -webkit-animation: glowing2 5000ms infinite;
    -moz-animation: glowing2 5000ms infinite;
    -o-animation: glowing2 5000ms infinite;
    animation: glowing2 5000ms infinite;
  }
.rank-1 {
    background: linear-gradient(180deg, #67563C 0%, #363027 100%);
}

.rank-2 {
    background: linear-gradient(180deg, #4E4E4E 0%, #333333 100%);
}

.rank-3 {
    background: linear-gradient(180deg, #66443C 0%, #372A27 100%);
}

.bg-title {
    background: #1a1a1a url(../../bg-title.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-title-market {
    background: #1a1a1a url(../../bg-title-market.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.currency-card {
    width: 90vw
}

@media (min-width: 1024px) {
    .currency-card {
        width: 98vw
    }
}

@media (min-width: 724px) {
    .currency-card {
        width: 95vw
    }
}

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

.event-shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 1);
}

.light .shadow-custom2 {
    --tw-shadow: 0px 5px 5px 0px #eeeeee;
}

.custom-left-div div {
    text-align: left !important;
}

@media screen and (max-width: 400px) {
    .modal-profile {
        height: 100vh !important;
    }
}

.gif video::-webkit-media-controls {
    display:none !important;
}

cq-context, *[cq-context] {
    background: transparent !important;
}

.custom-bet .trigger {
    display: unset !important;
}

.tooltip.popover.popover-bet.open,
.tooltip.popover.popover-rules.open{
    visibility: hidden !important;
}

.tooltip.popover.popover-bet.open.open-bet,
.tooltip.popover.popover-rules.open.open-bet {
    visibility: visible !important;
}

.tooltip.popover.popover-bet .popover-inner {
    background: transparent !important;
}

.tooltip.popover.popover-bet .popover-arrow {
    display: none !important;
}
/* .m-more-bets {
    position: absolute;
    bottom: 0;
    width: calc(100% - 1rem);
} */
/* 
.ciq-jackpot-animation {
    animation-name: example;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    transition: 3s ease;
}

@keyframes example {
    0% {
        rotate: 0deg;
    }
    30% {
        rotate: 0deg;
        scale: 1;
    }
    100% {
        rotate: 90deg;
        scale: 0.35;
        top: 25px;
    }
} */

.bounce-animation {
    animation-name: bounce-jackpot;
    animation-duration: 300ms;
    animation-iteration-count: infinite;
}

@keyframes bounce-jackpot {
    0% {
        scale: 1;
    }
    100% {
        scale: 1.05;
    }
}

.move-up-animation {
    scale: 0.4;
    rotate: 55deg;
    transition: 200ms ease-in;
}

.stop-animation {
    display: none;
    visibility: hidden;
    scale: unset;
    rotate: unset;
    transition: unset
}

.ciq-jackpot-animation-border1,
.ciq-jackpot-animation-border2,
.ciq-jackpot-animation-border3 {
    width: calc(100% + 4px);
    height: 31px;
    background-color: #ff1010;
    border-radius: 30px;
    position: absolute;
    z-index: -1;
    left: -2px;
    top: 3px;
    overflow: hidden;
}

.ciq-jackpot-animation-border1 > div,
.ciq-jackpot-animation-border2 > div,
.ciq-jackpot-animation-border3 > div{
    width: 100%;
    height: 113px;
    border-radius: 30px;
    overflow: hidden;
    background-image: conic-gradient(
        #f2f2f2 191deg,
        transparent 130deg
    );
    animation: rotateBorder 2s linear infinite;
    top: -35px;
    position: absolute;
}

@keyframes rotateBorder {
    0%{
        transform: rotate(-72deg);
    }
    20%{
        transform: rotate(-144deg);
    }
    40%{
        transform: rotate(-216deg);
    }
    60%{
        transform: rotate(-288deg);
    }
    80%{
        transform: rotate(-360deg);
    }
    100%{
        transform: rotate(-432deg);

    }
}

.jackpot_win_count {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -46px;
}

@media screen and (min-width: 500px) {
    .jackpot_win_container {
        justify-items: center;
        align-items: center;
    }
    
    .halfwise .jackpot_win_gif {
        height: 100% !important;
        width: 250px !important;
        scale: 1.7;
        max-width: unset !important;
        transform: translateY(3rem);
    }

    .halfwise .jackpot_win_count {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 39px;
    }

    .lengthwise .jackpot_win_gif {
        height: 100% !important;
        width: 450px !important;
        max-width: unset !important;
    }

    .lengthwise .jackpot_win_count {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -51px;
    }

    .smallwise .jackpot_win_gif {
        height: 100% !important;
        width: 170px !important;
        scale: 2.7;
        max-width: unset !important;
        transform: translateY(3rem);
    }

    .smallwise .jackpot_win_count {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 85px;
    }
    
}

.desktop.mega-jackpot-container-wrapper {
    width: 157px;
    height: 43px;
    opacity: 1;
    scale: 1;
}

.desktop .mega-jackpot-container-animation {
    border-radius: 7px;
    height: 43px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 154px;
    z-index: -1;
}

.mobile.mega-jackpot-container-wrapper {
    width: 157px;
    height: 43px;
    opacity: 1;
    scale: 1;
}

.mobile .mega-jackpot-container-animation {
    border-radius: 5px;
    height: 32px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: 99px;
    z-index: -1;
}

.mega-border-top {
    top: 1px;
    width: 200%; 
    height: 42px;  
    border-top: 2px dotted #958c3e; 
}

.mobile .mega-border-top {
    height: 31px !important;
}

.mega-border-left {
    bottom: 1px;
    width: 100%;
    height: 200%;
    border-left: 2px dotted #958c3e; 
}

.mobile .mega-border-left {
    height: 300% !important;
}

.mega-border-bottom {
    top: 1px;
    width: 200%;
    height: 42px;
    border-bottom: 2px dotted #958c3e; 
}

.mobile .mega-border-bottom {
    height: 31px !important;
}

.mega-border-right {
    bottom: 1px;
    width: 100%;
    height: 200%;
    border-right: 2px dotted #958c3e; 
}

.mobile .mega-border-right {
    height: 300% !important;
}

.border-top-linear {
    animation: 2s border-top-linear linear infinite;
}

.border-left-linear {
    animation: 2s border-left-linear linear infinite;
}

.border-bottom-linear {
    animation: 2s border-bottom-linear linear infinite;
}

.border-right-linear {
    animation: 2s border-right-linear linear infinite;
}


@keyframes border-top-linear {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-53px);
    }
}

@keyframes border-left-linear {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(53px);
    }
}

@keyframes border-bottom-linear {
    0% {
        transform: translateX(-53px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes border-right-linear {
    0% {
        transform: translateY(53px);
    }
    100% {
        transform: translateY(0px);
    }
}

.text-bet-green {
    color: #5d5d5d !important;
}

.text-bet-red {
    color: #d6a6a6 !important;
}

.hide-popover {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s .4s, visibility .3s .4s;
}