/* header,sidebar, footer */

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


@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;
  }
  

  
  
  @media only screen and (max-width: 600px) {
    .bem-box__body--nopadding {
      overflow-x: auto !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;
  }
  
  @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;
  }
  
  .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;
  }
  
  .cabinet-base .main-header .logo .logo-lg {
    width: 100% !important;
    display: flex !important;
  }
  
  @media only screen and (max-width: 600px) {
    .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: 108px !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;
  }
  
  @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-top: 15px !important;
    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: 300px !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;
    }
  }
  
  .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://raw.githubusercontent.com/afiqaiman98/Picture/main/in%20system.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;
  }
  
  .cabinet-base .content section iframe {
    width: 100% !important;
  }
  
  @media only screen and (max-width: 600px) {
    .cabinet-base .content {
      width: 95% !important;
    }
  }
  /* content */
  
  /* alert */
  .cabinet-base .alert {
    padding: 40px !important;
  }
  
  @media only screen and (max-width: 600px) {
    .cabinet-base .alert {
      padding: 15px !important;
    }
  }
  /* alert */
  
  /* bootstrap color */
  .cabinet-base .badge-warning {
    border-color: #fff3cd !important;
    background-color: #fff3cd !important;
    color: #856404 !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: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb;
  }
  
  .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 .content-header {
    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 .content-header {
      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: 376px;
  }
  /* 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;
  }
  
  .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,
  .input-group .form-control:last-child {
    border-radius: 5px !important;
  }
  
  .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 {
    background-color: #1a1927 !important;
    width: 100% !important;
    justify-content: space-between !important;
  }
  
  .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: cover !important;
    background-repeat: no-repeat !important;
    background-image: url("https://raw.githubusercontent.com/afiqaiman98/Picture/main/log%20in.png") !important;
  }
  
  @media only screen and (max-width: 600px) {
    .cabinet-base .anon-body {
      background-image: url("https://raw.githubusercontent.com/afiqaiman98/Picture/main/Mask%20Group%2050.png") !important;
    }
  }
  
  .cabinet-base .anon-box {
    color: #fff;
    background-color: transparent !important ;
    border: none !important;
    margin-top: 40px;
    border-radius: 5px !important;
  }
  
  .cabinet-base .anon-log-box__head {
    font-size: 30px !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;
  }
  
  @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;
  }
  
  .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;
  }
  
  @media only screen and (max-width: 600px) {
    .cabinet-base .anon-warning {
      font-size: 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: 100%;
    margin: 0 auto;
  }
  
  .cabinet-base .anon-box__main {
    width: 36% !important;
    padding: 50px 100px;
  }
  
  @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 {
      color: #155724 !important;
      background-color: #d4edda !important;
      border-color: #c3e6cb;
      font-family:figtree-italic;
      font-weight: 600;
  }
  
  
  
  /**/
  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:20px;
        }

        .boxName{
            border-radius: 50%;
            background-color: #000000;
            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: 10px;
            margin: 0px;
        }

        .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;
        }

        .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 20px;
        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;

        }

        .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;
        }

        .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: flex;
    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 */
 
 .cabinet-base .redeem-item-img:hover {
    /* width: 100px; */
    transform: scale(1.2);
    transition: transform 0.3s ease;
}

.cabinet-base .redeem-item-img img {
    border-radius: 15px;
}

.cabinet-base .box-with-shadow {
    width: 200px;
    height: 200px;
    background-color: #3498db; /* Set a background color (change as needed) */
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); /* Set the box shadow */
}

.cabinet-base .redeem-item-img {
    /* border-radius: 15px; */
    box-shadow: 5px 5px 10px 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;
}