/* header,sidebar, footer */
textarea#decline_reason {
    height: 100px;
}

.cabinet-base .content-header{
  min-height: 0px !important;
}

.dropdown-menu{
  right: 0px !important;
  /* left: -75px !important */
}

.top-buttons{
  display: none !important;
}


.cabinet-base .breadcrumbs{
  display: none !important;
}
.password-field-show {

    margin-top: 7px;
}

.content-header{
}

/* custom list */

.special_list{
  list-style: disc;
}

.notis_im{
  margin: 0 auto -20px;
  font-size: 17px;
  color: #e22424;
  width: 88%;
  padding-top: 20px;
}

.boder{
  border-bottom: 1px solid #e22424;
  padding: 30px 50px 10px 70px !important;
  width: 88%;
  margin: 0 auto;
}




@media only screen and (max-width: 600px){
   
   .boder .alert-success .notis_im .customBanner{
       width:93% !important;
   }
   
   .alert-success{
       padding: 30px 50px 10px 18px !important;
   }
   
}




/* fix ib issues */
@media only screen and (min-width: 1430px){
   .cabinet-base .box-title{
       display: flex !important;
       flex : 1 1 100% !important ;
       
   }
   
   .cabinet-base .box-tools{
       flex: 1 1 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      position: static!important;
      margin-top: 15px;
       
   }
   
   .cabinet-base .box-header{
       display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
   }
   
}


/* end*/

@font-face {
  font-family: 'figtree-italic';
  src: url('https://secure.vonwayforex.com/uploads/public/Figtree-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'figtree-semibold';
  src: url('https://secure.vonwayforex.com/uploads/public/Figtree-SemiBold.ttf') format('truetype');
}

.cabinet-base body { 
     font-family: 'figtree-semibold', sans-serif;
     text-decoration: none !important;
}




@media only screen and (max-width: 600px) {
  .bem-box__body--nopadding {
    overflow-x: auto !important;
}

.cabinet-base .content{
    margin-top: 40px !important;
}

}

.cabinet-base .skin-minton .main-header .navbar {
  align-self: center !important;
  background-color: #1a1927 !important;
  box-shadow: none !important;
}
.cabinet-base .skin-minton .main-header .logo {
  height: 80px !important;
  background-color: #1a1927 !important;
}
.crm-base .skin-minton .main-header .logo {
  background-color: #1a1927;
  color: #fff;
  border-bottom: 0 solid transparent;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .skin-minton .main-header .logo {
    height: 58px !important;
  }
}

.cabinet-base .skin-minton .sidebar a {
  color: #1a1927 !important;
  border-radius: 10px;
}

.cabinet-base .skin-minton .main-header .logo {
  justify-content: center;
}

.cabinet-base .sidebar-menu > li {
  padding: 5px 20px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .sidebar-menu > li {
    padding: 5px 10px !important;
  }
}



.cabinet-base .skin-minton .sidebar-menu > li.active > a,
.cabinet-base .skin-minton .sidebar-menu > li:hover > a {
  background-color: #1a1927 !important;
  border-left: unset !important;
  color: #fff !important;
}

.cabinet-base .main-header .navbar {
  margin-left: 300px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .main-header .navbar {
    margin-left: 0px !important;
  }
}

.cabinet-base .skin-minton .left-side,
.cabinet-base .skin-minton .main-sidebar,
.cabinet-base .skin-minton .wrapper {
  background-color: #f1f1f1 !important;
}

.cabinet-base li.menu__header.header {
  margin: 40px 3px 10px 0px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base li.menu__header.header {
    padding: 20px !important;
    margin-left: 10px !important;
  }
}

.cabinet-base .sidebar-menu > li > a {
  padding: 10px 5px 10px 10px !important;
}

.cabinet-base .skin-minton .treeview-menu > li.active > a,
.cabinet-base .skin-minton .treeview-menu > li > a {
  color: #1a1927 !important;
}

.cabinet-base .skin-minton .treeview-menu > li.active > a,
.cabinet-base .skin-minton .treeview-menu > li > a:hover {
  color: #ed3652 !important;
  font-weight: 500 !important;
}

.cabinet-base .sidebar-menu > li > a > .fa,
.cabinet-base .sidebar-menu > li > a > .fab,
.cabinet-base .sidebar-menu > li > a > .glyphicon,
.cabinet-base .sidebar-menu > li > a > .ion {
  width: 35px !important;
}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    font-size: 20px !important;
    color: #1a1927 !important;
  }

  .cabinet-base .sidebar-menu > li > a {
    padding: 10px 5px 10px 15px !important;
  }
}

.cabinet-base .left-side,
.cabinet-base .main-sidebar {
  padding-top: 50px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .left-side,
  .cabinet-base .main-sidebar {
    margin-top: 20px;
    margin-bottom: 0px;
  }
}

.cabinet-base .skin-minton .sidebar-menu > li > .treeview-menu {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  margin-left: 55px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .skin-minton .sidebar-menu > li > .treeview-menu {
    margin-left: 20px !important;
  }
}

.cabinet-base .skin-minton .sidebar-menu > li.active > a {
  background: #1a1927 !important;
  color: #fff !important;
  border-radius: 10px;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .skin-minton .sidebar-menu > li.active > a {
    margin: 0 5px !important;
  }
}

.cabinet-base .sidebar-menu .treeview-menu > li > a {
  padding: 9px 5px 9px 15px !important;
}

.cabinet-base .left-side,
.cabinet-base .main-sidebar {
  overflow-y: auto !important;
  width: 300px !important;
}

.cabinet-base .content-wrapper,
.cabinet-base .right-side {
  margin-left: 300px !important;
}


/* 600 to 720px */
@media only screen and (min-width: 601px) and (max-width: 720px) {
  .cabinet-base .content-wrapper,
  .cabinet-base .right-side {
    margin-left: 0px !important;
  }
  .cabinet-base .main-header .navbar {
    margin-left: 0px !important;
  }
  .cabinet-base .main-header .logo {
    display: flex !important;
    width: 100% !important;
}
.cabinet-base .main-header .logo .logo-lg {
  display: flex !important;
  justify-content: center;
}
.main-header .logo {

  padding: 0px;

}
.cabinet-base .left-side, .cabinet-base .main-sidebar {
  padding-top: 0px;

}
.cabinet-base .left-side, .cabinet-base .main-sidebar {
  width: 230px !important;
}
.cabinet-base .fixed .content-wrapper, .cabinet-base .fixed .right-side {
  padding-top: 147px !important;
}
}



.cabinet-base .main-footer {
  margin-left: 0px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .content-wrapper,
  .cabinet-base .main-footer,
  .cabinet-base .right-side {
    margin-left: 0px !important;
  }

  .cabinet-base .left-side,
  .cabinet-base .main-sidebar {
    width: 230px !important;
  }
}

.cabinet-base .skin-minton .sidebar-menu > li.header {
  color: #1a1927 !important;
  font-weight: 800;
  background-color: #f1f1f1 !important;
}

.cabinet-base .skin-minton .sidebar-menu > li > .treeview-menu {
  background-color: #f1f1f1 !important;
}
.main-header .logo .logo-lg img {
  max-width: 80% !important;

}
.content-wrapper {
  min-height: 100vh;
}
.cabinet-base .main-header .logo .logo-lg {
  /* width: 100% !important; */
  justify-content: center;
  display: flex !important;
}

@media only screen and (max-width: 768px) {
  .cabinet-base .main-header .logo .logo-lg {
      display:block !important;
    width: 100% !important;
    padding-right: 14px !important;
  }
}

/* .cabinet-base .fixed .content-wrapper,
.cabinet-base .fixed .right-side {
  padding-top: 80px !important;
} */

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  .cabinet-base .fixed .content-wrapper,
  .cabinet-base .fixed .right-side {
    padding-top: 75px !important;
  }
}

.cabinet-base .main-footer {
  display: none !important;
  margin-top: 6px !important;
  background: #1a1927 !important;
}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 90px !important;
  }
}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 90px !important;
  }
}

.cabinet-base .skin-minton .main-header .navbar .nav .open > a,
.cabinet-base .skin-minton .main-header .navbar .nav .open > a:focus,
.cabinet-base .skin-minton .main-header .navbar .nav .open > a:hover,
.cabinet-base .skin-minton .main-header .navbar .nav > .active > a,
.cabinet-base .skin-minton .main-header .navbar .nav > li > a:active,
.cabinet-base .skin-minton .main-header .navbar .nav > li > a:focus,
.cabinet-base .skin-minton .main-header .navbar .nav > li > a:hover {
  color: #ed3652 !important;
  background: #444 !important;
  border-radius: 5px !important;
}
.main-header .logo {

  padding: 0 2px !important;

}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: flex !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

.cabinet-base .main-header .navbar-custom-menu,
.cabinet-base .main-header .navbar-right {

  padding-right: 15px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .main-header .navbar-custom-menu,
  .cabinet-base .main-header .navbar-right {
      padding-top:0px !important;
    padding-right: 0px !important;
  }
}

.cabinet-base .main-header .logo {
  display: flex !important;
  width:  auto !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .main-header .logo {
    width: auto !important;
  }
}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .main-sidebar {
    padding-top: 75px !important;
  }
}

.cabinet-base .main-header .sidebar-toggle {
  padding: 25px 25px 25px 5px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .main-header .sidebar-toggle {
    padding: 16px 25px 14px 15px !important;
  }
}

.cabinet-base .main-header .sidebar-toggle {
  font-size: 20px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .main-header .sidebar-toggle {
    font-size: 13px !important;
  }
  
  #small_sizes{
      font-size: 15px ;
  }
}

.cabinet-base .skin-minton .main-header .navbar .nav > li > a {
  color: #ffffff !important;
}

.cabinet-base .skin-minton header ul:first-child > li {
  border-left: none !important;
}

.cabinet-base .skin-minton .main-header .navbar .sidebar-toggle {
  color: #ed3752 !important;
}

.cabinet-base .table .title {
  background-color: #ffffff !important;
}

.cabinet-base .box-header .box-title,
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  border-bottom: 1px solid #ed3652 !important;
  font-weight: 700 !important;
}

.cabinet-base .box-body {
  padding: 10px 0px !important;
}

.cabinet-base .content-wrapper,
.cabinet-base .right-side {
  background-image: url("https://vonwayforex.com/wp-content/uploads/2024/03/Content-6.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.cabinet-base .menu__link {
  font-size: 17px;
}

.cabinet-base .menu__badge {
  font-size: 14px;
  width: 200px;
}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .main-sidebar {
    transform: translate(0);
    width: 90px !important;
    z-index: 850;
  }
}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .content-wrapper,
  .cabinet-base .sidebar-mini.sidebar-collapse .main-footer,
  .cabinet-base .sidebar-mini.sidebar-collapse .right-side {
    margin-left: 90px !important;
  }
}

@media (min-width: 768px) {
  .cabinet-base .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .right-side {
    margin-left: 90px !important;
    z-index: 865 !important;
  }

  .cabinet-base .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 0px !important;
  }
}

.cabinet-base .sidebar-search {
  padding: 10px;
  height: 60px;
}

.cabinet-base .sidebar-search__btn {
  top: 10px !important;
}

.cabinet-base .sidebar-search__input {
  border-radius: 5px !important;
  border: 2px solid #1a1927 !important;
  background-color: #fff !important;
}

.cabinet-base .menu-filter {
  margin: 0 10px !important;
  border-radius: 5px !important;
  background-color: #fff;
  border: 2px solid #1a1927 !important;
  color: #000 !important;
}
.cabinet-base .menu-filter__input {
  color: #000 !important;
}

/* header,sidebar, footer */

/* content */

.cabinet-base .content {
  width: 90% !important;
  margin-top: 50px;
  text-align: center;
}

.cabinet-base .content section iframe {
  width: 100% !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .content {
    width: 95% !important;
  }
}
/* content */

/* alert */


@media only screen and (max-width: 600px) {
  .cabinet-base .alert {
    font-size: 10px !important;
  }
}
/* alert */

/* bootstrap color */
.cabinet-base .badge-warning {
  border-color: #fff3cd !important;
  background-color: #fff3cd !important;
  color: #856404 !important;
}

/*.cabinet-base .alert{*/
/*    font-size:13px !important;*/
/*}*/

.cabinet-base .alert-warning {
  border-color: #fff3cd !important;
  background-color: #fff3cd !important;
  color: #856404 !important;
}

.cabinet-base .alert-warning a {
  color: #856404 !important;
}

.cabinet-base .alert-primary {
  color: #004085 !important;
  background-color: #cce5ff !important;
  border-color: #b8daff !important;
}

.cabinet-base .alert-primary a {
  color: #004085 !important;
}

.cabinet-base .alert-success {
  color: #000000 !important;
  background: transparent !important;
  border: none !important;
  padding: 30px 50px 10px 33px ;
  width: 88%;
  margin: 0 auto -50px;
  
}

.cabinet-base .badge-success {
  color: #155724 !important;
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
}

.cabinet-base .alert-success a {
  color: #155724;
}

.cabinet-base .danger {
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
}

.cabinet-base .btn-danger {
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
  padding: 5px 7px;
}

.cabinet-base .alert-danger {
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
}

.cabinet-base .badge-danger {
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
}

.cabinet-base .alert-danger a {
  color: #721c24 !important;
}

.cabinet-base .alert-dark {
  color: #1b1e21 !important;
  background-color: #d6d8d9 !important;
  border-color: #c6c8ca !important;
}

.cabinet-base .alert-dark a {
  color: #1b1e21 !important;
}

.cabinet-base .badge-info {
  color: #0c5460 !important;
  background-color: #d1ecf1 !important;
  border-color: #bee5eb !important;
}

.cabinet-base .alert-info {
  color: #0c5460 !important;
  background-color: #d1ecf1 !important;
  border-color: #bee5eb !important;
}

.cabinet-base .alert-info a {
  color: #0c5460 !important;
}

/* bootstrap color */

/* top button */

a.btn.btn-default.two-factor__enable-btn {
  white-space: normal;
  word-wrap: break-word;
  text-align: left;
  border-radius: 5px !important;
}

.cabinet-base .top-buttons {
  padding: 30px !important;
}

.cabinet-base .top-buttons__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cabinet-base .top-buttons__btn i {
  margin-left: 4px; /* Optional: Add some spacing between the icon and the text */
}

.cabinet-base .btn-primary {
  background-color: #3d3d43 !important;
  border-color: #3d3d43 !important;
  padding: 7px 100px;
  border-radius: 5px !important;
}
.cabinet-base .btn-primary:hover {
  background-color: #707070 !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .btn-primary {
    padding: 7px 0px;
  }
}

.cabinet-base .bg-olive {
  border-radius: 5px !important;
  background-color: #ed3652 !important;
  color: #fff !important;
  padding: 5px 7px !important;
}

.cabinet-base .bg-olive:hover {
  color: #fff !important;
  background-color: #ee5e74 !important;
}

.cabinet-base .btn[class*="bg-"]:hover {
  box-shadow: unset !important;
}

.cabinet-base .btn[type="submit"],
.cabinet-base .btn[value="Back"] {
  background-color: #ed3652 !important;
  width: 100% !important;
  border-radius: 5px !important;
}

.cabinet-base button.btn.btn-default.btn-next {
  background-color: #ed3652 !important;
  color: #fff !important;
  width: 100% !important;
  border-radius: 5px !important;
}

.cabinet-base button.btn.btn-default.btn-next:hover {
  background-color: #ee5e74 !important;
  color: #fff !important;
  width: 100% !important;
  border-radius: 5px !important;
}

.cabinet-base button.btn.btn-default.pull-left.btn-back {
  text-align: center;
  background-color: #1a1927 !important;
  width: 100% !important;
  color: #fff;
  border-radius: 5px !important;
}

.cabinet-base button.btn.btn-default.pull-left.btn-back:hover {
  text-align: center;
  background-color: #555 !important;
  width: 100% !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
}

.cabinet-base .craue_formflow_buttons {
  margin-top: 10px !important;
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
}

/* .btn-group-vertical>.btn, .btn-group>.btn {
  height: 34px !important;
} */

/* top button */

/* breadcrumbs */
/*.cabinet-base  {*/
/*  background: #f1f1f1;*/
/*  padding: 20px 40px 20px;*/
/*  color: #5d5d5d !important;*/
/*}*/



.cabinet-base .breadcrumbs__item + .breadcrumbs__item:before {
  padding: 0px 20px;
}
@media only screen and (max-width: 600px) {
  /*.cabinet-base  {*/
  /*  padding: 20px 15px 20px;*/
  /*}*/
  .cabinet-base .breadcrumbs__item + .breadcrumbs__item:before {
    padding: 0px 5px;
  }
}

.cabinet-base .breadcrumbs__item + .breadcrumbs__item::before {
  color: #ed3752 !important;
  font-weight: 900;
}
/* breadcrumbs */

/* start box */
.cabinet-base .well {
  display: flex;
  border: none !important;
  background-color: #fef1f3 !important;
  box-shadow: none !important;
  border-radius: 5px !important;
}
.cabinet-base .min-amount {
  width: 50% !important;
}

.cabinet-base .max-amount {
  width: 50%;
}

.cabinet-base .box {
  border-color: transparent !important;
  background-color: transparent !important;
}

.cabinet-base .bem-box {
  border: none !important;
  background-color: transparent !important;
}

.cabinet-base .bem-box__header {
  background-color: transparent !important;
  padding: 10px 10px 22px 10px !important;
}
/* start box */

/* START Profile > Upload Documents */
/* Wrapper */
form[name="deposit_flow_step2"] .input-group {
  flex-wrap: nowrap !important;
}

form[name="deposit_flow_step1"] > .form-items > .expanded-psp-list > .row  {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

form[name="deposit_flow_step1"] > .form-items > .expanded-psp-list > .row > .col-lg-3 {
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

form[name="withdrawal_flow_step1"] > .form-items > .expanded-psp-list > .row  {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

form[name="withdrawal_flow_step1"] > .form-items > .expanded-psp-list > .row > .col-lg-3 {
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
/* Wrapper */

/* Label */
form[name='deposit_flow_step2'] > div.form-items > div.form-row-config > div.form-wrapper > div#form-config > div.input-group > div.input-group-prepend, /* 'I want to upload' */
form[name='deposit_flow_step2'] div.form-group-text > div.input-group > div.input-group-prepend, /* Document Number */
form[name='deposit_flow_step2'] div.form-group-choice > div.input-group > div.input-group-prepend /* Type, Country of issue */ {
  border: 1px solid #d2d6de !important;
  border-radius: 0px !important;
  margin-bottom: 0px !important;
  /* background-color: #fff !important; */
}

/* Label */

/* Input/Select */
form[name='deposit_flow_step2'] > div.form-items > div.form-row-config > div.form-wrapper > div#form-config > div.input-group > div.btn-group.btn-group-multiselect > button, /* ID/Passport */
form[name='deposit_flow_step2'] div.form-group-text > div.input-group > input, /* Document Number */
form[name='deposit_flow_step2'] div.form-group-choice > div.input-group > select, /* Type */
form[name='deposit_flow_step2'] div.form-group-choice > div.input-group > div.btn-group.btn-group-multiselect > button /* Country of Issue */ {
  /* border: solid 2px red; */
  border-radius: 5px;
  padding-left: 2rem;
  width: 400px;
}

/* START Profile > Upload Documents */
/* Wrapper */
form[name='form_upload'] > div.form-items > div.form-row-config > div.form-wrapper > div#form-config > div.input-group, /* 'I want to upload' */
form[name='form_upload'] > div.form-items > div.form-row-data > div.form-wrapper > div#form-data > div.input-group > div.form-items > div.form-row > div.form-wrapper > div.form-group-text_definition > div.input-group > div.form-items > div.form-row > div.form-wrapper > div#form-value > div.input-group, /* Document Number */
form[name='form_upload'] > div.form-items > div.form-row-data > div.form-wrapper > div#form-data > div.input-group > div.form-items > div.form-row > div.form-wrapper > div.form-group-dropdown_definition > div.input-group > div.form-items > div.form-row > div.form-wrapper > div.form-group-choice > div.input-group, /* Type */
form[name='form_upload'] > div.form-items > div.form-row-data > div.form-wrapper > div#form-data > div.input-group > div.form-items > div.form-row > div.form-wrapper > div.form-group-country_definition > div.input-group > div.form-items > div.form-row > div.form-wrapper > div.form-group-choice > div.input-group /* Country of Issue */ {
  flex-direction: column;
}
/* Wrapper */

/* Label */
form[name='form_upload'] > div.form-items > div.form-row-config > div.form-wrapper > div#form-config > div.input-group > div.input-group-prepend, /* 'I want to upload' */
form[name='form_upload'] div.form-group-text > div.input-group > div.input-group-prepend, /* Document Number */
form[name='form_upload'] div.form-group-choice > div.input-group > div.input-group-prepend /* Type, Country of issue */ {
  border-color: unset;
  background-color: unset;
  border: unset;
}
/* Label */

@media only screen and (max-width: 600px) {
  form[name='form_upload'] > div.form-items > div.form-row-config > div.form-wrapper > div#form-config > div.input-group > div.input-group-prepend, /* 'I want to upload' */
form[name='form_upload'] div.form-group-text > div.input-group > div.input-group-prepend, /* Document Number */
form[name='form_upload'] div.form-group-choice > div.input-group > div.input-group-prepend /* Type, Country of issue */ {
    background-color: #f9f9fb !important;
    margin-bottom: 0px !important;
  }
}

/* Input/Select */
form[name='form_upload'] > div.form-items > div.form-row-config > div.form-wrapper > div#form-config > div.input-group > div.btn-group.btn-group-multiselect > button, /* ID/Passport */
form[name='form_upload'] div.form-group-text > div.input-group > input, /* Document Number */
form[name='form_upload'] div.form-group-choice > div.input-group > select, /* Type */
form[name='form_upload'] div.form-group-choice > div.input-group > div.btn-group.btn-group-multiselect > button /* Country of Issue */ {
  border-radius: 4px;
  padding-left: 2rem;
  width: 100% !important;
}
/* Input/Select */

/* END Profile > Upload Documents */

h3.box-title > a.btn.btn-xs.btn-default {
  margin: 0 20px !important;
}
/* Input/Select */

#form_date_range_with_currency_submit {
  width: 20% !important;
  margin-bottom: 45px !important;
}

#form_ib_link_submit {
  width: 20% !important;
  margin-top: 25px !important;
}

@media only screen and (max-width: 600px) {
  #form_date_range_with_currency_submit {
    width: 100% !important;
  }

  #form_ib_link_submit {
    width: 100% !important;
  }
  .cabinet-base .form-grid div.form-rest div.form-group-button button {
    width: 100% !important;
  }
}

.cabinet-base .form-grid div.form-rest div.form-group-button button {
  width: 20% !important;
}

/* END Profile > Upload Documents */

/* convobox img */
.cabinet-base .form-simple-text-row {
  text-align: center !important;
  color: #000 !important;
}

.cabinet-base .dropzone {
  background: #fcfcfc !important;
  border-radius: 5px !important;
}
.cabinet-base .form-group {
  border-radius: 5px !important;
}

.cabinet-base .input-group {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
}

.cabinet-base .input-group-prepend {
  white-space: nowrap !important;
  width: 100% !important;
  margin-bottom: 5px !important;
}

.cabinet-base .input-group-prepend:last-child {
  margin-left: auto;
}

.cabinet-base .input-group .input-group-prepend {
  border: none;
}

.cabinet-base .input-group .input-group-prepend {
  border-color: transparent !important;
  background-color: transparent !important;
}

.cabinet-base .input-group-prepend:last-child,
.input-group-append:first-child > .btn-group:not(:first-child) > .btn,
.input-group-append:first-child > .btn:not(:first-child),
.input-group-append:last-child > .btn,
.input-group-append:last-child > .btn-group > .btn,
.input-group-append:last-child > .dropdown-toggle
 {
  border-radius: 5px !important;
}
.input-group .form-control:last-child{
  border-radius: 13px !important;
  height: 30px;
}
#form_currency{
    height: 33px !important;
}
#form_login__username,#form_login__password{
  height: 49px;
}
.cabinet-base .form-control:focus {
  border-color: #ed3652 !important;
  box-shadow: none;
}

.cabinet-base .ps-card__image {
  background-color: #ffffff;
}

.cabinet-base .ps-card:hover {
  border: 2px solid #ed3752;
}

.cabinet-base .ps-card--selected {
  border: 5px solid #ed3652 !important;
}

.cabinet-base .platform-download__image {
  height: 300px;
  margin: 20px auto;
}

.cabinet-base .row-rest {
  margin-top: 40px !important;
}

/* convobox img */

/* navigational tab */
.cabinet-base .nav-tabs {
  border-bottom: none;
}

.cabinet-base .nav-tabs > li.active > a,
.cabinet-base .nav-tabs > li.active > a:focus,
.cabinet-base .nav-tabs > li.active > a:hover {
  border: none;
  border-bottom: 4px solid #ed3652;
  background-color: #ed3652;
}

.cabinet-base .nav-tabs > li > a {
  color: #000;
}

.cabinet-base .nav-tabs > li.active > a {
  background-color: transparent !important;
  color: #ed3652;
}

.cabinet-base .nav-tabs > li.active > a:hover {
  color: #ed3652;
}

.cabinet-base .box-header {
  background: #f1f1f1 !important;
  border-bottom: none !important;
  padding: 15px !important;
  border-radius: 12px !important;
}

.cabinet-base .nav-tabs > li > a:hover {
  color: rgb(237, 54, 82);
  border: none;
  background-color: transparent !important;
}
/* navigational tab  */

/* table */
.cabinet-base .table-bordered,
.cabinet-base .table-bordered > tbody > tr > td,
.cabinet-base .table-bordered > tbody > tr > th,
.cabinet-base .table-bordered > tfoot > tr > td,
.cabinet-base .table-bordered > tfoot > tr > th,
.cabinet-base .table-bordered > thead > tr > td,
.cabinet-base .table-bordered > thead > tr > th {
  border: none !important;
  padding: 5px 20px !important;
}

.cabinet-base .tl-titles {
  background-color: #e8eef4 !important;
  border-radius: 5px !important;
  padding: 5px !important;
}

.cabinet-base .tl-titles a {
  color: #605353 !important;
}

.cabinet-base a.j-totals-link.btn.btn-xs.btn-default {
  padding: 1px 5px !important ;
}

/* .table-hover>tbody>tr, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{
  background-color: #707070 !important;
} */

.cabinet-base .tc-filter .multiselect-container {
  width: 150px !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .tc-filter .multiselect-container {
    width: auto !important;
  }

  div[style*="flex-grow: 1"] {
    border: 1px solid black !important;
  }
}

.cabinet-base .table > tbody > tr.info > td,
.cabinet-base .table > tbody > tr.info > th,
.cabinet-base .table > tbody > tr > td.info,
.cabinet-base .table > tbody > tr > th.info,
.cabinet-base .table > tfoot > tr.info > td,
.cabinet-base .table > tfoot > tr.info > th,
.cabinet-base .table > tfoot > tr > td.info,
.cabinet-base .table > tfoot > tr > th.info,
.cabinet-base .table > thead > tr.info > td,
.cabinet-base .table > thead > tr.info > th,
.cabinet-base .table > thead > tr > td.info,
.cabinet-base .table > thead > tr > th.info {
  background-color: #e8eef4 !important;
}

.cabinet-base .tc-filter .btn-group-multiselect,
.cabinet-base .tc-filter .multiselect,
.cabinet-base.tc-filter input {
  border-radius: 5px !important;
}

@media screen and (max-width: 767px) {
  .cabinet-base .table-responsive {
    border: none !important;
  }
}

/* table */

/* button at table */
.cabinet-base.btn-group-xs > .btn,
.cabinet-base.btn-xs {
  padding: 7px 15px !important;
}

.cabinet-base .btn-group-xs > .btn,
.cabinet-base .btn-xs {
  background-color: #1a1927 !important;
  color: #fff !important;
  padding: 5px 7px;
  border-radius: 5px;
}

.cabinet-base .btn-group-xs > .btn,
.cabinet-base .btn-xs:hover {
  background-color: #707070 !important;
  color: #fff !important;
}

.cabinet-base button.btn.btn-xs.btn-default.j-clipboardCopy {
  background-color: #1a1927 !important;
  color: #fff !important;
  padding: 1px 5px !important;
}

.cabinet-base .text-muted {
  color: #fff !important;
}

.cabinet-base.input-group .btn-group-multiselect,
.cabinet-base.input-group .form-control:hover {
  background-color: #fff !important;
}

.cabinet-base .multiselect .dropdown-toggle .btn .btn-default {
  background-color: blue !important;
}

.cabinet-base .multiselect.btn {
  border-radius: 5px !important;
  color: #555 !important;
}

.cabinet-base .two-factor__text {
  margin-top: 18px !important;
}

.cabinet-base .btn-group > .btn + .dropdown-toggle {
  height: 32px !important;
  padding-right: 8px;
  padding-left: 8px;
}

.cabinet-base .pull-right a {
  height: 32px !important;
}

.cabinet-base .btn .caret {
  top: 14px !important;
}
/* button at table */

/* start login,register & forogt password */

.cabinet-base label.required {
    color: black;
}


/* .cabinet-base .anon-header > * {
  margin: 0 100px;
} */

@media only screen and (max-width: 600px) {
  .cabinet-base .anon-header > * {
    margin: 0 15px;
  }
}

.cabinet-base .anon-header__lang a {
  color: #fff;
}

.cabinet-base .checkbox badge badge {
  color: #000 !important;
}

.cabinet-base .anon-body {
  /*background-size: contain !important;*/
  /*background-repeat: repeat !important;*/
  /*background-image: url(https://vonwayforex.com/wp-content/uploads/2024/03/Content-6.png) !important;*/
  background-color: #fff;
  display: flex;
  flex-direction: row;
  height: auto;
  min-height: 100%;
}

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

  /*.cabinet-base .anon-body {*/
  /*  background-image: url("https://vonwayforex.com/wp-content/uploads/2024/03/Content-6.png") !important;*/
  /*}*/
}

.cabinet-base .anon-box {
  /* color: #fff; */
  /*background-color: transparent !important ;*/
  /*border: 1px solid black !important;*/
  margin-top: 40px;
  border-radius: 5px !important;
  background-color: none !important;
}

.cabinet-base .anon-log-box__head {
  font-size: 33px !important;
  font-weight: 600;
  color: #000 !important;
}

.cabinet-base .anon-body a.btn,
.cabinet-base .anon-body button[type="submit"] {
  padding: 0 !important;
  width: 100%;
  border-radius: 10px !important;
  background-color: #ed3752 !important;
  margin-top: 20px;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .anon-body a.btn,
  .cabinet-base .anon-body button[type="submit"] {
    font-size: 10px !important;
  }
}

.cabinet-base .anon-log-box__submit {
  margin-top: -20px;
}

.cabinet-base .form-rest {
  margin-top: -50px;
}

.cabinet-base .anon-body a.btn,
.cabinet-base .anon-body button[type="submit"]:focus {
  border: none !important;
}

.cabinet-base .anon-reg-box__btn a,
.cabinet-base .anon-reg-box__callout {
  font-family: 'figtree-semibold', sans-serif;
  color: #000000 !important;
  font-weight: 600;
}

.cabinet-base .anon-log-box__remember badge {
  color: #000 !important;
}
.cabinet-base .anon-boxes > div {
  flex-basis: 35%;
  padding: 80px 80px;
}
.cabinet-base .anon-boxes > .anon-log-box{
  /* flex-basis: 35%; */
  padding: 1px 0px !important;
}
.cabinet-base .dropdown > .dropdown-menu {
  background: #1a1927 !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .anon-boxes > div {
    flex-basis: 30%;
    padding: 020px 065px;
  }
}

.cabinet-base .anon-reg-box__btn a {
  background-color: #fff;
  padding: 0 !important;
  width: 70% !important;
  text-align: center;
  border: 1.6px solid #ed3752 !important;
  border-radius: 10px !important;
  line-height: 5.4rem !important;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .anon-reg-box__btn a {
    width: 100% !important;
    font-size: 10px !important;
  }
}

.cabinet-base .anon-boxes {
  justify-content: center !important;
  margin-bottom: 52px !important;
}

.cabinet-base .anon-reg-box__btn a:hover {
  background-color: #ed3752 !important;
  color: #fff !important;
}

.cabinet-base .anon-header__lang__current:before {
  background: url("https://raw.githubusercontent.com/afiqaiman98/Picture/41df056f678059d46b6bee6c78e06451e21567e6/world-line.svg?token=AWMYJ62AUFVHY54HCHJAIUTENQ5CO");
}

.cabinet-base .anon-warning {
  font-size: 16px;
  color: #707070 !important;
  position: absolute;
    bottom: 0;

}

@media only screen and (max-width: 600px) {
  .cabinet-base .anon-warning {
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

}

.cabinet-base .anon-log-box__remember a {
  color: #ed3752 !important ;
}

.cabinet-base .fxbo-powered,
.cabinet-base .fxbo-powered a {
  font-size: 14px;
  display: none;
}

.cabinet-base .anon-reg-box__callout {
  font-size: 34px !important;
}

.cabinet-base .fl-form .fl-wrap {
  width: 100% !important;
}

.cabinet-base .fl-form {
  margin-top: 86px;
}

.cabinet-base .captcha_image {
  text-align: center;
}

.cabinet-base .anon-log-box__head {
  margin-bottom: -80px;
  padding-bottom: 27px !important;
}

.cabinet-base .form-group-button {
  width: 100% !important;
  margin-top: 20px !important;
}

.cabinet-base .form-row-captcha .input-group {
  display: flex;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
}

.cabinet-base .anon-log-box__remember {
  margin-bottom: 20px;
}

.cabinet-base .anon-body button[type="submit"]:hover {
  background-color: #f64c65 !important;
  color: #fff !important;
}

.cabinet-base .anon-container {
  width: 90%;
  margin: 0 auto;
}

.anon-body > .anon-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/

}

.cabinet-base .anon-box__main {
  width: 60% !important;
  padding: 50px 100px;
}

@media screen and (max-width: 1200px) and (min-width: 600px) {
  .cabinet-base .anon-box__main {
    padding: 50px 0px;
  }
}
@media only screen and (max-width: 600px) {
  .cabinet-base .anon-box__main {
    padding: 50px 30px;
  }
}

.cabinet-base .anon-box__main h2 {
  text-align: center;
}

.cabinet-base .skin-minton a,.skin-minton td,.skin-minton tr {
  transition: color .1s,background-color .1s
}

.cabinet-base .anon-box__main h2 {
  color: #000 !important;
  margin: 0 0 0rem;
  padding: 0;
}

@media only screen and (max-width: 600px) {
  .cabinet-base .anon-box__main {
    width: 80% !important;
  }
}

.cabinet-base .checkbox badge badge a {
  color: #f64c65 !important ;
}

@media only screen and (max-width: 600px) {
  .anon-header__logo img {
    height: 40px !important;
  }
}

.cabinet-base .dropdown-menu li a[href="https://secure.vonwayforex.com/login?sl=1"] {
  color: black;
  min-width: 120px !important;
}

.cabinet-base .dropdown.dropdown-languages.open > .dropdown-menu {
  min-width: 120px;
}

form.fl-form[name="cabinet_registration_form"] {
  margin-top: 40px;
}

form.fl-form[name="form_forgot_password_request"] {
  margin-top: 40px;
}

.anon-reg-box__callout {
  margin: 34px 0 !important;
}


/* start login,register & forogt password */

/* risky changes */
@media (min-width: 992px) {
  .cabinet-base .col-lg-3 {
    width: 50%;
  }
}
/*@media (min-width: 1200px) {
  .cabinet-base .offset-xl-4 {
    margin-left: 28.333333%;
  }
}*/

@media (min-width: 1200px) {
  .cabinet-base .col-xl-4 {
    width: 42.333333%;
  }
}
@media (min-width: 1200px) {
  .cabinet-base .offset-xl-2 {
    margin-left: 28.666667%;
  }
}

@media (min-width: 1200px) {
  .cabinet-base .col-xl-8 {
    width: 43.666667%;
  }
}

.cabinet-base .col-sm-4 {
  width: 100% !important;
}
/* risky changes */

/* navigation form */
.cabinet-base .craue_formflow_current_step,
.cabinet-base .steps-step_active {
  color: #605353 !important;
  border-bottom: 2px solid #ed3652 !important;
  font-weight: 600;
}

.cabinet-base .craue_formflow_steplist li,
.cabinet-base .steps-step {
  border-right: none !important;
}

.cabinet-base .craue_formflow_done_step {
  color: #707070 !important;
}

.cabinet-base .craue_formflow_done_step a {
  color: #707070 !important;
}
/* navigation form */

/*custom alert*/

/*.cabinet-base .alert-success {*/
   
    
/*}*/



/**/
td[data-column="c_performance"] span[data-growup="down"] {
    color: red;    
}

td[data-column="c_performance"] span[data-growup="up"] {
    color: green;    
}
.process-psp-50 #form-WalletAddress {display: none;}
.process-psp-49 #form-BeneficiaryAccountNumber {display: none;}
.process-psp-49 #form-BeneficiaryName {display: none;}
.process-psp-49 #form-BeneficiaryBank {display: none;}
.process-psp-49 #form-BeneficiaryBankCode {display: none;}
.process-psp-49 #form-BeneficiaryBankSwiftCode {display: none;}
.process-psp-49 #form-BeneficiaryBankAddress {display: none;}

  *::-webkit-scrollbar-thumb {
      border: 0 solid #FFFFFF;
  }
/*custom crm start*/
 
       @media only screen and (max-width : 600px){

          .accValue, .accTitle{
              padding: 0px;
              color: #ffffff;
              margin: 0px;
              font-size: 9px;

          }

          .depoButon{
              font-size: 8px !important;
              width: 100px !important;
              height: 30px !important;
              margin: 0px 12px !important
             
          }

          .navword{
              display: none;
          }

          .fullName1{
              font-size: 12px !important
          }

          #menu-traders-menu{

              margin-top: 10px !important;

          }

          .valueContainer{
              width: 65px !important;
          }

          .cusWallet{
              font-size: 8px !important;
          }

      }

      .whitelink{
          color: #ffffff !important;
      }

      .valueContainer{
          width: 70px;
      }

      .test1{
         width: 400px; 
         height:auto
      }
      .vwClientProf{
      display: flex;
      flex-direction: row;
      align-items: center;
      background-color: transparent!important;
      border: 1px solid #e22424;
      border-radius: 12px;
      justify-content: space-evenly;
      overflow: hidden;
      }

      .profile1{
      display: flex;
      min-height: 100px;
      margin: 0 20px;
      }
      

      .statDiv{
      display: flex;
      align-items: center;
      border-radius: 30px 30px 0 0;
      font-size: 10px;
      justify-content: center;
      margin: 0 20px;
      }

      .clientDetailsCol1{
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 70px;
      height: 70px;
      border: 3px solid #e22424;
      border-radius: 50%;
      margin: 20px 5px;
      }

      .clientDetailsCol2{
      margin: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      }

      .depoButon{
      font-size: 10px;
      font-weight: bolder;
      background-color: #e22424;
      color: #ffffff;
      width: 120px;
      height: 40px;
      border-radius: 9px;
      margin: 0 20px;
      border: none;
      }

      .bal1
      {
      display: flex;
      align-items: center;
      width: 100%;
      }

      .customNavBar{
          display: flex;
          flex-direction: row;
          justify-content: space-evenly;
          background-color: transparent;
          padding: 5px;
      }

      .navAccountBalance{
          display: flex;
          flex-direction: row;
          align-items: center;
          
      }

      .accValue, .accTitle{
          padding: 15px;
          color: #ffffff;
          margin: 0px;
      }

      .accValue{
          border: #ed3752 solid;
          border-radius: 12px;
          border-width:2px;
          margin: 0px;
          padding:8px;
      }

      .navDepo{
          display: flex;
          align-items: center;
      }

      .ticketBox{
          display: flex;
          align-items: center;
          padding: 8px;
      }

      .ticket{
          color:#ffffff
      }

      .custom_logout{
          margin-left: 35px
      }

      .entireCard{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding-top:10px;
      }

      .boxName{
          border-radius: 50%;
          color: #ffffff;
          height: 80px;
          width: 80px;
          display: flex;
          justify-content: center;
          align-items: center

      }

      .names{
          font-size: 20px;
          margin: 0px !important;
      }

      .fullName1{
          font-size: 16px;
          padding: 0px 10px 10px 25px;
          margin: 0px;
      }
      
      .fullName{
          display: flex;
          align-items: center;
      }

      .idz{
          margin: 0px;
          color: #8a95a1;
          font-size:14px
      }
      
      .accountDetails{
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
      }

      .accountDetails, .accountDetails2 , .accountDetails3{
          border-bottom: 2px solid #e22424;
          padding : 5px

      }

      .accountPool:hover{
          box-shadow:0 3px 7px #e22424 ;

      }

      .accountPool{
          width: 20%;
          border-radius: 25px;
          box-shadow: 0 3px 7px #544b4c;
          padding: 20px;
          margin: 10px;
          text-align: left;
      }

      .edit{
          color: #000000;
          font-size:12px
      }

      .title{
          font-size: 12px;
          color: #5e778a;
          margin: 0px;
      }

      .serverTitle{
          font-size: 11px;
      }

      .subtitle{
          font-size:16px;
      }

      .accountNumber{
          padding-bottom: 10px;
      }

      .accDepo{
          font-size: 14px;
          font-weight:600 ;
          height: 35px;

      }

      .depoContainer{
          display: flex;
          justify-content: center;
          padding-top: 20px
      }

      .bolt{
          color: #ffffff;
      }

      .titleRow{
          display: flex;
          justify-content: space-between;
      }

      .subTitleRow{
          font-size: 25px;
      }

      .depoButton{
      font-size: 11px;
      font-weight: bolder;
      background-color: #e22424;
      color: #ffffff;
      width: 130px;
      height: 50px;
      border-radius: 9px;
      margin: 0 auto;
      border: none;
      }

      .navAcc{
          display: flex;
          align-items: flex-start;

      }

      .realButton{
          margin: 0px;
          width: 45px;
          font-size: 17px;
      }
      
     

      .demoButton{
          margin: 0px;
          width: 45px;
          font-size: 17px;
          padding-left: 10px;

      }

      .realActive{
          border-bottom: 3px solid #e22424;
          margin: 0px;
          width: 45px;
          font-size: 17px;
      }

      .demoActive{
          border-bottom: 3px solid #e22424;
          margin: 0px;
          width: 45px;
          font-size: 17px;
      }

      .accTypeTitle{
          padding: 20px 0px 20px 0px;
          font-size: 25px;
          text-align: left;
      }

      .poolAccount{
          display: flex;
          justify-content: space-between;
      }

      .liveHead{
          display: block;
      }

      .demoHead{
          display: none
      }

      .valueContainer{
          width: auto;
      }

      .allMap{
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
      }
      
      /* Badgeeeeeeeeeeeeeeeeeeeeeeeeeeee */
      
.cabinet-base .container-badge {
  display: none;
  background: transparent;
  transition: box-shadow 0.3s ease, cursor 0.3s ease;
  height: 30px;
  border-radius: 15px;
  align-items: flex-start;
}

.cabinet-base .container-badge img {
  max-height: 100%;
  border-radius: 50%;
}

.cabinet-base .container-badge p {
  margin: 8px ;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.cabinet-base .container-badge:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Adjust the shadow as needed */
  cursor: pointer;
}
.cabinet-base .badge-tier ,.client_id{
  display: flex;
}

.cabinet-base .badge-tier img {
  height: 21px;
  padding: 3px 3px;
}


/*Loyalty Pointtttttttttttttttttttttttttttttttttttttttttttt */

@media (min-width: 980px){

.cabinet-base .redeem-item-img:hover {

  transform: scale(1.1);
  transition: transform 0.3s ease;
}
   
   
}

@media(min-width:0px){
.cabinet-base .box-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -10px 10px;
}}

@media (min-width: 768px){
.cabinet-base .redeem-item-img img {
  border-radius: 15px;
  box-shadow: 5px 5px 10px rgb(165 156 156);
}}

@media (min-width: 0px) and (max-width: 768px){
  .cabinet-base .redeem-item-img img {
  border-radius: 8px;
  box-shadow: 2px 2px 5px rgb(165 156 156);
}}



.cabinet-base .redeem-item-name, .redeem-item-requirements, .redeem-item-img, .redeem-item-btn, .redeem-item-desc {
  padding: 5px;
  border-radius: 17px;
}

.cabinet-base .progress-sm, .progress-sm .progress-bar, .progress.sm, .progress.sm .progress-bar {
  border-radius: 30px;
}

.cabinet-base .box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  /* margin-left: 16px; */
  margin-top: 10px;
}


/*Modal Loyalty Program*/
@media(max-width: 576px){
.cabinet-base .redeem-item-name .modal-dialog {
  display: block;
  top: 30%;
  left: 8%;
}}

@media(min-width: 576px) {
.cabinet-base .redeem-item-name .modal-dialog {
  display: block;
  top: 25%;
  left: 2%;
}}

/*Loyalty card*/

.cabinet-base .skin-minton .container-loyalty-card {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
}

.cabinet-base .skin-minton .container-card {
  max-width: 500px;
  border-radius: 13px;
  font-family: sans-serif;
  flex-wrap: wrap;
  box-shadow: 2px 2px 8px 6px  rgba(0, 0, 0, 0.1);
  background:white;
}

.cabinet-base .skin-minton .loyalty-card {
  margin: 5px;
  padding: 5px;
  margin-bottom: 10px;
  font-weight: 700;
   font-size: 1.2rem; 
  font-size: 100%;
}

.cabinet-base .skin-minton .container-tier-point {
  display: flex;
  justify-content: space-around;
}

.cabinet-base .skin-minton .tier-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-left: 2.5rem;
  padding: 25px 0 5px 0;
  width: 150px;
  font-size: 1rem;
  
}

.cabinet-base .skin-minton .tier-card p {
  color: #777676;
  font-size: 1.2rem;
  font-weight: 700;
}
.cabinet-base .skin-minton .tier-card img {
  display: block;
  width: 100%;
  height: auto;
}


.cabinet-base .skin-minton .point-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  padding: 90px 3px 3px 3px;
}

.cabinet-base .skin-minton .point-card .redeem-button {
  display: inline-block;
  padding: 0.3rem 4rem;
  background-color: #1a1c1a;
  border-radius: 1rem;
  color: white;
  text-align: center;
  font-size: 1.2rem;
  cursor: pointer;
  transition:transform 0.2s ease-in-out;
}

.cabinet-base .skin-minton .point-card .redeem-button:hover {
  transform: scale(1.05);
}

.cabinet-base .skin-minton .point-card h4,
.cabinet-base .skin-minton .point-card h1,
.cabinet-base .skin-minton .point-card h1 {
  margin: 0; 
}

.cabinet-base .skin-minton .point-card h1 {
  padding: 0 1rem 1.3rem 1rem;
  font-size: 2.7rem;
  font-weight: 700;
}
.cabinet-base .skin-minton .point-card h4 {
  padding: 5px 5px 5px 5px;
  font-size: 0.9rem;
  color: #777676;
  font-weight: 700;
}

.cabinet-base .skin-minton .point-card button {
  width: 80%;
  padding: 5px; 
  border-radius: 15px;
  color: #fff;
  background-color: black;
  font-size: 1rem;
}

.cabinet-base .skin-minton .point-card p {
  font-size: 0.8rem; 
  padding: 0 1rem 1rem 1rem;
  text-align: center;
}


.cabinet-base .skin-minton .footer-card {
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
  padding: 5px 0 20px 0;
  margin: 0 2rem 0 2rem;
  border-top: 1px solid #ccc;
  font-weight: 600;
}

@media screen  and (max-width:522px){
.cabinet-base .anon-header {
  display: none !important;
}
 .cabinet-base .skin-minton  {
      padding: 85px 3px 3px 3px;
  }
 .cabinet-base .skin-minton  h1{
      padding: 0rem 0rem 0.3rem 0rem;
  }
 .cabinet-base .skin-minton  {
      font-size: 1rem;
      padding: 0;
      margin: 25px 0px 15px;
  }
  
   .point-card{
     padding: 0px 3px 3px 3px !important;
     margin-right : 0px !important;
  }
  
  .tier-card{
      padding-top: 0px !important;
      margin-left: 0px !important;
  }
  
  .loyalty-card{
      font-size: 17px !important;
  }
  
  .container-tier-point{
      flex-direction : column;
      justify-content: center;
      align-items: center;
  }
  .name-card .id-card{
      font-size: 12px !important;
  }
}
@media screen  and (max-width:414px){
 .cabinet-base .skin-minton  {
      padding: 90px 3px 3px 3px;
  }
 .cabinet-base .skin-minton {
      padding: 0rem 0rem 0.3rem 0rem;
      font-size: 2rem;
  }
 .cabinet-base .skin-minton{
      font-size: 0.8rem;
      padding: 0rem 0rem 0rem 0rem;
      margin: 30px 5px 15px;
  }
  .cabinet-base .skin-minton{
      padding: 2.2rem 0rem 0rem 0rem;
  }
  
  .point-card{
     padding: 0px 3px 3px 3px !important;
     margin-right : 0px !important;
  }
  
  .tier-card{
      padding-top: 0px !important;
      margin-left: 0px !important;
  }
  
  .loyalty-card{
      font-size: 17px !important;
  }
  
  .container-tier-point{
      flex-direction : column;
      justify-content: center;
      align-items: center;
  }
  .name-card .id-card{
      font-size: 12px !important;
  }
}

.header_terms{
    display: flex;
    justify-content: space-between;
}

.button_download{
          width: 60px;
          background-color: #ffffff;
          border-radius: 10px;
      }
      
.btz{
          margin-left: 3px;
      }
      
.container-card{
  margin: 0 auto;
}

.desc_font{
  padding: 10px 0px 10px 0px !important;
  font-weight: 100 !important;
  font-size: 10px !important;
  color: #6A6B6B !important;
}

.testredeem{
  text-align: center;
}

.tierWord{
  color: #6A6B6B !important;
  font-weight: 100 !important;
  padding-top: 10px;
}

.loyaltypoint-tnc ul, p {
  font-weight: 100;
  margin: 5px;
  margin-top: 10px;
}
.redeem-item-name strong {
  display: none;
}

.loyaltypoint-tnc {
  padding: 5px;
  background: #f9f9f9;
  border-radius: 16px;
  text-align:start;
}

/*customcrmcss */

@media only screen and (max-width : 600px){
  
          
          .w_nav{
              font-size: 10px !important;
          }

          .depoButonz{
              width: 180px !important;
              font-size: 13px !important;
              height: 40px !important;
          }

          .navAcc{
              padding-top: 20px !important;
          }

          .depoButton{
              font-size: 10px !important;
              width: 105px !important;
              height: 40px !important;

          }

          .poolAccount{
              flex-direction: column !important;
              align-items: center !important;

          }

          .subTitleRow{
              font-size: 17px !important;
          }

          .accountPool{
              width: 280px !important;
          }

          .accValue, .accTitle{
              padding: 0px;
              color: #ffffff;
              margin: 0px;
              font-size: 9px;

          }

          .depoButon{
              font-size: 8px !important;
              width: 100px !important;
              height: 30px !important;
              margin: 0px 12px !important
             
          }

          .navword{
              display: none;
          }

      }
      
@media only screen and (max-width : 768px){
  .depo_cont{
      width: 90% !important;
  }
  
  /*.customBanner .alert-success{*/
  /*    padding: 30px 30px 10px 30px !important;*/
  /*}*/
  
  
  
}

@media only screen and (max-width : 430px){
 
  
  /*.customBanner .alert-success{*/
  /*    padding: 30px 20px 10px 20px !important;*/
  /*}*/
  
  
  
  
}

      .test1{
         width: 400px; 
         height:auto;
      }
      
      .vwClientProf{
      display: flex;
      flex-direction: row;
      align-items: center;
      background-color: transparent!important;
      border: 1px solid #e22424;
      border-radius: 12px;
      justify-content: space-evenly;
      overflow: hidden;
      }

      .profile1{
      display: flex;
      min-height: 100px;
      margin: 0 20px;
      }
      

      .statDiv{
      display: flex;
      align-items: center;
      border-radius: 30px 30px 0 0;
      font-size: 10px;
      justify-content: center;
      margin: 0 20px;
      }

      .clientDetailsCol1{
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 70px;
      height: 70px;
      border: 3px solid #e22424;
      border-radius: 50%;
      margin: 20px 5px;
      }

      .clientDetailsCol2{
      margin: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      }

      .depoButon, .depoButonz{
      font-size: 10px;
      font-weight: bolder;
      background-color: #e22424;
      color: #ffffff;
      width: 120px;
      height: 40px;
      border-radius: 9px;
      margin: 0 20px;
      border: none;
      }


      .bal1
      {
      display: flex;
      align-items: center;
      width: 100%;
      }

      .customNavBar{
          display: flex;
          flex-direction: row;
          justify-content: space-evenly;
          background-color: transparent;
          padding: 5px;
      }

      .navAccountBalance{
          display: flex;
          flex-direction: row;
          align-items: center;
          
      }

      .accValue, .accTitle{
          padding: 15px;
          color: #ffffff;
          margin: 0px;
      }

      .accValue{
          border: #ed3752 solid;
          border-radius: 12px;
          border-width:2px;
          margin: 0px;
          padding:8px;
          min-width: 70px;
          text-align: center;
      }

      .navDepo{
          display: flex;
          align-items: center;
      }

      .ticketBox{
          display: flex;
          align-items: center;
          padding: 8px;
      }

      .ticket{
          color:#ffffff
      }

      .custom_logout{
          margin-left: 35px
      }

      .entireCard{
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding-top:10px;
      }

      .boxName{
          border-radius: 50%;
          color: #ffffff;
          height: 80px;
          width: 80px;
          display: flex;
          justify-content: center;
          align-items: center

      }

      .names{
          font-size: 20px;
          margin: 0px !important;
      }

     

      .idz{
          margin: 0px;
          color: #8a95a1;
          font-size:14px
      }
      
      .accountDetails{
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
      }

      .accountDetails, .accountDetails2 , .accountDetails3{
          border-bottom: 2px solid #e22424;
          padding : 5px

      }

      .accountPool:hover{
          box-shadow:0 3px 7px #e22424 ;

      }

      .accountPool{
          width: 200px;
          border-radius: 25px;
          box-shadow: 0 3px 7px #544b4c;
          padding: 20px;
          margin: 20px;
          background: white;
      }

      .edit{
          color: #000000;
      }

      .title{
          font-size: 18px;
          color: #5e778a;
          margin: 0px;
      }

      .subtitle{
          font-size:16px;
      }

      .accountNumber{
          padding-bottom: 10px;
      }

      .accDepo{
          font-size: 14px;
          font-weight:600 ;
          height: 35px;

      }

      .depoContainer{
          display: flex;
          justify-content: center;
          padding-top: 20px
      }

      .bolt{
          color: #ffffff;
      }

      .titleRow{
          display: flex;
          justify-content: space-between;
 
      }

      .subTitleRow{
          font-size: 25px;
          margin: 0px;
      }

      .depoButton{
      font-size: 11px;
      font-weight: bolder;
      background-color: #e22424;
      color: #ffffff;
      width: 130px;
      height: 50px;
      border-radius: 9px;
      margin: 0 auto;
      border: none;
      }

      .realButton{
          margin: 0px;
          width: 45px;
          font-size: 17px;
      }
      
      .navAcc{
          display: flex;
          align-items: flex-start;
          cursor: pointer;

      }

      .demoButton{
          margin: 0px;
          width: 45px;
          font-size: 17px;
          padding-left: 10px;

      }

      .typeActive{
          border-bottom: 3px solid #e22424;
      }

      .accTypeTitle{
          padding: 20px 0px 20px 0px;
          font-size: 25px;
      }

      .poolAccount{
          display: flex;
          justify-content: flex-start;
          overflow: scroll;
      }

      .liveHead{
          display: none;
      }

      .active_bar{
          display: block !important;
      }

      .deactive_bar{
          display: none !important;
      }

      #demoPool{
          display: none
      }
      
      .faded{
          animation-name: faded;
          animation-duration: 3.2s
      }

      @keyframes faded{
          from {opacity: -4;}
          to {opacity: 1;}
      }

      .banner_img{
          width: 100%;
          border-radius: 25px;
      }
      
      .tier_icon{
          width: 100px;
          
      }
      
      .depo_cont{
          width: 48%;
          margin: 0 auto;
      }
      
      .depoImage{
          border-radius: 10px;
      }
      
      .customBanner {
        width: 88%;
        margin: 0 auto;
        padding-top: 31px;
        margin-top:10px;
    }
      
      .checkverified{
          color: #41B959;
          font-size: 14px;
          margin-top: -9px;
      }
      
      .checkbox label label {
  padding-left: 8px;
  color: black;
}
/* login vonway */
.cabinet-base .anon-footer {
  display: none;
}
.cabinet-base .anon-reg-box{
  display: none;
}

.cabinet-base .anon-header {
width: 980px;
margin: 0 auto;
padding: 2rem 0;
display: flex;
align-content: flex-start;
align-items: center;
flex-direction: column;
}

.cabinet-base .anon-header {
background-color: #1a1927 !important;
width: auto !important;
justify-content: space-between !important;
max-width: 389px;
padding: 0;
background:url("https://vonwayforex.com/wp-content/uploads/2024/06/pexels-rickyrecap-1563256-scaled.jpg")

}
.cabinet-base .anon-box {
margin-top: 40px;
border-radius: 5px !important;
background-color: transparent !important;
border: none !important;
}
span.vonway {
color: #FF2D4E;
}
.text-header {
font-size: 16px;
}
.register-login {
text-align: center;
}
.cabinet-base .anon-header__logo img {
height: auto;
margin-top: 34px;

}
 a.new-register {
color: #FF2D4E;
}


/* Slideshow-login */

.container-slideshow-login {
max-width: 1000px;
position: relative;
margin: auto;
}
.vDot {
position: fixed;
bottom: 0;
    margin-bottom: 10px;
}

.imageSlides {
display: none;
}


.next {
right: 0;
border-radius: 3px 0 0 3px;
}


.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}

.dot-img {
cursor: pointer;
height: 11px;
width: 11px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active-dot, .dot-img:hover {
background-color: #717171;
}


.fade-away {
animation-name: fade-v;
animation-duration: 1.5s;
}

@keyframes fade-v {
from {opacity: .4}
to {opacity: 1}
}

/* responsive login */

@media only screen and (max-width: 780px) and (min-width:100px) {
.cabinet-base .anon-header > * {
  margin: 0 15px;
  display: none;
}
.cabinet-base .anon-boxes {
justify-content: center !important;
margin-bottom: 52px !important;
padding: 12px !important;
}
}

@media only screen and (max-width:1381px) and (min-width:981px){
  .cabinet-base .anon-boxes > div {
    flex-basis: 54%;
    
}
}
@media only screen and (max-width:980px) and (min-width:780px){
  .cabinet-base .anon-boxes {

    padding-left: 16px;
    padding-right: 16px;
}
}
.imgSlides > img {
  width:auto;
  height: 100vh;
}
/* --------------------- */
.cabinet-base .box {
  border-color: transparent !important;
  background-color: #f4f4f4 !important;
}
.cabinet-base .input-group .input-group-prepend.input-group-text {
  max-width: 100% !important;

}
.cabinet-base .input-group-text {
  justify-content: center !important;
}
.cabinet-base .btn-group.btn-group-multiselect {
  width: 100% !important;
}
.cabinet-base .multiselect.btn, .cabinet-base .form-control > option{
  display: flex !important;
  justify-content: center !important;

}
@media only screen and (max-width:576px){
  .form-wrapper .form-group-choice .input-group .input-group-prepend {
    width: 100% !important;
}
}

/*modal*/
        .wrapper-modal{
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: fixed;
            background-color: rgba(128, 128, 128, 0.6);
            text-align: center;
            z-index: 9999;
        }
        .content-modal{

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);

        }
        .content-modal img{
            border-radius: 20px;
        }
        .content-modal button {
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
    width: 25px;
    height: 27px;
    padding: 0px;
    background: white;
}
                @media only screen and (min-width:600px) and (max-width: 1065px)  {
            .content-modal {
                width: 100%;
            }
        }
        @media only screen and (max-width:600px)  {
            .content-modal {
                width: 84%;
                border-radius: 15px;
            }
        }
        @media only screen and (max-width:720px) {
            .customBanner {
    width: 100%;
    margin: 0 auto;
    padding: 23px;
}
        }