.react-tabs__tab--selected {
  background: #fff;
  border: none !important;
  color: black;
}
.react-tabs__tab {
  display: inline-block;
  border: none !important;
  border-bottom: none !important;
  bottom: 0px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}
.react-tabs__tab-list {
  border-bottom: 1px solid #4b49ac !important;
  border: 1px solid #4b49ac !important;
  margin: 0 0 10px;
  padding: 0;
  align-items: center;
  border-radius: 5px 5px 0 0 !important;
}
.category {
  padding: 5px !important;
  text-align: center;
  color: #001563;
  width: 100%;
  float: left;
  transition: transform 0.4s;
  margin-bottom: 15px;
}
/* 
  .category img {
    width: 50px;
    margin-bottom: 15px;
    margin-top: 6px !important;
  } */
.category h4 {
  margin-top: -1.3rem;
}
.sidebar_container {
  padding: 20px;
  /* padding-top: 40px; */
  position: absolute;
  right: 0;
  top: 0;
  min-height: 100vh;
  width: 25%;
  background-color: white;
  z-index: 9999;
  opacity: 100;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: width 1000s;
  transition-delay: 1000s;
}
.no-scroll {
  overflow: hidden !important;
}
.depositmodal {
  margin: 0px auto !important;
  display: block !important;
  width: 50% !important;
}

.cryptocard {
  padding: 15px !important;
  text-align: center;
  color: black;
  /* box-shadow: none; */
  background: white;
  box-shadow: 5px 10px #607d8b;
}
.cryptobody {
  margin-left: 15px;
  margin-right: 15px;
}
.background {
  background: linear-gradient(to left, #1c92d27d, #f2fcfe);
  padding: 15px;
  margin: 0px auto;
  /* display: block; */
}

.otc-card {
  margin: 15% 5%;
}
.icon_container {
  width: 100%;
  position: relative;
  top: 45%;
}

.icon_container img {
  width: 120%;
  margin: 0px auto;
  display: block;
  margin-top: -2rem;
}
.exchange-color {
  width: 100%;
  position: relative;
  top: 25%;
}

.exchange-color img {
  width: 80%;
  margin: 0px auto;
  display: block;
}
.otc-form {
  /* margin-top: 4% !important; */
}
.otc-form .form-control {
  background: transparent;
  border-bottom: 1.5px solid #fff;
  color: white;
}
.otc-form .form-control:focus {
  background: transparent !important;
  border-bottom: 1.5px solid #00b8ff;
  color: white;
}
.btn-white {
  background-color: white;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  background: #006cb0;
}
.btn-white:hover {
  background-color: #ffa700;
  color: #fff;
}
.card-dropdown_container {
  background-color: white;
  padding: 10px;
  border-radius: 0px 0px 15px 15px;
}
.card-dropdown_container_info {
  position: absolute;
  margin-left: 5%;
  z-index: 9999;
  width: 49.3%;
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.1);
}

.search_container .searchinput {
  border: 1px solid grey;
  width: 50%;
  padding: 20px;
  border-radius: 10px;
}
.search_container .searchinput:active,
.searchinput:focus {
  border: 1px solid grey;
  width: 50%;
  padding: 20px;
}
.search_container .input-group-prepend {
  width: auto;
  border: none;
  position: relative;
  right: 53px;
  background-color: #001563;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.search_container .input-group-text {
  background-color: transparent;
}
.search_container .input-group-text {
  color: white;
}
.sendmoney_searchbox {
  align-items: center;
  padding: 40px;
  width: 100%;
}
.sendavatar {
  /* float: left;
    display: inline-block;
    margin-bottom: 14px; */
}
.namecontainer {
  display: inline-block;
  padding-top: 2px;
  margin-bottom: 5px;
  text-align: center;
}
.sendavatar_container {
  padding-left: 10rem;
  /* margin-top: 8px; */
}
.amounticon {
  width: 20px;
  color: #3b99d4;
  /* float: left; */
  margin-right: 1%;
}
.searchbg {
  background-color: #f1f1f1;
}
.pesowallet_container {
  list-style: none;
  padding-left: 0px;
}
.pesowallet_container .pesoicon {
  width: 30px;
  float: left;
  margin-right: 1%;
}
.pesoicon_text {
  line-height: 20px;
  padding-top: 1%;
  float: left;
}
.tickimg {
  width: 4%;
  float: right;
}
.reg {
  padding: 5%;
}
.reg li {
  background-color: #001563;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  margin-right: 1%;
  font-weight: 500;
  margin-top: 5%;
  margin-bottom: 3%;
}

.reg-bg {
  background-image: url("../images/register.jpg");
  width: 100%;
  background-position: center;
  padding: 0px;
}
.ban-bg {
  background-image: url("../images/bankbuild.jpg");
  width: 100%;
  background-position: center;
  padding: 0px;
}

.reg-bg-clr {
  background-color: #001563;
  height: 100%;
  width: 100%;
  padding: 100px 50px;
  opacity: 0.9;
  color: #fff;
  vertical-align: middle;
  margin: auto;
}
.bankname {
  font-size: 18px;
  font-weight: 600;
  color: #0f2883;
  line-height: 1.4rem;
  vertical-align: top;
  margin-bottom: 0.5rem;
}
.bankdet {
  padding-bottom: calc(0.875rem + 1px);
}
.emailcontainer {
  padding-left: 12px;
  padding-top: 8px;
}
.custom-button {
  padding: 0.625rem 5.625rem !important;
}
.eject .fa {
  font-size: 40px;
  font-weight: 600;
  text-align: left;
  color: #001563;
}

.landing .close-circle {
  background: #001563;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  line-height: 40px;
  text-align: center;
  display: block;
  float: left;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  top: 40px;

  margin: 0px 21% 0px 15%;
  box-shadow: 2px 0px 4px 2px rgba(0, 0, 0, 0.19);
}

.styles_modal__gNwvD {
  padding: 50px;
  margin: 82px auto !important;
}
.modaltext {
  text-align: center;
  margin-top: 25px;
  font-size: 18px;
}

.qr_container {
  text-align: center;

  margin-top: 20px;
}
.qr_container_info {
  border: 1px solid #e3dcdc;
}
.qr_code {
  padding: 20px;
  text-align: center;
}
.bottomtext {
  border-top: 1px solid #e3dcdc;
  padding: 15px;
}
.address_copy_container {
  text-align: center;
  margin-top: 20px;
}
.copy {
  color: black;
  background-color: #ffa700;
  border-color: #ffa700;
  border: 2px solid #ffa700;
  border-radius: 16px;
  width: 24%;
  padding: 8px;
  font-size: 14px;
  font-family: Montserrat-Medium;
  text-transform: uppercase;
}
.eject_circle {
  background-color: #fff;
  width: 130px;
  height: 130px;
  text-align: left;
  padding: 10px 35px;
  left: -20%;
  position: absolute;
  border-radius: 50%;
  top: 0px;
  line-height: 135px;
  box-shadow: -4px 0px 3px 0px rgba(0, 0, 0, 0.19);
}

.eject i {
  font-size: 60px;
}
.sendmoneytouser .form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
  background-color: #f1f1f1;
  font-weight: 600;
  font-size: 20px;
  height: auto;
  padding: 0.875rem 0.875rem;
}
.cryptowithdraw .form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
  background-color: #f1f1f1;
  font-weight: 600;
  font-size: 20px;
  height: auto;
  padding: 0.875rem 0.875rem;
}
.titletext {
  text-align: center;
  color: #001563;

  margin-bottom: 18px;
}
.subtitletext {
  text-align: center;
  color: #1a4c69;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
}
.receive_bottomtext .subtitletext {
  line-height: 18px;
}
.phonetext {
  text-align: center;
  color: #1a4c69;
  font-size: 16px;
}
.successimg {
  width: 200px;
}
.cancelimg {
  width: 200px;
}
.display-flex {
  display: flex;
}
.theme-color {
  background-color: #001563;
}
.btn-merchant {
  color: #fff !important;
  background-color: #001563 !important;
  border-color: #001563 !important;
}
.receivemoney .qr_container {
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
  margin-top: 20px;
}
.receivemoney .bottomtext {
  border-top: 1px solid #efe9e9;
  padding: 5px;
}
.receive_money .styles_modal__gNwvD {
  padding: 50px;
  margin: 82px auto !important;
  width: 35% !important;
}
.receive_money .qr_container {
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  margin-top: 20px;
}
.receive_bottomtext {
  border-top: 1px solid #efe9e9;
  padding: 6px;
  border: 1px solid lightblue;
}
.popup-sub {
  font-size: 24px;
  color: #001563;
}
.customModal {
  border-radius: 8px;
}
/* input[type="file"] {
      visibility: hidden;
  } */
.react-datepicker-wrapper {
  margin-right: 5%;
  cursor: pointer;
}
.bankmodal {
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  align-self: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  padding: 1.2rem;
}
.bank-loader {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.alltransactions .cusinput {
  border: 2px solid #001563;
  padding: 10px;
  border-radius: 10px;
  color: #001563;
  text-align: center;
  cursor: pointer;
}
.w-25 {
  width: 25% !important;
}
.date_form {
  border: 2px solid #001563;
  padding: 10px;
  border-radius: 10px;
  color: #001563;
  text-align: center;
}
.transaction_modal {
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  padding: 1.2rem;
}
.transaction_modal .modal_container {
  max-width: 800px;
  position: relative;
  background: #ffffff;
  background-clip: padding-box;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
  padding: 0px;
  margin: 82px auto !important;
  width: 50%;
}
.transaction_modal .header_text {
  padding-left: 4%;
  color: white;
  padding-top: 1%;
  display: inline-block;
}
.transaction_modal .modal_header {
  background-color: #001563;
  padding: 10px;
}
.transaction_modal .modal_close {
  float: right;
  display: inline-block;
  color: white;
  padding-top: 1%;
  padding-right: 4%;
  cursor: pointer;
}
.btm-br {
  border-bottom: 1.8px solid #001563;

  cursor: pointer;
}
.transaction_modal .modal_body {
  padding: 10px;
}
.payment_text {
  display: inline-block;
  padding-left: 4%;
  color: #001563;
}
.payment_amount {
  float: right;
  padding-right: 4%;
  color: #001563;
}
.payment_description {
  padding-left: 6%;
  color: #001563;
}
.radioform {
  display: inline-block;
}
.radioform ul li {
  float: left;
  list-style-type: none;
}
.radioform ul li label {
  margin-right: 38px;
}
.radioform input {
  margin-right: 14px;
}
.popup_text {
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-color: rgb(242, 241, 241);
  padding-bottom: 10px;
  border-bottom-style: solid;
}
.border_bottom_theme {
  border-bottom: 2px solid #001562;
}
.font-15 {
  font-size: 16px !important;
  font-weight: 500;
}
.bankaccounts .profile-page {
  width: 68% !important;
}
.bankaccounts .profile-img {
  width: 89% !important;
}
.bank .profle-page {
  box-shadow: none;
}
.last-mr-0 {
  margin-right: 0px;
}
.bank-details {
  margin-bottom: 3.5%;
}
.radius-c {
  border-radius: 100px;
}
.bank-details .value {
  color: #001563;
  font-weight: bold;
  text-transform: capitalize;
  display: inline-block;
  width: 60% !important;
}
.bold {
  font-weight: 600;
}
.bank-details h4 {
  line-height: 20px;
  text-transform: capitalize;
  display: inline-block;
  width: 34%;
}

.addbank {
  display: inline-block;
}
.addbank .form-control {
  background: transparent;
  border-bottom: 1.5px solid #001563;
  color: #001563;
  width: 100%;
  padding: 12px;
  height: 0;
  font-size: 16px;
  font-weight: 600;
}
.ticket-card {
  margin: 15% 30%;
}
.ticketbutton {
  top: 45%;
  position: absolute;
  margin: 0px 25%;
  padding: 0.625rem 1.625rem;
}
.btn-radius {
  border-radius: 5px !important;
}
.ticket-btn {
  background: #ffa600 !important;
  color: #fff !important;
}

.values-circle {
  background: #fff;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  line-height: 24px;
  text-align: center;
  display: block;
  margin-left: 15px;
  float: right;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}
.close-circle {
  background: #001563;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  line-height: 28px;
  text-align: center;
  display: block;
  float: right;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  top: 3px;
  left: 6px;
  box-shadow: 2px 0px 4px 2px rgba(0, 0, 0, 0.19);
}

.lh-24 {
  line-height: 24px;
}
.lh-10 {
  line-height: 10px;
}
.forms-raise-ticket input {
  border-bottom: 1.8px solid #001563;
}

.forms-raise-ticket textarea {
  border-bottom: 1.8px solid #001563;
}
.font14 {
  font-size: 14px;
  font-weight: 600;
}

.tickets .row {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 24px !important;
}
.ticketinputwidth {
  width: 82%;
  margin-bottom: 14px !important;
}
.ticketlabel {
  background-color: transparent;
  font-size: 24px;
}
.ticketinput {
  background-color: #f1f1f1;
}
.ticketlabel_container {
  width: 22%;
}
.ticketdescriptioninput {
  background-color: #f1f1f1;
  height: 200px !important;
}
.newticket {
  margin: 0px 9% !important;
  padding: 0.625rem 1.625rem !important;
  float: right;
  position: relative;
}
.replyinputwidth {
  width: 50%;
  margin-bottom: 20px !important;
}
.replyinput {
  background-color: #f1f1f1;
  height: 100px !important;
}
.contact_subject {
  display: inline-block;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #001563;
}
.ticketcard {
  padding: 15px !important;
  width: 100%;
  text-align: center;
  color: #001563;
  transition: transform 0.4s;
  margin-bottom: 15px;
  background-color: white;
}
.viewticket .row {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 5px !important;
}
.ticket_avatar {
  width: 10%;
  float: left;
}
.ticketid {
  display: inline-block;
  color: #aa0000;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ticketdescription {
  color: #001563;
}
.circlecontainer {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  font-size: 20px;
  color: #fff;
  background-color: #aa0000;
}
.visamastercard .form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
  background-color: #f1f1f1;
  font-weight: 600;
  font-size: 20px;
  height: auto;
  padding: 0.875rem 0.875rem;
}
.cursor-pointer {
  cursor: pointer;
}
.ixTfPP {
  width: 100% !important;
  border-bottom: 1.8px solid #001563;
}
.bank .form-check {
  margin-top: 0px !important;
}
.height-auto {
  height: auto;
}
.receiveqr {
  width: 256px !important;
}
.regcard {
  padding: 80px !important;
  text-align: center;
  color: #001563;
  transition: transform 0.4s;
  margin-bottom: 15px;
  background-color: white;
}
.font35 {
  font-size: 35px;
  font-weight: 600;
}
.register-pd {
  padding: 60px 30px !important;
}
.theme-redtext {
  color: #aa0000;
}
.borderbtm {
  border-bottom: 1.5px solid #001563;
}
.apikey {
  float: right;
  padding-right: 4%;
  color: #001563;
  word-break: break-all;
}
.mmt-4 {
  margin-top: 1.5rem !important;
}
.creditborderbtm {
  border-bottom: 1px solid #001563 !important;
}
#react-paginate ul {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
#page-numbers {
  list-style: none;
  display: flex;
}

#page-numbers > li {
  margin-right: 0.3em;
  color: blue;
  user-select: none;
  cursor: pointer;
}
.paymodal {
  width: 100% !important;
  max-width: 1200px !important;
}
select.form-control,
select.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.select2-container--default select.select2-selection--single,
.select2-container--default
  .select2-selection--single
  select.select2-search__field,
select.typeahead,
select.tt-query,
select.tt-hint {
  outline: none !important;
}
.form-control,
.asColorPicker-input,
.dataTables_wrapper select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.typeahead,
.tt-query,
.tt-hint {
  /* height: calc(1.5em + 0.75rem + 2px) !important; */
}
.textindent {
  text-indent: 50px;
}
.lh12 {
  line-height: 2.5;
}
.textjustify {
  text-align: justify;
  text-justify: inter-word;
}
.banks-logos img {
  width: 100%;
  height: 100px;
  margin-bottom: 5%;
}
.p-20 {
  padding: 20px;
}

.dflex_center {
  display: flex;
  justify-content: center;
}