.accountoverview .row {
  margin-right: 0;
}

.accountoverview #block-views-block-dashbord-block-2 {
    display: block;
  }

.accountoverview #block-views-block-dashbord-block-3 {
  display: block;
}

.accountoverview #investormenumobil {
  display: none;
}

.accountoverview .tf-referral {
  margin-bottom: 70px;
}

.accountoverview .site-footer {
  display: none;
}

#views-bootstrap-operations-block-4 {
  margin-top: 20px;
}

#block-referrallink {
  margin: 0 50px 40px;
  max-width: 95%;
  width: 1500px;
  padding-top: 100px;
}

.topoverpages .menucontent .headover .helpingzone p {
  color: #888;
  font-size: 12px;
  line-height: 14px;
  width: 450px;
  margin: 0 auto 30px;
  max-width: 96%;
  display: block;
  text-align: center;
}

.topoverpages .menucontent .headover .helpingzone h2 {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
}

.topoverpages .menucontent .headover .headprofil {
  width: 500px;
  margin: 15px auto 30px;
}

.topoverpages .menucontent .headover .headprofil .col-sm-8 {
  width: 250px;
  text-align: left;
}

.topoverpages .menucontent .headover .headprofil .col-sm-8 p {
  color: #c6c3bd;
  font-size: 18px;
  line-height: 24px;
  margin: 20px 0;
  letter-spacing: -1px;
}

.topoverpages .menucontent .headover .headprofil .col-sm-4 {
  padding: 0;
  width: 250px;
  text-align: right;
}

.topoverpages .menucontent .headover .headprofil img {
  width: 94px;
}

.topoverpages .menucontent .headover h4 {
  display: inline-block;
  font-size: 11px;
  color: #000;
  background: #48ff91;
  padding: 5px 12px;
  line-height: 12px;
  border-radius: 2px;
  margin: 30px 0 15px;
}

.path-user .highlighted {
  background: #1b1b1c;
}

.topoverpages .menucontent {
  position: initial !important;
  width: 40% !important;
  opacity: 1 !important;
  margin: 80px auto 0;
  border-bottom: none !important;
  text-align: center;
  min-height: auto !important;
  border-left: none !important;
  border-right: none !important;
}

.transactable table thead tr th {
  width: 33.33% !important;
}

.transactable table tbody tr td:last-child::after {
  content: "USD";
}

.accountoverview .view-operations table {
  margin: 0 !important;
}

.accountoverview table {
  margin: 10px 0 0 !important;
}

.transactable {
  width: 820px;
  max-width: 100%;
  margin-top: 20px;
}

.investors.path-user .site-footer {
  display: none;
}

.investors.path-user .form-actions {
  text-align: center;
}

.password-confirm-message {
  color: #48ff91;
  font-size: 9px;
  margin-top: 10px;
}

.investors.path-user #edit-current-pass--description {
  display: none;
}

.investors.path-user .js-form-item {
  max-width: 100%;
}

.path-user #edit-language, .path-user #edit-contact, .path-user #edit-timezone {
  display: none;
}

.investors.path-user .js-form-item label {
  color: #fff;
}

.investors.path-user .tabs {
  display: none;
}

.investors.path-user #block-bootstrap-barrio-subtheme-page-title h1 {
	margin-bottom: 100px;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
  text-align: center;
}

.path-user #user-form #edit-actions button {
  margin-top: 30px;
  margin-bottom: 50px;
}

.path-user #edit-account .js-form-item {
  margin-bottom: 10px !important;
  text-align: center;
}

.path-user #edit-account input {
  padding: 5px 20px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
}

.path-user #edit-account {
  background: #242426;
  border-radius: 4px;
  padding: 30px;
  border: 1px solid rgb(67, 81, 96);
  margin: 30px 0 0 !important;
}

.path-user #main-wrapper #block-bootstrap-barrio-subtheme-page-title {
  display: none;
}

.path-user #main-wrapper #main {
  width: 666px;
  height: calc(100vh - 400px);
}

.investors.path-user #main-wrapper {
  background: #1b1b1c;
}

#claimdeposit h2 {
  margin-bottom: 100px;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
}

#claimdeposit {
  width: 666px;
  margin: 0 auto;
  max-width: 100%;
}

.confirmdeposit #content {
  margin-top: 90px;
  text-align: center;
}

.confirmdeposit #main-wrapper {
  background: #1b1b1c;
}

.confirmdeposit {
  min-height: 100vh;
  background: #1b1b1c;
}

.confirmdeposit .site-footer {
  display: none;
}

.supportpage #block-webform-3 .js-form-item {
  text-align: left;
}

.supportpage #block-webform-3 .js-form-item label {
  color: #fff;
}

.supportpage #block-bootstrap-barrio-subtheme-breadcrumbs {
  display: none;
}

.supportpage #block-webform-3 p {
  color: #888;
  font-size: 16px;
  line-height: 18px;
  width: 400px;
  margin: 0 auto 50px;
  max-width: 96%;
  display: block;
  text-align: center;
}

.supportpage #block-webform-3 h2 {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
}

.supportpage #block-webform-3 {
  margin-top: 100px;
  text-align: center;
}

.supportpage #block-bootstrap-barrio-subtheme-content {
  display: none;
}

.supportpage #main-wrapper #main {
  max-width: 666px;
  padding: 0;
}

.supportpage #main-wrapper {
  background: #1b1b1c;
}

.supportpage .site-footer {
  display: none;
  margin: 0;
}

.supportpage #page {
  background: #1b1b1c;
}

.supportpage {
  background: #1b1b1c;
}

.dashboardzone .btns {
  margin-bottom: 40px;
}

.dashboardzone h1 .Real {
  background: #48ff91 !important;
  border-color: #48ff91 !important;
  color: #000 !important;
}

.withdrawpage #block-bootstrap-barrio-subtheme-page-title {
  margin-top: 100px;
}

.withdrawpage .site-footer {
  margin: 0;
  background: #1a1f25;
  height: 0;
  padding: 0;
}

#edit-actions button:hover, #edit-actions button:focus {
  color: #48ff91;
  transition: 0.1s ease;
  background: transparent;
  border: 0.1px solid #435160;
}

#edit-actions button {
  font-size: 12px;
  font-family: fira;
  color: #000;
  text-decoration: none;
  border: 0.1px solid #435160;
  padding: 12px 40px;
  transition: 0.1s ease;
  text-align: center;
  margin-top: 50px;
}

.withdrawpage #withdrawform {
  width: 666px;
  margin: 0 auto;
  max-width: 100%;
}

.withdrawpage #block-bootstrap-barrio-subtheme-page-title h1 {
  margin-bottom: 100px;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
}

.withdrawpage #main-wrapper {
  background: #1b1b1c;
  min-height: 100vh;
  text-align: center;
}

.emptydata {
  padding: 100px;
  background: #161b1f;
  margin-top: 30px;
  min-height: 300px;
}

.emptydata h2 {
  line-height: 24px !important;
  font-size: 12px !important;
  font-family: firab;
  border: none;
}

.emptydata img {
  width: 60px;
  margin-bottom: 20px;
  filter: invert(100%);
}

.emptydata {
  padding: 100px;
  background: #161b1f;
  margin-top: 30px;
  min-height: 300px;
  border: 0.1px solid #435160;
}

.btnwith a:hover, .btnwith a:focus {
  background: #48ff91;
  color: #000;
}

.btnwith a {
  font-size: 12px;
  font-family: fira;
  color: #48ff91;
  text-decoration: none;
  border: 0.1px solid #435160;
  padding: 5px 20px;
  transition: 0.1s ease;
  display: inline-block;
  text-align: center;
}

.withdrawablezone ul li:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: #7cff7c;
}

.withdrawablezone {
  margin-top: 20px;
}

.withdrawablezone ul li h6 span {
  font-size: 14px;
  color: #8799ab;
  line-height: 14px;
  font-family: machinab;
}

.withdrawablezone ul li h6 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  bottom: 15px;
  font-family: firab;
}

.withdrawablezone ul li h5 {
  color: #888;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.withdrawablezone ul li {
  list-style: none;
  background: #242426;
  display: inline-block;
  width: 260px;
  padding: 20px;
  min-height: 120px;
  position: relative;
  border: 0.1px solid #484848;
  transition: 0.1s ease;
  margin-right: 10px;
  margin-bottom: 30px;
}

.withdrawablezone ul {
  padding: 0;
  margin: 0;
}

#withdrawal {
  margin: 0 50px 30px;
  max-width: 95%;
  width: 1500px;
  padding-top: 70px;
}

.depositzone .instructcrypto a:hover {
  color: #48ff91;
  transition: 0.1s ease;
}

.depositpage #main-wrapper {
  background: #1b1b1c;
  min-height: 100vh;
}

.accountoverview .site-footer {
  background: #1b1b1c;
  margin-top: 0;
}

.depositpage .site-footer {
  margin-top: 0;
  display: none;
}

.depositzone h2 {
  margin-bottom: 100px;
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
}

.instructcrypto a:hover {
  transition: 0.1s ease;
  border: 0.1px solid #435160;
  background: transparent;
  color: #48ff91;
}

.depositzone .instructcrypto a {
  font-size: 12px;
  font-family: fira;
  color: #000;
  text-decoration: none;
  border: 0.1px solid #435160;
  padding: 12px 40px;
  transition: 0.1s ease;
  text-align: center;
}

.depositzone .instructcrypto {
  border-top: 0.1px solid #eee;
  margin-top: 70px;
  padding-top: 70px;
}

.depositzone .instructcrypto p {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 30px;
}

.depositzone .crypt .wlttex {
  text-align: center;
  background: #242426;
  padding: 15px;
  font-size: 12px;
}

.depositzone .crypt .zrc img {
  width: 125px;
  margin-bottom: 30px;
  padding: 7px;
  background: #fff;
}

.depositzone .crypt p {
  color: #888;
  font-size: 14px;
  line-height: 16px;
  width: 400px;
  margin: 0 auto 30px;
  max-width: 96%;
  display: block;
}

.depositzone .crypt h6 {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
  margin-top: 20px;
}

.depositzone .crypt img {
  width: 66px;
  height: auto;
}

#depositzone {
  text-align: center;
  max-width: 100%;
  width: 1500px;
  padding-top: 100px;
}

.accountoverview #main-wrapper {
  background: #1b1b1c;
}

.grlastrades .win {
  border: 0.1px solid #006000;
}

.grlastrades .Buy .typ {
  background: #7cff7c !important;
  color: #000 !important;
}

.grlastrades .Sell .typ {
  color: #fff !important;
  background: #ff6060 !important;
}

.grlastrades .gr .typ {
  color: #000;
  font-size: 12px;
  font-family: firab;
  line-height: 14px;
  margin-top: 15px;
  display: inline-block;
  background: #fff;
  padding: 5px 20px;
  border-radius: 25px;
}

.grlastrades .gr .datetime {
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  margin-top: 5px;
}

.grlastrades .gr .oppri {
  color: #fff;
  font-size: 11px;
  line-height: 11px;
}

.grlastrades .gr .gu {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-family: firab;
  line-height: 14px;
  margin-bottom: 15px;
}

.grlastrades .gr {
  background: #242426;
  padding: 20px;
  border: 0.1px solid #484848;
  position: relative;
}

#operations h2 {
  margin-bottom: 70px;
}

#transactions {
  margin: 0 50px;
  max-width: 95%;
  width: 1500px;
  padding-top: 70px;
}

#operations {
  margin: 0 50px 40px;
  max-width: 95%;
  width: 1500px;
  padding-top: 100px;
}

.tabledash table tbody tr td:last-child {
  width: 175px;
}

.tabledash table tbody tr td:nth-child(6) {
  width: 175px;
}

.tabledash table tbody tr td:nth-child(5) {
  width: 175px;
}

.tabledash table tbody tr td:nth-child(4) {
  width: 175px;
}

.tabledash table tbody tr td:nth-child(2) {
  width: 175px;
}

.tabledash table tbody tr td:first-child {
  width: 230px;
}



.tabledash table thead tr th:last-child {
  width: 175px;
}

.tabledash table thead tr th:nth-child(6) {
  width: 175px;
}

.tabledash table thead tr th:nth-child(5) {
  width: 175px;
}

.tabledash table thead tr th:nth-child(4) {
  width: 175px;
}

.tabledash table thead tr th:nth-child(2) {
  width: 175px;
}

.tabledash table thead tr th:first-child {
  width: 230px;
}

#block-views-block-operations-block-2 .tabledash table thead {
  display: none;
}

#block-views-block-operations-block-1 .tabledash table thead {
  display: none;
}


#block-views-block-operations-block-2 .tabledash table {
  margin-top: 0;
}

#block-views-block-operations-block-1 .tabledash table {
  margin-bottom: 0;
  margin-top: 0;
}

#block-views-block-operations-block-3 .tabledash table {
  margin-bottom: 0;
}

#block-views-block-operations-block-3 {
  margin: 0 50px 0;
  max-width: 95%;
  width: 1500px;
  padding-top: 70px;
}

#block-views-block-transacations-block-1 {
  margin: 0 50px 100px;
  max-width: 100%;
  width: 1500px;
}

.tabledash .table-striped > tbody > tr:nth-of-type(2n+1):hover > * {
  background: #262628;
}

.tabledash table tbody tr:hover td {
  color: #fff;
  background: #262628;
}

.tabledash table tbody tr:hover {
  background: #262628;
}

.table > :not(caption) > * > * {
  background-color: #1b1b1c;
}

.tabledash .table-striped > tbody > tr:nth-of-type(2n+1) > * {
  color: #fff;
  padding: 7px 20px;
}

.tabledash table tbody tr td {
  color: #fff;
  font-size: 11px;
  border: 0.1px solid #43516047;
  font-family: firab;
  padding: 7px 20px;
  border: none;
  text-transform: uppercase;
}

.tabledash table thead tr {
  background: #1b1b1c;
  border-bottom: 1px solid #484848;
}

.tabledash table thead tr th {
  font-size: 12px;
  font-family: firab;
  border: none;
  text-transform: uppercase;
  padding: 10px 20px;
}

#block-views-block-operations-block-2 {
  margin: 0 50px 100px;
  width: 1500px;
  max-width: 100%;
}

#block-views-block-operations-block-1 {
  margin: 0 50px 0;
  max-width: 100%;
  width: 1500px;
}

.accountoverview .block h2 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.menuleftdashb .listm ul li:hover::before {
  opacity: 1;
  transition: 0.1s ease;
}

.menuleftdashb .listm ul li::before {
  content: "";
  left: 0;
  height: 100%;
  width: 3px;
  background: #48ff91;
  position: absolute;
  opacity: 0;
  transition: 0.1s ease;
}

.investors.accountoverview #navbar-main .navbar-brand img {
  opacity: 0;
}

.dashboardzone .accountover .gridz ul li.Lost {
  border: 0.1px solid #f00;
}

.dashboardzone .accountover .gridz ul li.Win {
  border: 0.1px solid #7cff7c;
}

.menuleftdashb .listm ul li:last-child {
  border-top: 1px solid #343c45;
  margin-top: 30px;
}

.menuleftdashb .listm ul li:hover a .title {
  opacity: 1;
  left: 60px;
  color: #000;
  transition: 0.1s ease;
}

.menuleftdashb .listm ul li a .title {
  position: absolute;
  left: -100px;
  opacity: 0;
  background: #48ff91;
  font-size: 14px;
  font-family: firab;
  padding: 2px 10px;
  transition: 0.1s ease;
  min-width: 150px;
}

.menuleftdashb .listm ul li a {
  display: block;
  position: relative;
  color: #000;
  padding: 15px 0;
}

.menuleftdashb .listm ul li {
  list-style: none;
  position: relative;
}

.menuleftdashb .listm ul li img {
  filter: invert(100%);
  width: 20px;
}

.menuleftdashb .listm ul li {
  list-style: none;
}

.menuleftdashb .listm ul {
  padding: 0;
  margin: 60px 0 0;
}

.menuleftdashb .logo img {
  border-radius: 50%;
  margin: 15px 0;
  width: 80%;
  border: 1px solid #535353;
}

.menuleftdashb {
  text-align: center;
  height: 100vh;
  background: #1b1b1c;
  border-right: 1px solid #343c45;
}

#block-views-block-dashbord-block-4 {
  position: fixed;
  left: 0;
  width: 60px;
  top: 0;
  z-index: 99999999;
  padding: 0;
}

li.gray {
  border: 0.1px solid #9d9d9d !important;
}

.dashboardzone .accountover .gridz ul .blue {
  border: 0.1px solid #48ff91;
}

.dashboardzone .accountover .gridz ul .green {
  border: 0.1px solid #00c428;
}

.dashboardzone .accountover .gridz ul .red {
  border: 0.1px solid #ff6060;
}

/*.accountoverview .featured-top .container {
  max-width: 100%;
}*/

.dashboardzone .accountover .gridz ul li h6 span {
  font-size: 14px;
  color: #8799ab;
  line-height: 14px;
  font-family: machinab;
}

.dashboardzone .accountover .gridz ul li h6 {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  bottom: 15px;
  font-family: firab;
}

.dashboardzone .accountover .gridz ul li h5 {
  color: #888;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}

.withdrawablezone ul li:hover {
  border: 0.1px solid #435160;
  transition: 0.1s ease;
}

.dashboardzone .accountover .gridz ul li:hover {
  border: 0.1px solid #435160;
  transition: 0.1s ease;
}

.dashboardzone .accountover .gridz ul li {
  background: #242426;
  display: inline-block;
  width: 260px;
  padding: 20px;
  min-height: 120px;
  position: relative;
  border: 0.1px solid #484848;
  transition: 0.1s ease;
  margin-right: 10px;
  margin-bottom: 30px;
}

.dashboardzone .accountover .gridz ul {
  padding: 0;
  margin: 0;
}

.dashboardzone .accountover .gridz {
  margin-top: 30px;
}

.dashboardzone .accountover h2 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.dashboardzone .accountover {
  margin-top: 20px;
  max-width: 1200px;
}

.dashboardzone .termscond p .btn3dash {
  display: inline-block;
  color: #48ff91;
  font-size: 14px;
  line-height: 14px;
}

.dashboardzone .termscond p {
  margin: 0;
}

.dashboardzone .btns a:last-child:focus, .dashboardzone .btns a:last-child:hover, .dashboardzone .btns a:last-child:active {
  color: #000;
  background: #fff;
  transition: 0.1s ease;
}

.dashboardzone .btns a:last-child {
  background: #212830;
}

.dashboardzone .btns a:hover, .dashboardzone .btns a:focus {
  background: #48ff91;
  color: #000;
}

.dashboardzone .btns a {
  font-size: 12px;
  font-family: fira;
  color: #48ff91;
  text-decoration: none;
  border: 0.1px solid #435160;
  padding: 5px 20px;
  transition: 0.1s ease;
  display: inline-block;
  text-align: center;
  margin: 10px 20px 20px 0;
}

.dashboardzone h1 .beta {
  display: inline-block;
  font-size: 10px;
  padding: 3px 20px 0;
  border: 1px solid #ff6060;
  line-height: 18px;
  border-radius: 20px;
  position: relative;
  bottom: 4px;
  color: #fff;
  background: #ff6060;
}

.dashboardzone h1 {
  color: #fff;
  font-size: 28px;
  line-height: 28px;
  text-transform: uppercase;
}

.dashboardzone {
  margin: 170px 50px 0;
}

.actionaccount .btn1dash {
  margin-right: 4%;
}

.actionaccount a:hover, .actionaccount a:focus {
  background: #48ff91;
  color: #000;
  transition: 0.1s ease;
}

.actionaccount a {
  font-size: 12px;
  font-family: fira;
  color: #48ff91;
  text-decoration: none;
  border: 0.1px solid #435160;
  padding: 5px 30px;
  transition: 0.1s ease;
  display: inline-block;
  width: 48%;
  text-align: center;
}

.actionaccount {
  margin: 15px;
}

.menutoogle .menucontent .headover .headprofil .col-sm-4 {
  width: 65px;
  padding: 0;
}

.menutoogle .menucontent .headover .headprofil img {
  width: 60px;
}

.menutoogle .menucontent .headover .headprofil p {
  color: #c6c3bd;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0;
}

.menutoogle .menucontent .headover .headprofil {
  margin: 10px 0 15px;
}

.menutoogle .menucontent .headover .headprofil p span {
  font-size: 18px;
  color: #fff;
}

.menutoogle .menucontent .headover h4 {
  display: inline-block;
  font-size: 11px;
  color: #000;
  background: #48ff91;
  padding: 3px 12px;
  line-height: 12px;
  border-radius: 2px;
}

.actionaccount {
  max-width: 280px;
  margin: 0 auto;
}

.menutoogle .menucontent .headover .assetsover {
  background: #16161b;
  border-radius: 20px;
  padding: 15px;
  border: 1px solid rgb(67, 81, 96);
  margin: 10px 0;
}

.menutoogle .menucontent .headover {
  margin: 0 15px;
}

.menutoogle .menucontent .headover h2 span {
  font-size: 18px;
}

.menutoogle .menucontent .headover h2 {
  font-size: 26px;
  color: #fff;
  font-family: firab;
  line-height: 32px;
  margin: 0;
}

.menutoogle .menucontent .headover h6 {
  margin-bottom: 10px;
  font-family: fira;
  color: #48ff91;
  font-size: 12px;
  line-height: 20px;
}

.accountoverview .featured-top {
  background: #1b1b1c;
}

#header:hover .menucontent {
  top: 53px;
  transition: 0.2s ease;
  opacity: 1;
}

.menutoogle .menucontent {
  position: absolute;
  display: block;
  width: 340px;
  right: 0;
  min-height: 500px;
  background: #101014;
  top: -720px;
  padding: 30px 15px;
  transition: 0.2s ease;
  opacity: 0;
  border-bottom: 10px solid #4b5560;
  border-left: 1px solid #4b5560;
  border-right: 1px solid #4b5560;
}

.menutoogle {
  position: relative;
  padding: 0;
}

#header:hover .menutoogle .sps .sp3 {
  right: -65px;
  transition: 0.1s ease;
}

.menutoogle .sps .sp3 {
  position: absolute;
  top: 22px;
  right: 0;
  height: 2px;
  width: 60px;
  background: #fff;
  transition: 0.1s ease;
}

#header:hover .menutoogle .sps .sp2 {
  right: -55px;
  transition: 0.1s ease;
}

.menutoogle .sps .sp2 {
  position: absolute;
  top: 15px;
  right: 0;
  height: 2px;
  width: 60px;
  background: #fff;
  transition: 0.1s ease;
}

#header:hover .menutoogle .sps .sp1 {
  right: -60px;
  transition: 0.1s ease;
}

.menutoogle .sps .sp1 {
  position: absolute;
  top: 8px;
  right: 0;
  height: 2px;
  width: 60px;
  background: #fff;
  transition: 0.1s ease;
}

.menutoogle .sps {
  display: block;
  width: 300px;
  height: 32px;
  position: relative;
  z-index: 9999999;
}

.menutoogle .menucontent ul li img {
  filter: invert(100%);
  width: 20px;
  margin-right: 10px;
}

.menutoogle .menucontent ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  padding: 7px 15px;
  width: 100%;
}

.menutoogle .menucontent ul li:hover {
  background: #242426;
  transition: 0.1s ease;
}

.menutoogle .menucontent ul li {
  list-style: none;
  padding: 0;
  transition: 0.1s ease;
}

.menutoogle .menucontent ul {
  padding: 0;
  margin: 0;
}

.headwelcome h4 {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  text-transform: uppercase;
}

.investors #navbar-main {
  background: #101014;
  border-bottom: 0.1px solid #4b5560;
  padding: 5px 1%;
}

#block-views-block-dashbord-block-2 {
  position: absolute;
  left: 0;
  width: calc(100% - 300px);
  text-align: center;
}

.investors #block-toprightanonym {
  display: none;
}

.investors #block-menucenter {
  display: none;
}

/* ==== TF DASHBOARD REFRESH — START ==========================================
 * Colour system and surfaces only. Square corners, and the buttons keep the
 * size, padding and border they had before.
 * Appended after the original rules, so it only restyles; nothing is removed.
 * Everything is scoped to .accountoverview (the dashboard body class).
 * ========================================================================== */

.accountoverview {
  --tfd-bg: #000000;
  --tfd-surface: #101014;
  --tfd-surface-2: #16161b;
  --tfd-surface-3: #1c1c22;
  --tfd-border: #23232c;
  --tfd-border-soft: #1b1b22;
  --tfd-text: #ffffff;
  --tfd-muted: #8b8b98;
  --tfd-accent: #48ff91;
  --tfd-accent-dim: rgba(72, 255, 145, .12);
  --tfd-danger: #ff6060;
  /* Deep tones for the operations cards: readable on black without
     the borders shouting over the figures. */
  --tfd-accent-deep: #1c5c3a;
  --tfd-danger-deep: #6b2626;
}

/* Page ground ------------------------------------------------------------- */

.accountoverview #main-wrapper,
.accountoverview .featured-top,
.accountoverview .highlighted,
.accountoverview .site-footer {
  background: var(--tfd-bg);
}

/* Heading ----------------------------------------------------------------- */

.accountoverview .dashboardzone h1 {
  letter-spacing: -0.3px;
}

/* Section headings -------------------------------------------------------- */

.accountoverview .dashboardzone .accountover h2,
.accountoverview .block h2 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
}

/* Figure tiles — responsive grid, square surfaces ------------------------- */

.accountoverview .dashboardzone .accountover .gridz ul,
.accountoverview .withdrawablezone ul {
  display: grid;
  /* 260px keeps the original break point: four tiles per row, so
     "Referral global value" stays on the second line. */
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  padding: 0;
  margin: 0;
}

.accountoverview .dashboardzone .accountover .gridz ul li,
.accountoverview .withdrawablezone ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  width: auto;
  min-height: 112px;
  margin: 0;
  padding: 18px 20px;
  background: var(--tfd-surface);
  border: 1px solid var(--tfd-border-soft);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.accountoverview .dashboardzone .accountover .gridz ul li:hover,
.accountoverview .withdrawablezone ul li:hover {
  border-color: var(--tfd-border);
  background: #000;
  transform: translateY(-2px);
}

.accountoverview .dashboardzone .accountover .gridz ul li h5,
.accountoverview .withdrawablezone ul li h5 {
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.1px;
  color: #787884;
  font-weight: 500;
}
.accountoverview .dashboardzone .accountover .gridz ul li h6,
.accountoverview .withdrawablezone ul li h6 {
  position: static;
  bottom: auto;
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.3px;
}
.accountoverview .dashboardzone .accountover .gridz ul li h6 span,
.accountoverview .withdrawablezone ul li h6 span {
  font-size: 12px;
  color: var(--tfd-muted);
  margin-left: 4px;
}
.accountoverview .dashboardzone .accountover .gridz ul li h6 time {
  font-size: 18px;
}

/* State colours are carried by the border itself — no ::before bar -------- */

.accountoverview .dashboardzone .accountover .gridz ul li::before,
.accountoverview .withdrawablezone ul li::before {
  content: none;
}

/* .gray keeps the neutral grey of the original sheet (li.gray is !important). */
.accountoverview .dashboardzone .accountover .gridz ul li.blue,
.accountoverview .dashboardzone .accountover .gridz ul li.green,
.accountoverview .dashboardzone .accountover .gridz ul li.Win,
.accountoverview .dashboardzone .accountover .gridz ul li.blue:hover,
.accountoverview .dashboardzone .accountover .gridz ul li.green:hover,
.accountoverview .dashboardzone .accountover .gridz ul li.Win:hover {
  border: 1px solid var(--tfd-accent);
}
.accountoverview .dashboardzone .accountover .gridz ul li.red,
.accountoverview .dashboardzone .accountover .gridz ul li.Lost,
.accountoverview .dashboardzone .accountover .gridz ul li.red:hover,
.accountoverview .dashboardzone .accountover .gridz ul li.Lost:hover {
  border: 1px solid var(--tfd-danger);
}
.accountoverview .dashboardzone .accountover .gridz ul li.red h6,
.accountoverview .dashboardzone .accountover .gridz ul li.Lost h6 {
  color: var(--tfd-danger);
}
.accountoverview .dashboardzone .accountover .gridz ul li.Win h6 {
  color: var(--tfd-accent);
}
.accountoverview .dashboardzone .accountover .gridz ul li.withdrawal h6 {
  color: var(--tfd-danger);
}

/* Withdrawable profit — the one highlighted card -------------------------- */

/* !important is needed here: the original sheet forces li.gray to grey. */
.accountoverview .withdrawablezone ul li:first-child,
.accountoverview .withdrawablezone ul li:first-child:hover {
  background: linear-gradient(180deg, var(--tfd-accent-dim) 0%, var(--tfd-surface) 60%);
  border: 1px solid var(--tfd-accent) !important;
}
.accountoverview .withdrawablezone ul li:first-child h6 {
  color: var(--tfd-accent);
}
.accountoverview .btnwith {
  margin-top: 18px;
}

/* Last trades — same card format as the figure tiles --------------------- */

.accountoverview .tablelast .views-view-grid > .row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
  gap: 14px;
  margin: 0;
}
.accountoverview .tablelast .views-view-grid > .row > .lastrad {
  width: auto;
  max-width: none;
  flex: none;
  padding: 0;
}
.accountoverview .tablelast .views-field-nothing,
.accountoverview .tablelast .views-field-nothing .field-content,
.accountoverview .grlastrades {
  display: block;
  height: 100%;
}

.accountoverview .grlastrades .gr {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
  min-height: 112px;
  margin: 0;
  padding: 18px 20px;
  background: var(--tfd-surface);
  border: 0.1px solid var(--tfd-border-soft);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.accountoverview .grlastrades .gr:hover {
  border-color: var(--tfd-border);
  background: #000;
  transform: translateY(-2px);
}

.accountoverview .grlastrades .gr .gu {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.1px;
  font-weight: 500;
  text-transform: uppercase;
  color: #787884;
}
.accountoverview .grlastrades .gr .oppri {
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.3px;
  color: var(--tfd-text);
}
.accountoverview .grlastrades .gr .datetime,
.accountoverview .grlastrades .gr .datetime time {
  margin: 0;
  font-size: 12px;
  line-height: 1.3;
  color: var(--tfd-muted);
}
.accountoverview .grlastrades .gr .typ {
  margin-top: 0;
  align-self: flex-start;
}

/* The outcome is no longer drawn on the frame. */
.accountoverview .grlastrades .gr::before {
  content: none;
}
/* No coloured frame any more: the outcome is carried by the badge. */
.accountoverview .grlastrades .gr.win,
.accountoverview .grlastrades .gr.win:hover,
.accountoverview .grlastrades .gr.loss,
.accountoverview .grlastrades .gr.loss:hover {
  border: 0.1px solid var(--tfd-border-soft);
}

/* Outcome badge: Win / Loss. !important is needed because the original
   sheet forces the Buy / Sell colours with !important too. */
.accountoverview .grlastrades .gr .typ {
  text-transform: capitalize;
  border-radius: 4px;
}
.accountoverview .grlastrades .gr.win .typ {
  background: var(--tfd-accent) !important;
  color: #04120a !important;
}
.accountoverview .grlastrades .gr.loss .typ {
  background: var(--tfd-danger) !important;
  color: #2d0a0a !important;
}

/* Left rail --------------------------------------------------------------- */

.accountoverview .menuleftdashb {
  background: var(--tfd-surface);
  border-right: 1px solid var(--tfd-border-soft);
}
.accountoverview .menuleftdashb .listm ul li:last-child {
  border-top: 1px solid var(--tfd-border);
}

/* Profile panel ----------------------------------------------------------- */

.accountoverview .topoverpages .menucontent {
  background: var(--tfd-surface);
  border: 1px solid var(--tfd-border-soft);
  border-radius: 0;
  padding: 24px;
}
.accountoverview .topoverpages .menucontent .headover h4 {
  font-size: 12px;
  letter-spacing: 1.4px;
  color: var(--tfd-muted);
}
.accountoverview .topoverpages .menucontent .headover .headprofil {
  align-items: center;
}
.accountoverview .topoverpages .menucontent .headover .headprofil img {
  border: 1px solid var(--tfd-border);
  background: #000;
}
.accountoverview .topoverpages .menucontent .headover .helpingzone {
  background: #000;
  border: 1px solid var(--tfd-border-soft);
  border-radius: 0;
  padding: 16px 18px;
  margin-top: 18px;
}
.accountoverview .topoverpages .menucontent .headover .helpingzone h2 {
  font-size: 12px;
  letter-spacing: 1.2px;
}
.accountoverview .topoverpages .menucontent .headover .helpingzone p {
  color: var(--tfd-muted);
  font-size: 13px;
  line-height: 1.6;
}

/* Referral panel ---------------------------------------------------------- */

.accountoverview .tf-referral {
  background: #000;
  border: 1px solid var(--tfd-border-soft);
  border-radius: 0;
  padding: 15px;
}
.accountoverview .tf-referral__title {
  font-size: 12px;
  letter-spacing: 1.4px;
  color: var(--tfd-muted);
  text-transform: uppercase;
}
.accountoverview .tf-referral__hint {
  color: var(--tfd-muted);
  font-size: 13px;
  line-height: 1.6;
}
.accountoverview .tf-referral__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: stretch;
  margin: 18px 0;
}
.accountoverview .tf-referral__input {
  flex: 1 1 320px;
  min-width: 0;
  background: #000;
  border: 1px solid var(--tfd-border);
  border-radius: 0;
  color: var(--tfd-text);
  font-size: 13px;
}
.accountoverview .tf-referral__input:focus {
  outline: none;
  border-color: var(--tfd-accent);
}
.accountoverview .tf-referral__stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
}
.accountoverview .tf-referral__stats li {
  background: #000;
  border: 1px solid var(--tfd-border-soft);
  border-radius: 0;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.accountoverview .tf-referral__stats li span {
  font-size: 11px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  color: var(--tfd-muted);
}
.accountoverview .tf-referral__stats li strong {
  font-size: 20px;
  color: var(--tfd-text);
  font-weight: 600;
}
.accountoverview .tf-referral__gens-wrap {
  overflow-x: auto;
  background: #000;
  border: 1px solid var(--tfd-border-soft);
  border-radius: 0;
  padding: 4px 6px;
}
.accountoverview .tf-referral__gens {
  width: 100%;
  border-collapse: collapse;
  margin: 0 !important;
}
.accountoverview .tf-referral__gens th {
  font-size: 11px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  color: var(--tfd-muted);
  font-weight: 500;
  text-align: left;
  padding: 14px 16px;
  border: 0;
  background: transparent;
}
.accountoverview .tf-referral__gens td {
  padding: 14px 16px;
  border: 0;
  border-top: 1px solid var(--tfd-border-soft);
  color: var(--tfd-text);
  background: transparent;
}
.accountoverview .tf-referral__gens tbody tr:hover td {
  background: var(--tfd-surface-3);
}

/* Data tables ------------------------------------------------------------- */

.accountoverview .transactable,
.accountoverview .accountoverview-table {
  background: #000;
  border: 1px solid var(--tfd-border-soft);
  border-radius: 0;
  padding: 6px;
  overflow: hidden;
}
.accountoverview .transactable table th,
.accountoverview .view-operations table th {
  border: 0;
  background: transparent;
  color: var(--tfd-muted);
  font-size: 11px;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  font-weight: 500;
}
.accountoverview .transactable table td,
.accountoverview .view-operations table td {
  border: 0;
  border-top: 1px solid var(--tfd-border-soft);
  background: transparent;
}

/* Narrow screens ---------------------------------------------------------- */

@media (max-width: 767px) {
  .accountoverview .dashboardzone {
    margin: 60px 16px 0;
  }
  .accountoverview .dashboardzone .accountover .gridz ul,
  .accountoverview .withdrawablezone ul,
  .accountoverview .tablelast .views-view-grid > .row {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  .accountoverview .dashboardzone .accountover .gridz ul li h6,
  .accountoverview .withdrawablezone ul li h6 {
    font-size: 20px;
  }
}

/* Trading history — Outcome column ---------------------------------------- */

.accountoverview .pips {
  /* The figure is stored unsigned, so the sign comes from the outcome. */
  text-transform: lowercase;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  white-space: nowrap;
}
/* !important: Bootstrap's table-striped and table-hover repaint the cell
   colour through their own variables on every other row. */
.accountoverview td.pips.win,
.accountoverview tr:hover > td.pips.win {
  color: var(--tfd-accent) !important;
}
.accountoverview td.pips.loss,
.accountoverview tr:hover > td.pips.loss {
  color: var(--tfd-danger) !important;
}
.accountoverview .pips.win::before {
  content: "+";
}
.accountoverview .pips.loss::before {
  content: "-";
}
/* Referral link — the copy button is the Withdraw button of the header:
   same font, same border, same padding, same #212830 ground. The field is
   glued to it — no gap, no radius, and the shared edge drawn once, so the
   pair reads as a single control. Heights are pinned through line-height
   because an input and a button do not compute "normal" the same way. */
.accountoverview .tf-referral__row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  width: auto;
  max-width: 100%;
}
.accountoverview .tf-referral__input {
  flex: 0 1 450px;
  min-width: 0;
  padding: 15px 20px;
  font-family: fira;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  background: #000;
  border: 0.1px solid #435160;
  border-right: 0;
  border-radius: 0;
}
.accountoverview #block-referrallink button,
.accountoverview .tf-referral__copy {
  display: inline-block;
  flex: 0 0 auto;
  margin: 0;
  padding: 5px 50px;
  font-family: fira;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  color: #000;
  background: #48ff91;
  border: 0.1px solid #435160;
  border-radius: 0;
  transition: 0.1s ease;
}
.accountoverview #block-referrallink button:hover,
.accountoverview #block-referrallink button:focus,
.accountoverview #block-referrallink button:active {
  color: #000;
  background: #fff;
  border-color: #435160;
  transition: 0.1s ease;
}
.accountoverview #block-referrallink button.is-copied,
.accountoverview #block-referrallink button.is-copied:hover,
.accountoverview #block-referrallink button.is-copied:focus,
.accountoverview #block-referrallink button.is-copied:active {
  color: #000;
  background: #48ff91;
  border-color: #48ff91;
}

/* Focus is shown on the left edge only: the earlier rule in this sheet
   lit up every side, which broke the seam with the Copy button. The
   other sides are restated at their resting colour so that rule loses. */
.accountoverview .tf-referral__input:focus {
  outline: none;
  box-shadow: none;
  border-top-color: #435160;
  border-bottom-color: #435160;
  border-right-color: #435160;
  border-left-color: #435160;
}

/* Header and body were pulling apart: this sheet left-aligns the <th>,
   while the module's own stylesheet still centres the <td>. Both are
   pinned left here, so every column lines up with its title. */
.accountoverview .tf-referral__gens th,
.accountoverview .tf-referral__gens td {
  text-align: left;
  padding: 14px 16px;
}

/* Withdraw page — the crypto select has to look like the two inputs below
   it. ".form-select" in the "bases" sheet sets a transparent ground, a
   lighter border and NO colour at all, so on this dark page it renders
   near-black on near-black. The option list keeps the browser's own light
   background, so its text stays dark on purpose. */
.withdrawpage .form-select {
  color: #fff;
  background-color: #5d666d1c;
  border: 1px solid #242426;
}
.withdrawpage .form-select:focus {
  background-color: #5d666d1c;
  border: 1px solid #48ff91;
}
.withdrawpage .form-select option {
  color: #000;
  background: #fff;
}
/* Supervisor page — it borrows the Trading History table skin (.tabledash)
   but drops that skin's fixed column widths: they were cut for the seven
   columns of the trades table and would crush these wider ones. */
body.page-node-107 #main-wrapper {
  background: #1b1b1c;
  min-height: 100vh;
}
body.page-node-107 .site-footer {
  margin: 0;
}
.tf-supervisor {
  color: #fff;
  padding: 40px 0 60px;
}
.tf-supervisor .tf-sv-section {
  margin-bottom: 60px;
}
.tf-supervisor h2 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.tf-supervisor .tf-sv-note {
  color: #8b8b98;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 14px;
}
.tf-supervisor .tabledash table thead tr th,
.tf-supervisor .tabledash table tbody tr td {
  width: auto;
  white-space: nowrap;
}
.tf-supervisor .tabledash table {
  width: 100%;
}
/* The row buttons are the Withdraw button of the dashboard header. */
.tf-supervisor .tf-sv-btn,
.tf-supervisor td a,
.tf-supervisor td input[type="submit"] {
  display: inline-block;
  margin: 0;
  padding: 5px 20px;
  font-family: fira;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  color: #48ff91;
  background: #212830;
  border: 0.1px solid #435160;
  border-radius: 0;
  transition: 0.1s ease;
  cursor: pointer;
}
.tf-supervisor .tf-sv-btn:hover,
.tf-supervisor td a:hover,
.tf-supervisor td input[type="submit"]:hover:not(:disabled) {
  color: #000;
  background: #fff;
}
.tf-supervisor td input[type="submit"]:disabled {
  color: #5a5a66;
  border-color: #2a2f36;
  cursor: not-allowed;
}
/* Transactions History — a withdrawal shows up the moment it is requested,
   in orange, and turns into an ordinary white line once approved. Nothing
   has moved on the account while it is orange. !important because
   table-striped repaints every other row through its own variables. */
.transactable table tbody tr.tf-pending td,
.transactable table tbody tr.tf-pending:hover td {
  color: #ffa53c !important;
}
.transactable table tbody tr.tf-rejected td,
.transactable table tbody tr.tf-rejected:hover td {
  color: #6f6f78 !important;
  text-decoration: line-through;
}
.tf-supervisor .tf-sv-btn--reject {
  color: #ff6060;
  margin-left: 6px;
}
.tf-supervisor .tf-sv-btn--reject:hover {
  color: #000;
  background: #ff6060;
  border-color: #ff6060;
}

/* The contract end sits inside the Starting tile: it is context for
   that date, not a figure of its own, so it stays small and muted. */
.accountoverview .enddate {
  font-size: 13px;
  line-height: 14px;
  color: var(--tfd-muted);
  font-family: firab;
}

/* ==== TF DASHBOARD REFRESH — END ========================================= */