

/* header price bar */

.price_bar {
  background-color: #154620;
  font-size: 13px;
  padding: 7px 0 1px;
  color: #fff;
}

.text-warning { 
  color: #FECB22 !important;
}

.text-underline {
  text-decoration: underline;
  border-bottom: 2px solid #974df4;
}

.btn-warning { 
  background: #FECB22 !important;
}

.status_btn {
  min-width: 95px;
  padding: 7px 16px;
}




/* app qr-code css */



.l_qr {
  max-width: fit-content;
  margin: 0 auto;
  padding: 20%;
  background-image: url('../images/qr_code_img_bg.png');
  background-size: contain;
  background-size: 100%;
  background-position: center;
  width: 100%;
  margin-bottom: -10%;
}

.l_qr img {
  filter: drop-shadow(0px 3px 26px #00000029);
  background-color: #fff;
  padding: 10px;
  border-radius: 30px;
}
.login_qr {
  text-align: center;
}


.login-header.qbs_header { 
  position: relative;
}





/* buy sell css */


.custom-select__single-value.css-1dimb5e-singleValue {
  display: flex;
  align-items: center;
  gap: 6px;
}

.swap_icon {
  margin: 0 auto;
  background: #86868633;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
}


.custom-select__control.css-13cymwt-control,
.custom-select_control.custom-select__control--is-focused.custom-select_control--menu-is-open.css-t3ipsp-control,
.css-t3ipsp-control {
  border-radius: 50px !important;
  background: transparent !important;
  border: 1px solid rgb(255 255 255 / 10%) !important;
  padding: 10px 7px !important;
  color: #fff !important;
}
html[data-theme="light"] .custom-select__control.css-13cymwt-control,
.custom-select_control.custom-select__control--is-focused.custom-select_control--menu-is-open.css-t3ipsp-control,.css-t3ipsp-control{ 
  border: 1px solid #dfdfdf !important;
  color: #000000 !important;
}


html[data-theme="dark"] .css-1dimb5e-singleValue{
  color: #fff !important;
}



html[data-theme="dark"] .custom-select-container.css-b62m3t-container  .custom-select_menu.css-1nmdiq5-menu,
html[data-theme="dark"].custom-select-container.css-b62m3t-container  .custom-select_menu.css-1nmdiq5-menu *{
 background: #000 !important;
 color: #000 !important;
 fill: #000 !important;
 display: flex !important;
}



