form#adminForm:before, form#form-pointtask:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_Unicornr/0303.png);
    bottom: -59px;
    left: 100px;
    right: 0px;
    margin:auto;
    background-repeat:no-repeat;
    transition:0.5s ease;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    transform: rotateX(180deg);
}

@media (min-width: 992px) {
    body #sp-main-body:after {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_Unicornr/0404.png);
    top: 0px;
    right: -50px;
    margin: auto;
    background-repeat: no-repeat;
    transition: 0.5s ease;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    z-index: -1;
}
}

body #sp-component {
    z-index: auto;
}

/*foc dashboard*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*backbtn*/
button.backbtn {margin-top: 20px;float: right;}

@media (max-width: 767px){button.backbtn {margin-top:10px;float: right;margin-right: 0px;}}


/*SYSTEM HEADER*/

:is(h1.profile-header, h1.address-header, h1.history-header, h1.referral-header, h1.appointment-header, h1.warranty-header, and h1.cart-header) {font-family: 'Inter'!important;font-weight: 700;margin-bottom: 50px;font-size: 28px;}

@media (max-width: 767px){
:is(h1.profile-header, h1.address-header, h1.history-header, h1.referral-header, h1.appointment-header, h1.warranty-header, and h1.cart-header) {font-family: 'Inter'!important;font-weight: 700;margin-top: 30px;padding-left:15px;}
}

/*REMOVE HEADER*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_warranty,.com_dt_project,.promo-db, .com-withdraw,.register-page,.foc-landing,.layout-cpanel,.com-users,.view-address,.view-order,.com-altauserpoints,.com-domain-notify,.view-cart, .com_attendance) #sp-header{display: none;}


/*REMOVE BOTTOM*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) section#sp-bottom{display: none;}


/*REMOVE FOOTER*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) footer#sp-footer{display: none;}



/*BACKGROUND*/

body :is(.alta-kpi-page,.view-warranty, .view-warranties, .promo-db, .com-withdraw, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify, .view-cart.){
    padding: 15px !important;
    margin-top: 20px;
    border: 0;
    background: #ffffffdb;
    backdrop-filter: blur(5px);
    border-radius: 25px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}




/*BODY PADDING*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) section#sp-main-body{padding: 0!important;}




/*CONTAINER FLUID*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) #sp-main-body .container{width: 100%;max-width: unset;}


/*SP LEFT*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) div#sp-left {padding: 0!important;}


/*sp-copyright*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) section#sp-copyright{display:none;}


/*container*/

:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) .container {max-width: 100%;}


/*component*/
@media (min-width: 768px){
:is(.alta-kpi-page,.com_dt_incentive,.com_performance ,.com_dt_point, .com_dt_project, .view-warranty, .view-warranties, .view-dashboard, .promo-db, .com-withdraw, .register-page, .foc-landing, .layout-cpanel, .com-users, .view-address, .view-order, .com-altauserpoints, .com-domain-notify,.view-cart, .com_attendance) main#sp-component {padding: 120px 80px;}}


/*option*/
option {
    background: #fff !important;
}


/*js toolbar*/
.js-stools-container-bar .btn-toolbar {
    justify-content: flex-start;
}


/*form*/
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

section span.page-link  .fa-angle-right:before {content: "\f101" !important;width: 20px !important;}

/*focsystem overall*/