body {
  background-color: #eeeeee;
}

.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

nav.navbar {
  background-color: #464646;
  margin: 0 0 40px;
}
nav.navbar ul.navbar-nav li.nav-item {
  font-size: 16px;
}
nav.navbar ul.navbar-nav li.nav-item a.nav-link {
  color: #fff;
  padding: 17px 65px;
}

.recharge-wrapper {
  background-color: #fff;
  border: 1px solid #00b259;
  border-radius: 10px;
  padding: 24px;
  margin: 0 0 30px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .recharge-wrapper h2.title {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    color: #00b259;
    border-bottom: 1px solid #00b259;
    padding: 0 0 16px;
    margin: 0 0 15px;
  }
  .recharge-wrapper h2.title .backLink {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: 400;
    color: #878787;
  }
  .recharge-wrapper h2.title .backLink a {
    color: #878787;
  }
}
@media (min-width: 768px) {
  .recharge-wrapper h2.title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #00b259;
    border-bottom: 1px solid #00b259;
    padding: 0 0 16px;
    margin: 0 0 15px;
  }
  .recharge-wrapper h2.title .backLink {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    font-weight: 400;
    color: #878787;
  }
  .recharge-wrapper h2.title .backLink a {
    color: #878787;
  }
}
@media (min-width: 992px) {
  .recharge-wrapper h2.title {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    color: #00b259;
    border-bottom: 1px solid #00b259;
    padding: 0 0 16px;
    margin: 0 0 15px;
  }
  .recharge-wrapper h2.title .backLink {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    font-weight: 400;
    color: #878787;
  }
  .recharge-wrapper h2.title .backLink a {
    color: #878787;
  }
}
@media (min-width: 1200px) {
  .recharge-wrapper h2.title {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    color: #00b259;
    border-bottom: 1px solid #00b259;
    padding: 0 0 16px;
    margin: 0 0 15px;
  }
  .recharge-wrapper h2.title .backLink {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    font-weight: 400;
    color: #878787;
  }
  .recharge-wrapper h2.title .backLink a {
    color: #878787;
  }
}
.recharge-wrapper .recharge-single {
  border: 1px solid #00b259;
  margin: 0 0 38px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
  padding: 16px;
}
.recharge-wrapper .recharge-single h3 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin: 0 0 10px;
}
.recharge-wrapper .recharge-single h4 {
  font-size: 16px;
  font-weight: 700;
  color: #fe6c19;
  margin: 0 0 12px;
}
.recharge-wrapper .recharge-single .btn.btn-success {
  background-color: #22b96e;
  border: 1px solid #22b96e;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  padding: 12px 40px;
}
@media (max-width: 767px) {
  .recharge-wrapper .info {
    background-color: #f8f8f8;
    font-size: 16px;
    font-weight: 400;
    color: #878787;
    padding: 10px;
    margin: 0 0 28px;
  }
}
@media (min-width: 768px) {
  .recharge-wrapper .info {
    background-color: #f8f8f8;
    font-size: 16px;
    font-weight: 400;
    color: #878787;
    padding: 10px;
    margin: 0 0 28px;
  }
}
@media (min-width: 992px) {
  .recharge-wrapper .info {
    background-color: #f8f8f8;
    font-size: 16px;
    font-weight: 400;
    color: #878787;
    padding: 38px 109px;
    margin: 0 0 28px;
  }
}
@media (min-width: 1200px) {
  .recharge-wrapper .info {
    background-color: #f8f8f8;
    font-size: 16px;
    font-weight: 400;
    color: #878787;
    padding: 38px 109px;
    margin: 0 0 28px;
  }
}
.recharge-wrapper .form-group {
  margin: 0 0 30px;
}
.recharge-wrapper .form-group label {
  text-align: center;
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #8a8a8a;
  margin: 0 0 15px;
}
.recharge-wrapper .form-group select {
  cursor: pointer;
  border: 1px solid #00b259;
  border-radius: 0;
  height: 58px;
  text-align: center;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
}
.recharge-wrapper button.btn.btn-success.btn-lg {
  background-color: #00b259;
  border: 1px solid #00b259;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 21.5px 30px;
}
@media (max-width: 767px) {
  .recharge-wrapper .payment {
    margin: 0 80px;
  }
  .recharge-wrapper .payment h3 {
    font-size: 20px;
    font-weight: 700;
    color: #8a8a8a;
    margin: 0 0 50px;
  }
  .recharge-wrapper .payment .payment-gateway {
    display: block;
    background-color: #fff;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 1px solid #00b259;
    padding: 43px 0;
    height: 138px;
    margin: 0 0 30px;
  }
}
@media (min-width: 768px) {
  .recharge-wrapper .payment {
    margin: 0;
  }
  .recharge-wrapper .payment h3 {
    font-size: 20px;
    font-weight: 700;
    color: #8a8a8a;
    margin: 0 0 50px;
  }
  .recharge-wrapper .payment .payment-gateway {
    display: block;
    background-color: #fff;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 1px solid #00b259;
    padding: 43px 0;
    height: 138px;
    margin: 0 0 30px;
  }
}
@media (min-width: 992px) {
  .recharge-wrapper .payment {
    margin: 0;
  }
  .recharge-wrapper .payment h3 {
    font-size: 20px;
    font-weight: 700;
    color: #8a8a8a;
    margin: 0 0 50px;
  }
  .recharge-wrapper .payment .payment-gateway {
    display: block;
    background-color: #fff;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 1px solid #00b259;
    padding: 43px 0;
    height: 138px;
    margin: 0 0 30px;
  }
}
@media (min-width: 1200px) {
  .recharge-wrapper .payment {
    margin: 0 80px;
  }
  .recharge-wrapper .payment h3 {
    font-size: 20px;
    font-weight: 700;
    color: #8a8a8a;
    margin: 0 0 50px;
  }
  .recharge-wrapper .payment .payment-gateway {
    display: block;
    background-color: #fff;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 1px solid #00b259;
    padding: 43px 0;
    height: 138px;
    margin: 0 0 30px;
  }
}

.config-wrapper {
  background-color: #fff;
  border: 1px solid #fe6c19;
  border-radius: 10px;
  padding: 24px;
  margin: 0 0 30px;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
  color: #fe6c19;
}
.config-wrapper h2.title {
  position: relative;
  font-size: 30px;
  font-weight: 700;
  color: #fe6c19;
  border-bottom: 1px solid #fe6c19;
  padding: 0 0 16px;
  margin: 0 0 15px;
}
.config-wrapper h2.title .backLink {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  font-weight: 400;
  color: #878787;
}
.config-wrapper h2.title .backLink a {
  color: #878787;
}
.config-wrapper .userInfo {
  margin: 0 0 48px;
}
.config-wrapper .userInfo .avatar {
  margin: 0 0 10px;
}
.config-wrapper .userInfo .name {
  font-size: 14px;
}
@media (max-width: 767px) {
  .config-wrapper .btn-config {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .config-wrapper .btn-config {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .config-wrapper .btn-config {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .config-wrapper .btn-config {
    margin: 0 179px 0;
  }
}
.config-wrapper .btn-config li .btn.btn-primary {
  background-color: #1956ff;
  border: 1px solid #1956ff;
  padding: 12.5px 29px;
}
.config-wrapper .btn-config li .btn.btn-primary.btn-lock {
  background-image: url("../images/icon-config-lock.png");
  background-position: 42px;
  background-repeat: no-repeat;
}
.config-wrapper .btn-config li .btn.btn-primary.btn-mail {
  background-image: url("../images/icon-config-email.png");
  background-position: 42px;
  background-repeat: no-repeat;
}
.config-wrapper .btn-config li .btn.btn-primary.btn-contact {
  background-image: url("../images/icon-config-contact.png");
  background-position: 42px;
  background-repeat: no-repeat;
}
.config-wrapper .btn-config li .btn.btn-primary.btn-shop {
  background-image: url("../images/icon-config-shop.png");
  background-position: 42px;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .config-wrapper .support-config {
    border: 1px solid #fe6c19;
    border-radius: 10px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 25px;
    margin: 30px 0;
  }
}
@media (min-width: 768px) {
  .config-wrapper .support-config {
    border: 1px solid #fe6c19;
    border-radius: 10px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 25px;
    margin: 30px 0;
  }
}
@media (min-width: 992px) {
  .config-wrapper .support-config {
    border: 1px solid #fe6c19;
    border-radius: 10px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 25px;
    margin: 30px 0;
  }
}
@media (min-width: 1200px) {
  .config-wrapper .support-config {
    border: 1px solid #fe6c19;
    border-radius: 10px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.2);
    padding: 25px;
    margin: 30px 109px;
  }
}
.config-wrapper .support-config h3 {
  font-size: 21px;
  font-weight: 400;
  margin: 0 0 25px;
}
.config-wrapper .support-config .btn.btn-support {
  box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.1);
  width: 177px;
  padding: 0 0;
}
.config-wrapper .support-config .btn.btn-support p {
  font-size: 14px;
  font-weight: 400;
  color: #8f8f8f;
}
.config-wrapper a.exitLink {
  font-size: 25px;
  font-weight: 400;
  color: #8f8f8f;
}
.config-wrapper .input-group {
  box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.2);
  height: 58px;
  border: 1px solid #fe6c19;
}
.config-wrapper .input-group .input-group-prepend .input-group-text {
  background-color: #fff;
  border-right: 1px solid #fe6c19;
  margin: 9px 4px;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.config-wrapper .input-group .form-control {
  background-color: #fff;
  color: #fe6c19;
  font-size: 14px;
  height: 56px;
  border: none;
}
.config-wrapper h3 {
  font-size: 20px;
  margin: 0 0 37px;
}
.config-wrapper .backLink {
  font-size: 18px;
}
.config-wrapper .backLink a {
  color: #fe6c19;
}
.config-wrapper .btn.btn-warning {
  background-color: #fe6c19;
  border: 1px solid #fe6c19;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 17.5px 20px;
  box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.1);
}
.config-wrapper .info-email {
  background-color: #f8f8f8;
  font-size: 18px;
  font-weight: 400;
  padding: 20px;
  margin: 0 0 30px;
}
.config-wrapper table.table thead tr th {
  border: none;
  font-size: 14px;
  font-weight: 400;
  color: #fe6c19;
}
.config-wrapper table.table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: #fe6c19;
  padding: 25px;
  background-color: #fef6f1;
}
.config-wrapper ul.pagination li.page-item.active a.page-link {
  color: #fff;
  background-color: #fe6c19;
}
.config-wrapper ul.pagination li.page-item {
  margin: 0 10px 0;
}
.config-wrapper ul.pagination li.page-item a.page-link {
  font-size: 14px;
  font-weight: 700;
  color: #fe6c19;
  border-radius: 5px;
  border: 1px solid #fe6c19;
  padding: 7.5px 16px;
}
.config-wrapper .form-group {
  margin: 0 0 30px;
}
.config-wrapper .form-group label {
  text-align: center;
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #fe6c19;
  margin: 0 0 15px;
}
.config-wrapper .form-group select {
  cursor: pointer;
  border: 1px solid #fe6c19;
  border-radius: 0;
  height: 58px;
  text-align: center;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
}
.config-wrapper .form-control {
  background-color: #fff;
  color: #fe6c19;
  border: 1px solid #fe6c19;
  border-radius: 0;
  font-size: 14px;
  height: 56px;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
}

/*# sourceMappingURL=style.css.map */