.login > div {
    background: #222227;
  }

    .login h2,
    .login p,
    .login .field input {
      color: #fff;
    }

    .login .field {
      background: #1a1a1a;
    }



    .login .field.icheckbox {
      background: #1a1a1a;
    }

    .login .button {
      color: #fff;
    }




@media screen and (max-width: 800px) {


}










/**/


































/* index.php */
@media screen and (min-width: 800px) {

  .user_info_grid > div {
    background: #222227;
  }
}

@media screen and (max-width: 800px) {

  .user_name_new_block {
    background: #222227;
  }

  .user_bonuses_new_block {
  }

    .user_bonuses_new_block span {
    }

    .user_bonuses_new_block span.balance {
    }



  .user_code_new_block {
    color: #fff;
  }

    .user_code_new_block span {
    }

    .user_code_new_block span.code {
    }

}











.orders_grid {
  padding: 0;
}


  .order_item {
    background: #222227;
    border-radius: 12px;
    padding: 12px;
  }

    .order_item .orderTime {
      color: #fff;
    }


    .order_item .status {
      background: #F6B14B;
      color: #fff;
    }



@media screen and (max-width: 800px) {

}




















.accordion {
}

.accordion .ac {
  color: #fff;
}

  .accordion .ac > .ac-q {
    background: #222227;
    color: #fff;
  }

  .accordion .ac.active > .ac-q {
    background: #c20609;
    color: #fff;
  }

  .accordion .ac > .ac-q::after {
  }

  .accordion .ac > .ac-a {
  }
    .accordion .ac > .ac-a p {
    }

  .accordion .ac.active > .ac-q::after {
  }

@media screen and (max-width: 800px) {

  .accordion {
  }
    .accordion .ac {

    }

    .accordion .ac > .ac-q {
    }
    .accordion .ac > .ac-a p {
    }

    .accordion .ac > .ac-q::after {
    }

}








#userLogout {
}


/* END */