body{
    font-size: 15px;
    line-height: 1.4;
    color: #667085;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    color: #000;
}
.swa-wrapper{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
}
.swa-body{
    flex: 1 1 auto;
    overflow-y: auto;
}
button, .btn{
    box-shadow: none !important;
}
.btn1, .btn1:hover{
    background-color: #1D2939;
    color: #fff;
    border-color: #1D2939;
}
.btn2, .btn2:hover{
    background-color: #E26857;
    color: #fff;
    border-color: #E26857;
}
.btn3, .btn3:hover{
    background-color: #F7F6F6;
    color: #98A2B3;
    border-color: #98A2B3;
}
.shadow-b, .modal-header, .swa-header{
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05);
    border: none;
}
.shadow-t, .modal-footer{
    box-shadow: 0 -.5rem 1rem rgba(0,0,0,.05);
    border: none;
}
.modal-footer .container{
    margin: 0 auto;
}
.modal-footer .btn, .swa-footer .btn{
    height: 50px;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
            -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}
.modal.right.fade .modal-dialog {
    right: -100%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog, .modal.right.fade.show .modal-dialog {
    right: 0;
}
.modal.bottom.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,50px);
}
.modal.bottom .modal-dialog {
  position: fixed !important;
  bottom: 0 !important;
  left: 0% !important;
  right: 0% !important;
  margin-bottom: 0 !important;
      
} 
.modal.bottom.show .modal-dialog {
    transform: none;
}
.modal.bottom .modal-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.modal-footer>*, .modal-header>*  {
    margin: 0;
}
.font-12px{
    font-size: 12px;
}
.form-control, .form-select{
    box-shadow: none !important;
    min-height: 50px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.avaterUpload{
    position: relative;
    width: 100px;
    height: 100px;
}
.avaterUpload input{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
}
.avaterUpload i{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.avaterUpload img{
    position: relative;
    z-index: 1;
}
/* input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
input[type="date"]::-webkit-inner-spin-button {
    display: none;
} */
.rounded-10{
    border-radius: 10px;
}
.cardupload input{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
}
.infocheckbox{
    position: relative;
}
.infocheckbox input{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.infocheckbox label span{
    min-height: 20px;
    min-width: 20px;
    max-width: 20px;
    max-height: 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-top: 3px;
}
.infocheckbox label{
    border: 1px solid #EAECF0;
    border-radius: 6px;
    padding: 10px;
    color: #000;
    width: 100%;
}
.infocheckbox input:checked + label{
    background-color: #E2685729;
    border-color: #E26857;
    color: #E26857;
}
.infocheckbox input:checked + label span{
    border-color: #E26857;
}
.infocheckbox input:checked + label span svg{
    fill:#E26857;
}
.btnico{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none !important;
    box-shadow: none !important;
    background-color: rgba(0,0,0,0) !important;
}
#offcanvasMenu .offcanvas-header{
    border-radius: 0 0 15px 15px;
}
.offcanvasNav > li a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
}
a{
    text-decoration: none;
}
.OnOffSwatch input{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
}
.OnOffSwatch label{
    border-radius: 30px;
    width: 70px;
    height: 30px;
    border: 1px solid #F04438;
    padding: 5px;
    position: relative;
}
.OnOffSwatch label span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.OnOffSwatch label i{
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: #F04438;
    left: 4px;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.OnOffSwatch label i .ico-online{
    display: none;
}
.OnOffSwatch input:checked + label i .ico-online{
    display: block;
}
.OnOffSwatch input:checked + label i .ico-offline{
    display: none;
}
.OnOffSwatch label .online{
    opacity: 0;
    visibility: hidden;
    left: 5px;
}
.OnOffSwatch label .offline{
    right: 5px;
}
.OnOffSwatch input:checked + label .offline{
    opacity: 0;
    visibility: hidden;
}
.OnOffSwatch input:checked + label .online{
    opacity: 1;
    visibility: visible;
}
.OnOffSwatch input:checked + label i{
    left: 44px;
}
.swa-header{
    -webkit-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}
body.online .swa-header{
    background-color: #247C03 !important;
    color: #fff !important;
}
body.online .swa-header .btnico{
    color: #fff;
}
body.online .OnOffSwatch label{
    border-color: #fff;
}
body.online .OnOffSwatch label i{
    background-color: #fff;
}
.ftrNav a{
    color: #98A2B3;
    padding: 0 5px 6px 5px;
    border: 3px solid transparent;
}
.ftrNav a.active{
    color: #E26857;
    border-bottom-color: #E26857;
}
body.online .offlineinfo{
    display: none;
}
.onlinehomeinfo{
    display: none;
}
body.online .onlinehomeinfo{
    display: block;
}
.suminfo{
    border-radius: 10px 10px 0 0;
    z-index: 10;
}
.floatbtn{
    right: 15px;
    bottom: 125px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color: #E26857;
    border: none !important;
    box-shadow: none !important;
    outline: none;
}
.floatbtn .badge{
    right: -3px;
    top: -3px;
}
.bg-orange{
    background-color: #FF725E;
}
.base-timer {
    position: relative;
    width: 40px;
    height: 40px;
  margin: auto;
}
.base-timer__svg {
    transform: scaleX(-1);
}
.base-timer__circle {
    fill: none;
    stroke: none;
}
.base-timer__path-elapsed {
    stroke-width: 10px;
    stroke: #efefef;
}
.base-timer__path-remaining {
    stroke-width: 8px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}
.base-timer__path-remaining.green {
    color: #39b37d;
}
.base-timer__path-remaining.orange {
    color: orange;
}
.base-timer__path-remaining.red {
    color: red;
}
.base-timer__label {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.fw-semibold{
    font-weight: 600;
}
.fw-medium{
    font-weight: 500;
}
.text-black{
    color: #000;
}
.modal-backdrop + .modal-backdrop{
    z-index: 1060;
}
.modal-backdrop + .modal-backdrop + .modal-backdrop{
    z-index: 1070;
}
.chatlist .align-self-start{
    background-color: #F2F4F7;
    border-radius: 0 10px 10px 10px;
}
.chatlist .align-self-end{
    background-color: #FF725E;
    border-radius:10px 0 10px 10px;
    color: #fff;
}
#HelpCenterModal .modal-header .nav-pills li{
    width: 50%;
}
#HelpCenterModal .modal-header .nav-pills li button{
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid transparent;
    color: #98A2B3;
    width: 100%;
    text-align: center;
    font-weight: 600;
}
#HelpCenterModal .modal-header .nav-pills li button.active{
    border-bottom-color: #E26857;
    color: #000;
}
#HelpCenterModal .tab-content .nav-pills{
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow: auto;
    gap: 10px;
}
#HelpCenterModal .tab-content .nav-pills li button{
    border-radius: 30px;
    border: 1px solid #98A2B3;
    background-color: #F7F6F6;
    color: #98A2B3;
    box-shadow: none !important;
    padding: 6px 18px;
}
#HelpCenterModal .tab-content .nav-pills li button.active{
    border-color: #101828;
    background-color: #101828;
    color: #fff;
}
#HelpCenterModal .accordion .accordion-item{
    border: none !important;
    border-radius: 6px;
    background-color: #F7F6F6;
    overflow: hidden;
}
#HelpCenterModal .accordion .accordion-item .accordion-button{
    background-color: #F7F6F6;
    color: #000;
    font-weight: 600;
}
#HelpCenterModal .accordion .accordion-item .accordion-button:after{
    color: #000 !important;
}
#HelpCenterModal .accordion .accordion-item .accordion-body{
    border-top: 1px solid #d3d3d3;
}
.form-check-input:checked {
    background-color: #34C759;
    border-color: #34C759;
}
.form-switch .form-check-input {
    height: 20px;
    width: 36px;
    box-shadow: none !important;
}
.tabNavGreen.nav-pills{
    border-radius: 30px;
    background-color: #F2F4F7;
    display: inline-flex;
}
.tabNavGreen.nav-pills li .nav-link{
    background-color: transparent;
    color: #98A2B3;
    border-radius: 30px;
}
.tabNavGreen.nav-pills li .nav-link.active{
    color: #fff;
    background-color: #247C03;
}
.shadow-normal{
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
}
.btnicoRounded{
    height: 32px;
    width: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2F4F7 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.btn.shadow{
    box-shadow: 0 0 1rem rgba(0,0,0,.15) !important;
}
.referTab{
    border: none !important;
    display: flex;
    justify-content: space-around;
}
.referTab .nav-link{
    color: #fff !important;
    padding: 10px 20px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 4px solid transparent;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
.referTab .nav-link.active{
    border-bottom-color: #fff;
    font-weight: 600;
}
button.shadow-sm, button.btn.shadow-sm{
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.earningsTab .nav-link{
    color: #98A2B3;
    border: 1px solid #98A2B3;
    background-color: #F7F6F6;
    border-radius: 30px;
    min-width: 90px;
    font-size: 14px;
    line-height: 1.2;
}
.earningsTab .nav-link.active{
    border-color: #E26857;
    background-color: #E26857;
    color: #fff;
}
.lineTab{
    border-bottom: 1px solid #EAECF0;
}
.lineTab > li{
    width: 33.333%;
}
.lineTab .nav-link{
    color: #98A2B3;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 3px solid transparent;
    background-color: transparent !important;
    border-radius: 0;
    font-size: 16px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: -2px;
}
.lineTab .nav-link.active{
    background-color: transparent;
    color: #E26857;
    border-bottom-color: #E26857;
    font-weight: 600;
}
.offcanvas-start, .offcanvas-end{
    width: 100%;
}
.tabRfr .nav-pills .nav-link{
    background-color: transparent;
    color: #636363;
    border-radius: 0;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid transparent;
    position: relative;
    top:1px;
}
.tabRfr .nav-pills .nav-link.active{
    background-color: transparent;
    color: #FF725E;
    border-bottom: 2px solid #FF725E;
}