#preloader,
.sk-three-bounce{ background-color: #24292d;}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .logo-abbr, .logo-icon {
     display: none !important;
}
 [data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .logo-icon {
     display: block !important;
}

.nav-header .brand-logo { padding-left: 30px; }

/* Icons Layout */
.ani-icon {max-width:140px}
.ani-icon.sm { max-width:25px; margin:auto; line-height:34px;}
.ani-icon.md { max-width:35px; margin:auto; line-height:25px;}
.lni-llg { font-size:50px !important;}

.bonus-left .ani-icon {
    max-width: 31px;
    border-radius: 10px;
}

.bonus-left .icon-success {
     background: rgba(43, 193, 85, 0.3);
}

.bonus-left .icon-primary {
         background-color: var(--rgba-primary-2);
    border-color: var(--rgba-primary-2);
}


.deznav .metismenu>li>a svg {
    max-width: 30px;
    max-height: 30px;
    margin-right: 0;
}
.deznav .metismenu>li a>i { padding:0 .375rem 0 0; }
#boosterstatus-icon path,
.white-icon path { stroke:#fff}

.icon-primary  path { stroke:#00c4f4}
.icon-warning  path { stroke:#ffab2d}
.icon-danger path { stroke:#b03636}
.icon-success path { stroke:#2bc155}

/* Booster Layout */
 .booster-box {
     padding: 0 20px 0;
     border-radius: 30px;
}
/* Change */
 .booster-box img {
     width: 220px;
}
/* Change */
 #clock1 {
     position: absolute;
     top: 30px;
     left: 50%;
     width: 462px;
     margin-left: -231px;
    /*set to a negative number 1/2 of your width*/
     height:100px;
    /*set to a negative number 1/2 of your height*/
}
 .booster-clock {
    position: relative;
     min-height: 140px;
}
 .booster-box .lni {
     font-size: 100px;
}
 .booster-box h4 {
     margin-top:0;
}
/* Change */
 .social-float {
     position: fixed;
     right: 10px;
     top: 30%;
     z-index: 999999;
}
 .avatar.avatar-40 {
     height: 40px;
     line-height: 40px;
     width: 40px;
}
 .social-float ul {
     background: #ffffff24;
     border-radius: 50px;
     list-style: none;
     padding-left: 0;
     padding-bottom:5px;
}
 .social-float ul li {
     margin: 2px;
     padding: 4px;
}
 .text-telegram {
     color: #2481cc;
}
 .text-twitter {
     color: #1d9bf0;
}
 .text-facebook {
     color: #1a74e4;
}
 .text-youtube {
     color: #d22b25;
}
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
 .flip-clock-wrapper * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .flip-clock-wrapper a {
     cursor: pointer;
     text-decoration: none;
     color: #ccc;
}
 .flip-clock-wrapper a:hover {
     color: #fff;
}
 .flip-clock-wrapper ul {
     list-style: none;
}
 .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
     content: " ";
     display: table;
}
 .flip-clock-wrapper.clearfix:after {
     clear: both;
}
 .flip-clock-wrapper.clearfix {
     *zoom: 1;
}
/* Main */
 .flip-clock-wrapper {
     font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
     -webkit-user-select: none;
}
 .flip-clock-meridium {
     background: none !important;
     box-shadow: 0 0 0 !important;
     font-size: 36px !important;
}
 .flip-clock-meridium a {
     color: #313333;
}
 .flip-clock-wrapper {
     text-align: center;
     position: relative;
     width: 100%;
     margin: 1em;
}
 .flip-clock-wrapper:before, .flip-clock-wrapper:after {
     content: " ";
    /* 1 */
     display: table;
    /* 2 */
}
 .flip-clock-wrapper:after {
     clear: both;
}
/* Skeleton */
 .flip-clock-wrapper ul {
     position: relative;
     float: left;
     margin: 5px;
     width: 60px;
     height: 90px;
     font-size: 80px;
     font-weight: bold;
     line-height: 87px;
     border-radius: 6px;
     background: #000;
}
 .flip-clock-wrapper ul li {
     z-index: 1;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     line-height: 87px;
     text-decoration: none !important;
}
 .flip-clock-wrapper ul li:first-child {
     z-index: 2;
}
 .flip-clock-wrapper ul li a {
     display: block;
     height: 100%;
     -webkit-perspective: 200px;
     -moz-perspective: 200px;
     perspective: 200px;
     margin: 0 !important;
     overflow: visible !important;
     cursor: default !important;
}
 .flip-clock-wrapper ul li a div {
     z-index: 1;
     position: absolute;
     left: 0;
     width: 100%;
     height: 50%;
     font-size: 80px;
     overflow: hidden;
     outline: 1px solid transparent;
}
 .flip-clock-wrapper ul li a div .shadow {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 2;
}
 .flip-clock-wrapper ul li a div.up {
     -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     -o-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     top: 0;
}
 .flip-clock-wrapper ul li a div.up:after {
     content: "";
     position: absolute;
     top: 44px;
     left: 0;
     z-index: 5;
     width: 100%;
     height: 3px;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.4);
}
 .flip-clock-wrapper ul li a div.down {
     -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
     -ms-transform-origin: 50% 0;
     -o-transform-origin: 50% 0;
     transform-origin: 50% 0;
     bottom: 0;
     border-bottom-left-radius: 6px;
     border-bottom-right-radius: 6px;
}
 .flip-clock-wrapper ul li a div div.inn {
     position: absolute;
     left: 0;
     z-index: 1;
     width: 100%;
     height: 200%;
     color: #ccc;
     text-shadow: 0 1px 2px #000;
     text-align: center;
     background-color: #333;
     border-radius: 6px;
     font-size: 70px;
}
 .flip-clock-wrapper ul li a div.up div.inn {
     top: 0;
}
 .flip-clock-wrapper ul li a div.down div.inn {
     bottom: 0;
}
/* PLAY */
 .flip-clock-wrapper ul.play li.flip-clock-before {
     z-index: 3;
}
 .flip-clock-wrapper .flip {
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}
 .flip-clock-wrapper ul.play li.flip-clock-active {
     -webkit-animation: asd 0.01s 0.49s linear both;
     -moz-animation: asd 0.01s 0.49s linear both;
     animation: asd 0.01s 0.49s linear both;
     z-index: 5;
}
 .flip-clock-divider {
     float: left;
     display: inline-block;
     position: relative;
     width: 20px;
     height: 100px;
}
 .flip-clock-divider:first-child {
     width: 0;
}
 .flip-clock-dot {
     display: block;
     background: #323434;
     width: 10px;
     height: 10px;
     position: absolute;
     border-radius: 50%;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
     left: 5px;
}
 .flip-clock-divider .flip-clock-label {
     position: absolute;
     top: -1.5em;
     right: -86px;
     color: #fff;
     text-shadow: none;
}
 .flip-clock-divider.minutes .flip-clock-label {
     right: -88px;
}
 .flip-clock-divider.seconds .flip-clock-label {
     right: -91px;
}
 .flip-clock-dot.top {
     top: 30px;
}
 .flip-clock-dot.bottom {
     bottom: 30px;
}
 @-webkit-keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 @-moz-keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 @-o-keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 @keyframes asd {
     0% {
         z-index: 2;
    }
     100% {
         z-index: 4;
    }
}
 .flip-clock-wrapper ul.play li.flip-clock-active .down {
     z-index: 2;
     -webkit-animation: turn 0.5s 0.5s linear both;
     -moz-animation: turn 0.5s 0.5s linear both;
     animation: turn 0.5s 0.5s linear both;
}
 @-webkit-keyframes turn {
     0% {
         -webkit-transform: rotateX(90deg);
    }
     100% {
         -webkit-transform: rotateX(0deg);
    }
}
 @-moz-keyframes turn {
     0% {
         -moz-transform: rotateX(90deg);
    }
     100% {
         -moz-transform: rotateX(0deg);
    }
}
 @-o-keyframes turn {
     0% {
         -o-transform: rotateX(90deg);
    }
     100% {
         -o-transform: rotateX(0deg);
    }
}
 @keyframes turn {
     0% {
         transform: rotateX(90deg);
    }
     100% {
         transform: rotateX(0deg);
    }
}
 .flip-clock-wrapper ul.play li.flip-clock-before .up {
     z-index: 2;
     -webkit-animation: turn2 0.5s linear both;
     -moz-animation: turn2 0.5s linear both;
     animation: turn2 0.5s linear both;
}
 @-webkit-keyframes turn2 {
     0% {
         -webkit-transform: rotateX(0deg);
    }
     100% {
         -webkit-transform: rotateX(-90deg);
    }
}
 @-moz-keyframes turn2 {
     0% {
         -moz-transform: rotateX(0deg);
    }
     100% {
         -moz-transform: rotateX(-90deg);
    }
}
 @-o-keyframes turn2 {
     0% {
         -o-transform: rotateX(0deg);
    }
     100% {
         -o-transform: rotateX(-90deg);
    }
}
 @keyframes turn2 {
     0% {
         transform: rotateX(0deg);
    }
     100% {
         transform: rotateX(-90deg);
    }
}
 .flip-clock-wrapper ul li.flip-clock-active {
     z-index: 3;
}
/* SHADOW */
 .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
     background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
     -webkit-animation: show 0.5s linear both;
     -moz-animation: show 0.5s linear both;
     animation: show 0.5s linear both;
}
 .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
     background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
     background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
     -webkit-animation: hide 0.5s 0.3s linear both;
     -moz-animation: hide 0.5s 0.3s linear both;
     animation: hide 0.5s 0.3s linear both;
}
/*DOWN*/
 .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
     background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
     background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
     background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
     -webkit-animation: show 0.5s linear both;
     -moz-animation: show 0.5s linear both;
     animation: show 0.5s linear both;
}
 .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
     background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
     background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
     background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
     background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
     -webkit-animation: hide 0.5s 0.3s linear both;
     -moz-animation: hide 0.5s 0.3s linear both;
     animation: hide 0.5s 0.2s linear both;
}
 @-webkit-keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-moz-keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-o-keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes show {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-moz-keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-o-keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes hide {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 .small-widget.widget-stat .media .media-body p {
    font-size: 12px;
}
 .small-widget.widget-stat .media > span {
    height: 50px;
    width: 50px;
     min-width: 50px;
     padding:5px;
}
 .widget-stat.card.small-widget { 
     margin-bottom: 10px;
}
 .total-income {
     color: #fff;
     background: #13b497;
     background: -moz-linear-gradient(-45deg, #a8ff78 0%, #78ffd6 100%);
     background: -webkit-linear-gradient(-45deg, #a8ff78 0%, #78ffd6 100%);
     background: linear-gradient(135deg, #a8ff78 0%, #78ffd6 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8ff78', endColorstr='#78ffd6',GradientType=1 );
}
 .ref-bg {
     color: var(--primary);
     background: #13b497;
     background: -moz-linear-gradient(-0deg, var(--primary) 0%, var(--primary-hover) 100%);
     background: -webkit-linear-gradient(-0deg, var(--primary) 0%, var(--primary-hover) 100%);
     background: linear-gradient(0deg, var(--primary) 0%, var(--primary-hover) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13b497', endColorstr='#05737a',GradientType=1 );
}
 .ref-img_wrap{
     max-width: 80%;
     margin: auto;
}
 [data-theme-version="dark"] .ref-url .form-control {
     background-color: #e0e0e0;
     border-color: #14c9f0;
     color: #2f363e;
}
 [data-theme-version="dark"] .ref-url p {
     color:#fff
}
 .table th {
     padding: 15px 5px;
}
 .table td {
     padding: 8px 10px;
     line-height: 24px !important;
}
 .recentOrderTable table tbody td img {
    border-radius: 0;
     max-width: 16px;
}
 .social-graph-wrapper.widget-instagram {
     background-color: #962fbf;
}
 #gauge-btn {
    position: absolute;
     top: 40%;
     left: 20px;
     right: 20px;
     justify-content: flex-end;
}
 .text-right {
     text-align: right !important;
}
 .gauge-ern {
     color:#fff;
     font-size: 20px;
     text-align: center;
}
/* ========================== custom css start ========================== */
 .sorting_asc{
     padding-left: 20px !important;
}
 .sorting_1{
     padding-left: 20px !important;
}
 .otp-send-btn{
     color:#00c4f4;
     padding-left: 0;
}
 .status-td i{
     color: green;
     margin-right: 5px;
}
 .status-td-danger i{
     color: rgb(223, 36, 36);
     margin-right: 5px;
}
 .status-procces i{
     color: rgb(230, 191, 17);
     margin-right: 5px;
}
 .td-time{
     font-size: 12px;
}
 .coin-td{
     display: flex;
     align-items: center;
     width: 100%;
}
 .coin-td i{
     color: rgb(230, 191, 17);
     margin-right: 5px;
}
 .modal-icon{
     color: #3b910c;
     width: 100px;
     margin: auto;
     text-align: center;
}
 .modal-icon img{
     width: 100%;
     height: 100%;
}
 .modal-body{
     text-align: center;
}
 .business-profile-card{
     width: 100%;
     height: 100%;
}
 .business-iframe{
     max-width: 100%;
     width: 100%;
     min-height: 430px;
     height: 100%;
}
 .widget-timeline{
     max-height: 600px;
     height: 100%;
}
 .qr-code {
     max-width: 200px;
     margin: 10px;
}
 .deposit-qr-main{
     max-width: 900px;
     width: 100%;
}
 [data-theme-version="dark"] .deposit-qr-box {
     background: #2f3349;
     border-radius: 10px;
}
 .deposit-qr-box .card{
     border-radius: 0;
     box-shadow: none;
     margin-bottom: 0;
}
 [data-theme-version="dark"] .qr-code-box{
     border: 1px dashed #fff;
     background: #24292d;
     color: #fff;
     padding: 5px;
     text-align: center;
}
 .qr-code-box p{
     margin-bottom: 0;
}
 .scan-qr-btn{
     border-radius: 8px;
     max-width: 250px;
     width: 100%;
}
 .scan-qr-btn:hover{
     background: transparent;
     color: #00c4f4;
}
 .deposit-qr-main .qr-code{
     max-width: 250px;
     width: 100%;
     margin: 0;
}
 .view-explore{
     background: #FFAB2D;
     border: 1px solid #FFAB2D;
     color: #e5b741;
     font-size: 14px;
     width: 150px;
     padding: 8px 4px;
}
 .i-span{
     width: 20px;
     display: inline-block;
     height:20px;
     border-radius: 50%;
}
 .buy-now{
     border-radius: 40px;
     background: #00c4f4;
     color: #fff;
     max-width: 200px;
     width: 100%;
}
 .buy-now:hover {
     background: transparent;
     color: #00c4f4;
     border: 1px solid #00c4f4;
}
 .packages .card{
     padding: 40px;
     border-radius: 0;
}
 .package-value p{
     font-size: 26px;
     padding-right: 10px;
}
 .package-value h3{
     color: #3d4465;
}
 .package-input .btn{
     font-size: 14px;
     padding: 10px 8px;
}
 .package-input input{
     color: #3d4465 !important;
}
 .package-input label{
     font-size: 20px;
}
 .package-round{
     width: 100px;
     height: 100px;
     border-radius: 50%;
     margin: auto;
     display: flex;
     align-items: center;
     position: relative;
     justify-content: center;
}
 .package-round::after {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     content: '';
     width: 120px;
     height: 120px;
     border-radius: 50%;
     background: transparent;
     border: 2px solid #ffab2d;
}
 .package-round p{
     margin-bottom: 0;
     color: #fff;
     font-weight: bold;
     font-size: 20px;
}
 .package-name{
     font-size: 20px;
}
 .border-info::after{
     border-color: #3c65f5 !important;
}
 .border-success::after{
     border-color: #2bc155;
}
 .buy1{
     background: #ffab2d;
}
 .buy2{
     background: #3c65f5;
}
 .buy3{
     background: #2bc155;
}
 .package-overview .card{
     padding: 40px;
}
 .overview-icon i{
     font-size: 32px;
     color: #fff;
}
 .package-overview-top h3{
     border-bottom: 2px solid #fff;
}
/* ========================== custom css end ========================== */
/* ========================== CSS Gauge Start ========================== */
 .gauge-wrapper {
     display: block;
     max-width: 330px;
     margin: 0 auto;
     padding: 20px 15px 20px;
}
 .gauge {
     background: #e7e7e7;
     box-shadow: 0 -3px 6px 2px rgba(0, 0, 0, 0.10);
     width: 300px;
     height: 150px;
     border-radius: 200px 200px 0 0!important;
     position: relative;
     overflow: hidden;
}
 .gauge.min-scaled {
     transform: scale(0.5);
}
 .gauge-center {
     content: '';
     color: #fff;
     width: 60%;
     height: 60%;
     background: #15222E;
     border-radius: 100px 100px 0 0!important;
     position: absolute;
     box-shadow: 0 -13px 15px -10px rgba(0, 0, 0, 0.28);
     right: 21%;
     bottom: 0;
     color: #fff;
     z-index:4;
}
 .gauge-center .label, .gauge-center .number {
    display:block;
     width: 100%;
     text-align: center;
     border:0!important;
}
 .gauge-center .label {
    font-size:0.75em;
     opacity:0.6;
     margin:1.1em 0 0.3em 0;
}
 .gauge-center .number {
    font-size:1.2em;
}
 .needle {
     width: 135px;
     height: 7px;
     background: #15222E;
     border-bottom-left-radius: 100%!important;
     border-bottom-right-radius: 5px!important;
     border-top-left-radius: 100%!important;
     border-top-right-radius: 5px!important;
     position: absolute;
     bottom: -2px;
     left: 20px;
     transform-origin: 100% 4px;
     transform: rotate(0deg);
     box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.38);
     display:none;
     z-index:4;
}
 .four.rischio1 .needle {
    animation: fourspeed1 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .four.rischio2 .needle {
    animation: fourspeed2 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .four.rischio3 .needle {
    animation: fourspeed3 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .four.rischio4 .needle {
    animation: fourspeed4 2s 1 both;
     animation-delay: 1s;
     display:block;
}
 .slice-colors {
    height:100%;
}
 .slice-colors .st {
     position: absolute;
     bottom: 0;
     width: 0;
     height: 0;
     border: 80px solid transparent;
}
 .four .slice-colors .st.slice-item:nth-child(2) {
     border-top: 80px #f1c40f solid;
     border-right: 80px #f1c40f solid;
     background-color:#1eaa59;
}
 .four .slice-colors .st.slice-item:nth-child(4) {
     left:50%;
     border-bottom: 80px #E84C3D solid;
     border-right: 80px #E84C3D solid;
     background-color:#e67e22;
}
 .icon-title {
     background: #00c4f4;
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 38px;
     border-radius: 50%;
     text-align: center;
}
 .icon-title i.lni {
     position: relative;
     margin-top: 8px;
     display: block;
}
 .icon-title i {
     font-size: 20px;
}
 .input-group .btn {
     min-height: 56px;
     line-height: 40px;
}
 .input-group .btn.btn-sm {
    min-height: 30px;
     line-height: 1.5;
}
 @-webkit-keyframes fourspeed1 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(16deg);
    }
}
 @-webkit-keyframes fourspeed2 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(65deg);
    }
}
 @-webkit-keyframes fourspeed3 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(115deg);
    }
}
 @-webkit-keyframes fourspeed4 {
     0% {
        transform: rotate(0);
    }
     100% {
        transform: rotate(164deg);
    }
}
 .text-whatsapp {
     background-color: #128C7E;
    border-radius: 50%;
     padding: 8px;
    display: inline-block;
}
 .text-instagram {
     background-color: #962fbf;
    border-radius: 50%;
     padding: 8px;
    display: inline-block;
}
 .ref-bg p {
     line-height: 18px;
}
 .profile-box {
     border-radius: 10px;
     overflow: hidden;
     display: block;
}
 .scan-code {
     max-width: 300px;
     margin:20px auto 0;
     text-align: center;
}
 .scan-code .badge {
     word-break: break-all;
     line-height: 24px;
}
/* Responsive */
 @media (max-width:767px) {
     #gauge-btn {
        position: static;
         margin-top: 20px;
    }
}
/* ======================= new custom css ======================= */
 .withdraw-history .form-control{
     position: relative;
     display: flex;
     align-items: center;
}
 .withdraw-history .form-control .icon-box{
     width: 30px;
}
 .withdraw-history .form-control .icon-box i{
     font-size: 20px;
}
 .withdraw-history .form-control input{
     width: calc( 100% - 32px);
     border: none;
     background: transparent;
}
 .withdraw-history-form-top .badge-danger{
     border-radius: 15px;
     padding: 10px;
}
 .withdraw-history-form-top .badge-danger p{
     color: #fff;
     margin-bottom: 0;
}
 .withdraw-history-form-top .badge-danger a{
     border: 1px dashed #fff;
     border-radius: 6px;
     padding: 5px 8px;
     background: #24292d;
}
 .logo-wrap a svg{
     max-width: 100%;
}
 .logo-wrap {
     margin-top: 40px;
     margin-bottom: 40px;
}
 .code-hide, .logo-wrap.hide{
     display: none;
}
 .code-hide.show {
     display: block;
}
 .login-bg {
     
     background-size: cover;
     position: relative;
    height: 100vh !important;
}
.login-bg:before {
    content: "";
    background: rgba(0, 0, 0, .3);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    position: absolute;
}
.authincation.h-100 {
    position: relative;
    z-index: 9999;
}
 .auth-form {
     border:none;
     border-radius: 10px;
}
 .swal2-popup {
     padding:0 !important;
     display:block !important;
}
 .swal2-popup .swal2-title {
     display:block !important;
     color:#e4e4e4;
}
 .form-control-lg {
     min-height: 64px;
}
 #modal-wrap {
     position: relative;
}
 #modal-inr {
     position: relative;
     min-height: 300px;
     overflow: hidden;
     left: 10px;
}
 #modal-inr .model-cont {
     position: absolute;
     left: 0;
     right: 0;
     top: 55%;
     transform: scale(2.2);
}
 div#modal-wrap .card-body {
     padding: 0 20px 0 0;
}
 .modal-userdetails.d-flex {
     position: static;
     text-align: left;
     border-bottom: 1px solid #495055;
     padding-bottom: 10px;
     margin-bottom: 10px;
}
 .item.cursor-pointer {
     padding-right: 20px;
}
 .modal-userdetails .modal-userdetails_label {
     font-size: 12px;
     color: #FFF;
}
 .modal-userdetails .modal-userdetails_value {
     font-size: 18px;
     font-weight: 600;
     color: #ffff;
}
 .user-detail-inr {
    border: 1px solid #495055;
     border-radius: 20px;
     background: rgba(36, 41, 46, .4);
     padding: 20px 20px 0 20px;
}
 #user-details {
     text-align: left;
     padding-top: 30px;
     position:relative;
}
 .ref-url {
     margin: 0 0 0 auto;
     padding-right: 20px;
}
 .user-detail-inr p {
     font-size: 13px;
     line-height: 18px;
}
 .bg1{
    position:absolute;
     top:0;
     left:0;
     width: 200px;
     height:200px;
     bottom:0;
     z-index: 1;
     background: rgb(0,196,244);
     background: radial-gradient(circle, rgba(0,196,244,0.15) 0%, rgba(148,187,233,0) 40%);
}
 .bg2{
    position:absolute;
     top:0;
     right:0;
     width: 200px;
     height:200px;
     bottom:0;
     z-index: 0;
     background: rgb(84,247,213);
     background: radial-gradient(circle, rgba(84,247,213,0.8085828081232493) 0%, rgba(47,54,62,0) 54%);
     opacity:.2;
}
 #clock-col {
     margin-top: 20px;
}
 #clock-col .flip-clock-wrapper ul {
    width:40px;
}
 #clock-col .flip-clock-wrapper {
    max-width: 460px;
     margin-left:auto;
     margin-right:auto;
}


/*Charts js*/
.ct-chart {
    height: 280px;
    max-height:100%;
    margin-bottom:20px;
}
.ct-golden-section {
    display: block;
    position: relative;
    width: 100%;
}
.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
 @media(max-width:1000px){
     #clock-col .flip-clock-wrapper,
     #booster-clock-wrap .flip-clock-wrapper{
         max-width: 320px;
    }
     #clock-col .flip-clock-wrapper ul,
     #booster-clock-wrap .flip-clock-wrapper ul{
        width:25px;
    }
     #clock-col .flip-clock-divider,
     #booster-clock-wrap .flip-clock-divider{
        width:10px;
    }
     #clock-col .flip-clock-wrapper ul li a div div.inn,
     #booster-clock-wrap .flip-clock-wrapper ul li a div div.inn{
         font-size:40px;
    }
     #clock-col .flip-clock-dot,
     #booster-clock-wrap .flip-clock-dot{
        width:5px;
         height:5px;
         left:3px;
    }
     #clock-col .flip-clock-divider .flip-clock-label,
     #booster-clock-wrap .flip-clock-divider .flip-clock-label{
        right:-46px;
    }
     #clock-col .flip-clock-divider.minutes .flip-clock-label,
     #booster-clock-wrap .flip-clock-divider.minutes .flip-clock-label{
         right: -55px;
    }
     #clock-col .flip-clock-divider.seconds .flip-clock-label,
     #booster-clock-wrap .flip-clock-divider.seconds .flip-clock-label{
         right: -58px;
    }
     .ref-url {
         padding-right: 0;
    }
     div#modal-wrap .card-body {
         padding:0 10px 10px 10px;
         overflow: hidden;
    }
     #modal-inr .model-cont {
         top: 92%;
         transform: scale(3);
         right: 3px;
    }
    [data-sidebar-style=overlay] .nav-header .logo-abbr {
    display: block;
    max-width: 60px !important;
    }
}