@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root { 

  --brand:#EDBE00;

  --red: #FD2626;   

  --green: #11A741;  

  --white: #ffffff;

  --body-font: "Roboto", sans-serif;

  --radius: 1.5rem; 

}

.light {

  --dark: #181717;

  --light-gray: #EBE6E6;

  --body-bg: #FAFAFA; 

  --body-text-color: #666363;  

  --toggle-light: #D3D3D3;

  --muted-color: #A8A7A7;

}





* { margin: 0%;padding: 0%; box-sizing: border-box;}

*::after, *::before { margin: 0%;padding: 0%;} 

html { font-size: 100%;width: 100%;height: 100%;scroll-behavior: smooth;overflow-x: hidden;}

body {background-color: var(--body-bg);text-rendering: optimizeLegibility;font-family: var(--body-font); color: var(--body-text-color);font-weight: 400;font-style: normal;font-size: .875rem;transition: all .3s ease-in-out;} 

.fs-12 { font-size: 12px; }

.fs-11 { font-size: 12px; } 

.fs-13 { font-size: 13px; }  

.fs-15 { font-size: 0.937rem; }

.fs-18 { font-size: 1.125rem; }

.text-black{color: #000000;} 

.bg-light { background-color: var(--brand-light-bg) !important; }

.bg-green { background-color: var(--green) !important; }

.bg-primary {
    background-color: #2196F3 !important;
} 

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

.text-red { color: var(--red); }

.dark .text-dark {  color: var(--white) !important; }

.text-primary { color: var(--brand) !important; } 

.text-green { color: #32C60D !important; }  

.text-gray { color: #969696 !important; }

a {
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    color: #0778EA;
}

a:hover {color: var(--brand);} 

ul {padding-left: 0;margin-bottom: 0;}

ul li { list-style-type: none;} 

.btn:focus, .form-control:focus, .form-select:focus, .form-check-input:focus { box-shadow: none; } 

.btn { padding: 10px 12px;border-radius: 7px; justify-content: center;font-size: .875rem; align-items: center;gap: .5rem;display: inline-flex;transition: all 0.4s ease-in-out;}



.btn:hover {

    color: #fff !important;

    background-color: #198754;

    border-color: #198754;

} 

 

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {

    color:#fff !important;

    background-color: #198754;

    border-color: #198754;

}

.form-control[type=file]:not(:disabled):not([readonly]) {

    cursor: pointer;

    padding: 7px 12px;

    line-height: 33px;

}





.btn-primary {
    --bs-btn-color: var(--dark) !important;
    --bs-btn-bg: #0778EA !important;
    --bs-btn-border-color: var(--brand) !important;
    --bs-btn-hover-color: var(--dark);
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--red);
    --bs-btn-disabled-border-color: var(--red);
    color: white;
}

.dark .btn-primary { color: #181717 !important; }

.dark .btn-primary svg { filter: none; }

.btn-danger {

  --bs-btn-color: #fff;

  --bs-btn-bg: var(--red);

  --bs-btn-border-color: var(--red);

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #bb2d3b;

  --bs-btn-hover-border-color: #b02a37;

  --bs-btn-focus-shadow-rgb: 225,83,97;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #b02a37;

  --bs-btn-active-border-color: #a52834;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: var(--red);

  --bs-btn-disabled-border-color: var(--red);

}



.btn-green {

  --bs-btn-color: #fff;

  --bs-btn-bg: var(--green);

  --bs-btn-border-color: var(--brand) !important;

}



.btn-secondary {

  --bs-btn-color: var(--dark);

  --bs-btn-bg: var(--light-gray);

  --bs-btn-border-color: var(--light-gray);

  --bs-btn-hover-color: var(--dark);

  --bs-btn-hover-bg: #D9D9D9;

  --bs-btn-hover-border-color: #D9D9D9;

  --bs-btn-focus-shadow-rgb: 130,138,145;

  --bs-btn-active-color: var(--dark);

  --bs-btn-active-bg: #D9D9D9;

  --bs-btn-active-border-color: #D9D9D9;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: var(--dark);

  --bs-btn-disabled-bg: var(--light-gray);

  --bs-btn-disabled-border-color: var(--light-gray);

}

.btn-primary.gradient{

  background: linear-gradient( var(--brand), #ffd21dfc);

}

.btn-warning{ background: #ff0000; border-color: #ff0000;}

.btn-warning:hover{  color: #fff !important;

    background-color: #198754;

    border-color: #198754;}





.form-control{ background: #fff; border: 1px solid #B5B5C3; height: 44px; border-radius: 7px; padding-left: 12px;} 

textarea.form-control{ background: #fff; border: 1px solid #B5B5C3; height: 120px; border-radius: 10px;} 

select.form-control { -webkit-appearance: auto; -moz-appearance: auto;  appearance: auto;}  





.navbar { box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.07);z-index: 999;height: 65px; } 

.navbar .dropdown-menu {

    width: 100%;

    min-width: 100%;

    position: fixed;

    top: 62px;

    right: 0;

    left: 0 !important;

    border: 0;

    border-radius: 0;

        background: rgb(255 255 255 / 94%) !important;

}



.navbar .dropdown-menu .dropdown-item {     font-size: 16.5px;

    font-weight: 500; padding: 12px 15px;}





.navbar .dropdown-menu a svg { width: 16px;

    height: auto;

    fill: #edbe00; margin-right: 8px;

}

.navbar .dropdown-menu a svg fath { fill: #edbe00; 

}







.navbar .ac__btn { width: 2.5rem;height: 2.5rem; }

.footer {z-index: 1050;box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.05);height: 52px;}

/*====================== header Styles ===================*/

main{ padding: 65px 0 55px;} 

.header__box {box-shadow: 0px 4px 4px 0px #00000005;}

.demo__btn { height: 32px;width: 72px; }

.divider{ height: 1px;background-image:linear-gradient(90deg, #FDFDFD 0%, #EFEEEE 50%, #FDFDFD 100%); }

.btn__affiliate {
    background: linear-gradient(90deg, #93560c 0%, #3063be 80.99%, #8916aa 100%);
}

.btn__affiliate .coin { right: 15%;}

.collapse__btn {width: 2rem;}

.collapse__btn svg {transition: all .3s ease;}

.collapse__btn.collapsed svg {transform: rotate(180deg);}

.sort__btn { font-size: .875rem;color: var(--body-text-color); }



/* toggle button style */ 

.toggle {position: relative;display: inline-block;} 

.toggle__input {display: none;} 

.toggle__label {display: block;width: 36px;height: 18px;background-color: var(--toggle-light);border-radius: 99px;cursor: pointer;transition: background-color 0.3s ease;} 

.toggle__input:checked + .toggle__label { background-color: var(--dark); }

.toggle__input:checked + .toggle__label::after { left: 20px;background-color: var(--brand); } 

.toggle__label::after { content: '';position: absolute;top: 3px;left: 4px;width: 12px;height: 12px;background-color: var(--dark);border-radius: 50%;transition: left 0.3s ease;}

.al-range-slider { --color_primary_light: #ff3f00; --color_primary_dark: #ddd; --color_secondary: #ddd;padding: 0%; }

.al-range-slider__bar{box-shadow: none;}



.al-range-slider__input,

.al-range-slider__tooltip{display: none;}

/* .al-range-slider__grid-tick_long,

.al-range-slider__grid-tick */

.al-range-slider__track { box-shadow: none;height: 6px;margin: 0 0 1.75rem 0;background: var(--color_primary);}

.al-range-slider__knob{width: 16px;height: 16px;background: #D9D9D9;border: 0;box-shadow: 0px 3px 3px -1px #00000026;}

.al-range-slider__knob:hover, .al-range-slider__knob_active {border-color: transparent;box-shadow: none;}

.offcanvas.offcanvas-bottom{ border-top-left-radius: var(--radius);border-top-right-radius: var(--radius); }

.offcanvas{ z-index: 1050; }

.offcanvas-bottom::after { content: '';width: 2rem;height: .25rem;border-radius: .5rem;background-color: var(--light-gray);position: absolute;top: .5rem;left: 50%;transform: translateX(-50%); }

.offcanvas-bottom .offcanvas-body{padding-top: 2.25rem;}

.preloader { z-index: 1100; }

.preloader .container{ min-height: 100vh; }



/* ----- add group popup styles ----- */

.form-floating > .form-control, .form-floating > .form-control-plaintext { padding: .25rem .75rem;

	height: 2.75rem; min-height: 2.75rem; line-height: 1; }

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1rem; padding-bottom: .125rem;}

.form-floating > label { padding: .5rem .75rem; }

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label{ padding-bottom: 0;height: auto; }



/* ----- Sort popup styles ----- */

.sort__row { flex-direction: row-reverse; }

.sort__row .form-check-input:checked + .form-check-label { color: var(--brand); }

.form-check-input:checked { background-color: var(--brand);border-color: var(--brand); }

/* ----- Plans page styles ----- */

.choose__worker__wrapper{ background: #FFF0B4 url(../images/serverbg.png) left top no-repeat;;border-radius: 7px 7px 0 0;min-height: 100vh;padding-bottom: 13rem;  background-size: cover; padding-top: 10px !important;}

.no__ruler .al-range-slider__grid-tick_long,

.no__ruler .al-range-slider__grid-tick { display: none; }

.no__ruler .al-range-slider__track { margin-bottom: 0.5rem; }

.configuration__btn { cursor: pointer; }

.configuration__btn .label { color: var(--muted-color); }

.configuration__btn .icon { width: 1.5rem; }

.configuration__btn .icon svg { transform:rotate(180deg); }

.configuration__row .form-check-input{ display: block; }

.configuration__row .form-check-input:checked + label { color: var(--brand); }

.period__plan__item .form-check-input { top:calc(50% - .75rem);right: .625rem;width: 1.25rem;height: 1.25rem; }

.period__plan__item .form-check-label { padding-left: 0.75rem !important; }

.period__plan__item .info__box { padding-right: 2rem; }

.period__plan__item .month__box { width: 5rem; }

.tag { width: 2.5rem;height: 1.5rem;line-height: 1; }

.gift__info { background-color: #FF003C;border-radius: 0 0 .25rem .25rem;margin-top: -.75rem;padding: 1rem .5rem .5rem .75rem; }

.fixed__info__box { border-radius: var(--radius) var(--radius) 0 0;z-index: 999;box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.1); }





.PlanP li{ background: #EFEEEE; border-radius: 5px; padding: 10px; position: relative; margin-bottom: 8px;}

.PlanP li h3{ font-size: 15px; color: #181717; font-weight: 500;}

.PlanP li h3 svg{ margin-right: 8px;}

.PlanP li p{ font-size: 12px; color: #666363; margin: 0px;}

.PlanP li a{ position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; right: 0; bottom: 0;}





/* Login page */

.loginwrap {
    width: 100%;
    padding: 30px 15px;
    z-index: 99;
    position: relative;
    background: url(../images/shadow-bg1.png) left top no-repeat;
    background-size: cover;
}

.loginwrap h1{ font-weight: 700; text-align: center; color: #000; font-weight: 500; margin-bottom: 5px; margin-top: 10px;}

.loginwrap h1 span{ font-weight: 700}

.loginwrap .form-control{ background: #fff; border: 1px solid #B5B5C3; height: 48px; border-radius: 5px; padding-left: 15px; color: #000 !important}

.loginwrap a.btn{ border-radius: 5px; font-weight: 600; font-size: 18px;}





.input-group > .intl-tel-input.allow-dropdown {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  width: 1%;

}



.input-group > .intl-tel-input.allow-dropdown > .flag-container {

	z-index: 4;

}



.iti-flag {

  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");

}



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

    .iti-flag {

      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");

    }

}









/* Statistics */

.tabsView{ width: 100%;}

.tabsView { width: 100%;}

/*.tradingview-widget-container iframe{ height: 460px !important;}*/

.nav-tabs{ border: 0px;}

.tabsView .nav-tabs .nav-item{ width: 33.33%;}

.nav-tabs .nav-link { margin-bottom: 0; border: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; text-align: center; color: #181717; background: #EFEEEE; font-size: 15px; font-weight: 600;border-left: 1px solid #ccc;}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #ffffff;
        background-color: #0778EA;
    }



#SetupDemoworker ul{ margin-left: 20px;}

#SetupDemoworker li{ list-style: disc; font-size: 15px; color: #636262; padding: 8px 0;}



.list-activity{ margin-bottom: 8px; border-radius: 7px; padding: 10px 10px 10px 65px;; position: relative;}

.list-activity svg{ position: absolute; left: 10px; top: 10px;}

.list-activity p{ margin: 0px;}

.list-activity p span{ font-weight: bold;}

.list-activity small{ font-size: 12px;}



.setting{ position: fixed; right: 15px; bottom: 75px; width: 52px; z-index: 99;}



ul.menushow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;}

ul.menushow li {

    border-radius: 8px;

    text-align: center;

    padding: 20px 5px;

    height: 120px;

    position: relative;

}

ul.menushow li a{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 9;}

ul.menushow li svg{ margin-top: 12px;}





.switchAccount { padding: 25px 0 0;}

.switchAccount li{ width: 50%; float: left; padding: 15px 0; color: #666363;}



.iti{ width: 100% !important; overflow: hidden !important} 

.iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); border-radius: 7px 0 0 7px !important;}



.report a.btn {

    border-radius: 7px;

    font-weight: 600;

    font-size: 18px;

}







.affilateCard { padding-top: 15px;}

.affilateCard li {

    background: #f4ebc8;

    border-radius: 7px;

    padding: 10px;

    position: relative;

    padding-right: 75px;

    margin-bottom: 10px;

    padding-left: 60px;

}

.affilateCard li.bg-yallow{ background: #f4ebc8;}

.affilateCard li.bg-light-red{ background: #f4ebc8;}

.affilateCard li.bg-light-yallow{ background: #f4ebc8;}

.affilateCard li.bg-red-light{ background: #f4ebc8;}

.affilateCard li img {

    width: 33px;

    height: auto;

    left: 10px;

    top: 9px;

    position: absolute;

}

.affilateCard li span{ font-size: 26px; color: #000; position: absolute; left: auto; right: 10px; top: 10px; font-weight: 700;}

.affilateCard li h3{ font-size: 16px; font-weight: 600; margin-bottom: 2px; color: #000}

.affilateCard li p{ font-size: 13px; color: #666363; line-height: 20px; margin: 0px;}



.featherBx h4{ font-size: 16px; color: #ff0000; font-weight: 600; margin: 0px; padding: 0px;}

.featherBx p{ font-size: 14px; color: #000;}

.featherBx a{ padding: 8px 5px; border-radius: 35px; display: block;}



.affilateMenu{ padding: 15px 0;}

.affilateMenu h2{font-weight: 600; font-size: 15px; line-height: 18px; color: #000000;}

/*.affilateMenu ul{ margin-left: 18px;}*/

.affilateMenu li {

    /* list-style: disc; */

    float: left;

    width: 50%;

}

    .affilateMenu li a {
        font-size: 14px;
        color: #ffff;
        padding: 8px 10px;
        background: #0778EA;
        border-radius: 5px;
        display: block;
        margin: 5px;
        font-weight: 600;
        text-align: center;
    }



.table-data { overflow-x: scroll;}

.table-data table{ width: 100%;}

.table-data table thead tr th {

    background: linear-gradient(21deg, hsla(39, 100%, 68%, 1), rgba(255, 188, 136, 0.2) 10.71%), linear-gradient(213.6deg, #ffc107, rgba(255, 255, 255, 0) 70.71%), linear-gradient(284.8deg, #ffc107, rgba(255, 188, 136, 0.2) 70.71%), linear-gradient(37deg, #ffc107, rgba(255, 159, 117, 0.2) 70.71%);

    color: #000;

    font-size: 13px;

    padding: 9px 10px;

}

.table-data table tbody tr td{ color: #363636; font-size: 12px; border: 1px solid #eee}



.logoMenu{ position: absolute; top: 20px; right: 20px}

.logoMenu img{ width: 70px; height: auto;}



#sideNavPopup svg{ width: 20px; height: auto;}

#sideNavPopup button a{ color: #202020; font-size: 16px !important;}



.payback__card {
    background: #9dc4ec;
}

.payback__card svg {

    width: 3rem;

    height: 3rem;

    margin: 0 auto 1rem auto;

}

.lead-lg {

    line-height: 20px;

    font-size: 14px;

}

.Profilewrap .accordion-item{ margin-bottom: 7px; border-radius: 0px; border: 0px;}

.Profilewrap .accordion-item:first-of-type{ border-radius: 0px;}

.Profilewrap .accordion-button:focus { box-shadow: inherit;}

.Profilewrap .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0px; border-top-right-radius: 0px;}

.Profilewrap h2.accordion-header .accordion-button {

    font-size: 14px;

    color: #000;

    font-weight: 500;

}

.Profilewrap h2.accordion-header .accordion-button svg{ margin-right: 10px !important;}

.Profilewrap .accordion-button:not(.collapsed) { color: #000; background-color: #fff; border-bottom: 1px solid #ddd;}



.Profilewrap li{ color: #959595;}

.Profilewrap li a{ font-size: 16px; color: #959595; padding: 8px 0; font-weight: 500; background: url("../images/arrow.svg") 99% 12px no-repeat !important; background-size: 20px; display: block;}

.Profilewrap li a img {

    float: left;

    margin-right: 12px;

    width: 24px;

    height: auto;

    vertical-align: middle;

}

.transactionstable h2{ font-size: 18px; margin-bottom: 15px; padding-left: 15px; padding-top: 15px; position: relative; padding-left: 55px; color: #111;}

.transactionstable h2 span{ display: block; font-size: 15px; font-weight: 400; color: #666; margin-top: 3px;}

.transactionstable h2 img{ position: absolute; left: 10px; top: 16px; width: 35px; height: 35px;}

.transactionstable table tr td{ background: inherit}





.registerwrap{ padding:30px 0 0;}

.registerBody{ background: url(../images/shadow-bg1.png) left top no-repeat; background-size: cover;}

.registerwrap h1{ font-size: 20px;}

.registerwrap p{ font-size: 16px; }

.registerwrap a {
    font-size: 15px;
    font-weight: 600;
    color: #0778EA;
}

.registerBody .navbar{ height: 90px !important;}



.termswrap { padding: 20px 0 0;}

.termswrap h3{ font-size: 18px; font-weight: 500; margin-bottom: 10px;}

.termswrap p{ font-size: 13.5px; margin-bottom: 10px; line-height: 22px;}

.termswrap ul{ margin-left: 20px;}

.termswrap li{ font-size: 13.5px; margin-bottom: 10px; line-height: 22px; list-style: disc}



.avatar-upload {

  position: relative;

  max-width: 205px;

  margin: 50px auto;

}

.avatar-upload .avatar-edit {

  position: absolute;

  right: 12px;

  z-index: 1;

  top: 10px;

}

.avatar-upload .avatar-edit input {

  display: none;

}

.avatar-upload .avatar-edit input + label {

  display: inline-block;

  width: 34px;

  height: 34px;

  margin-bottom: 0;

  border-radius: 100%;

  background: #FFFFFF;

  border: 1px solid transparent;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);

  cursor: pointer;

  font-weight: normal;

  transition: all 0.2s ease-in-out;

}

.avatar-upload .avatar-edit input + label:hover {

  background: #f1f1f1;

  border-color: #d6d6d6;

}

.avatar-upload .avatar-edit input + label:after {

  content: "\f040";

  font-family: 'FontAwesome';

  color: #757575;

  position: absolute;

  top: 10px;

  left: 0;

  right: 0;

  text-align: center;

  margin: auto;

}

.avatar-upload .avatar-preview {

  width: 192px;

  height: 192px;

  position: relative;

  border-radius: 100%;

  border: 6px solid #F8F8F8;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);

}

.avatar-upload .avatar-preview > div {

  width: 100%;

  height: 100%;

  border-radius: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.progress, .progress-stacked {

    height: 7px;

	background: rgb(156,5,5);

background: linear-gradient(90deg, rgba(156,5,5,1) 0%, rgba(255,255,255,1) 100%);

}

.progress-bar { background-color: #37cc3d;}





#configurationPopup .configuration__row span{ font-size: 12.5px;}

#configurationPopup .configuration__row span.text-primary{ text-align: right;}

#configurationPopup .configuration__row .form-check-input { margin-top: 2px;}





.profileViewdata .avatar-upload { max-width: 100px; margin: 0px auto;}

.profileViewdata .avatar-upload .avatar-preview { width: 100px; height: 100px; border: 2px solid #F8F8F8;}

.profileViewdata ul li {
    font-size: 15px;
    padding: 9px 15px;
    background: rgb(237,190,0);
    background: linear-gradient(90deg, rgb(0 168 237 / 67%) 0%, rgb(0 144 237 / 29%) 100%);
    border-radius: 5px;
    margin: 2px 0;
    font-weight: 600;
}

.profileViewdata ul li span{ display: inline-block;  width: 50%; font-weight: 400;}





#ProfileView2 .offcanvas-body.profileViewdata {
    background: #fff url(../images/shadow-bg1.png) left top no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}



.lux-transition-opacity{ display: none;}

 

.copyPaste {position: absolute; top: 22px; right: 1px; background: #edbe00; width: 48px; height: 46px; border-radius: 0 4px 4px 0; text-align: center;   padding: 6px 0 0;}



.keypage h2{ font-size: 20px; margin-bottom: 25px; color: var(--text-dark)}

.keypage h3{ font-size: 17px; margin-bottom: 10px; color: var(--text-dark)}

.keypage p{ font-size: 14px; margin-bottom: 10px; color: #969696}

.eye{ position: absolute; top: 14px; right: 14px;}



.walletPage h1{ font-size: 24px;}



/*============================================

			DARK MORE START

============================================*/
.dark { 
  --dark: #fff;
  --light-gray: #424242;
  --body-bg: #111111; 
  --body-text-color: #bababa;  
  --toggle-light: #393939;
  --muted-color: #A8A7A7;
}
.dark .offcanvas {--bs-offcanvas-bg: #242424;color: #bababa; background:  #242424 !important }
.dark .bg-white { background-color: rgb(28, 27, 27) !important; }
.dark .text-black { color: var(--white) !important; }
.dark .btn { color: var(--dark); }
.dark .btn svg { filter: contrast(0) brightness(10); }
.dark .text-muted { color: rgb(122, 122, 122) !important; }
.dark .preloader.bg-white { background-color: var(--white) !important; }
.dark .divider { background-image: linear-gradient(90deg, #252424 0%, #131313 50%, #252424 100%); }
.dark .toggle__input:checked + .toggle__label {background-color: var(--brand);}
.dark .toggle__input:checked + .toggle__label::after { background-color: #181717; } 
.dark .form-control, .dark .form-control:focus,.dark .form-control:active { background: #FFFFFF2B;border: 1px solid #848484; color: var(--white); }
.dark .loginwrap .form-control, .dark .loginwrap.form-control:focus, .dark .loginwrap .form-control:active {color: #fff !important; }
    .dark .loginwrap {
        background: #000 url(../images/shadow-bg1.png) left top no-repeat !important;
    }
.dark .loginwrap h1{ color:#fff;}
.dark .form-floating > .form-control-plaintext ~ label::after, .dark .form-floating > .form-control:focus ~ label::after, .dark .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .dark .form-floating > .form-select ~ label::after{ background: transparent;color: var(--white);  }
.dark .form-floating > .form-control:not(:placeholder-shown) ~ label { color: var(--white); }
.dark .form-check-input { background-color: transparent; }
.dark .form-check-input:checked { background-color: var(--brand); }
.dark .choose__worker__wrapper { background-color: #393939; }
.dark .mode__icon svg { filter: contrast(0) brightness(10); }
.dark .PlanP li {background: rgb(28, 27, 27);}
.dark .PlanP li h3 { color: #fff;}
.dark .PlanP li h3 svg path { fill: #fff;}
.dark #sideNavPopup button a{ color: #fff;}
.dark .Profilewrap h2.accordion-header .accordion-button { background: rgb(53 53 53 / 13%); color: #fff;}
.dark .Profilewrap .accordion-item { background: rgb(53 53 53 / 13%);}
.dark .table-data table tbody tr td { color: #c2bfbf; font-size: 12px; border: 1px solid rgb(238 238 238 / 39%); background: rgb(61 61 61 / 38%);}
.dark .accordion-button::after { background-image: url(../images/arrow-down.svg);} 
.dark .featherBx p, .dark .affilateMenu h2 { color: #fff;}
.dark .affilateMenu li a { color: #000;}
.dark .transactionstable table tr td{ color: #fff!important}
.dark .transactionstable table tr td.text-gray{ color: #ccc !important}
.dark .transactionstable h2 { color: #fff;}
.dark .navbar .dropdown-menu {   background: rgb(28 27 27 / 86%) !important;}
.dark .navbar .dropdown-menu .dropdown-item { color: #fff !important;}
.dark .payback__card { background: #232323;}
.dark .navbar a svg path{ fill: #fff !important}
.dark .walletPage h1{ color: #fff;}
.text-yallow{ color: #C19B06;}
.walletPage li{ line-height: 22px;}
.walletPage li .fs-18{ font-size: 22px !important;}

.timeRange li{ border-radius: 25px; padding: 10px 15px; font-size: 14px; border: 1px solid #eee; margin: 5px 0; background: #fff;}


.dark .profileViewdata .text-dark{
    color: #000 !important;
}
.dark .profileViewdata ul li {
	color: #000;
}