body {
  font-family: 'Gotham Pro';
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin-top: 0;
  background-color: #1d1f31;
}
body .col-xs-1,
body .col-sm-1,
body .col-md-1,
body .col-lg-1,
body .col-xs-2,
body .col-sm-2,
body .col-md-2,
body .col-lg-2,
body .col-xs-3,
body .col-sm-3,
body .col-md-3,
body .col-lg-3,
body .col-xs-4,
body .col-sm-4,
body .col-md-4,
body .col-lg-4,
body .col-xs-5,
body .col-sm-5,
body .col-md-5,
body .col-lg-5,
body .col-xs-6,
body .col-sm-6,
body .col-md-6,
body .col-lg-6,
body .col-xs-7,
body .col-sm-7,
body .col-md-7,
body .col-lg-7,
body .col-xs-8,
body .col-sm-8,
body .col-md-8,
body .col-lg-8,
body .col-xs-9,
body .col-sm-9,
body .col-md-9,
body .col-lg-9,
body .col-xs-10,
body .col-sm-10,
body .col-md-10,
body .col-lg-10,
body .col-xs-11,
body .col-sm-11,
body .col-md-11,
body .col-lg-11,
body .col-xs-12,
body .col-sm-12,
body .col-md-12,
body .col-lg-12 {
  padding-right: 5px;
  padding-left: 5px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
td {
  border: none !important;
}
td.views-field-field-assets {
  text-transform: uppercase;
}
header#navbar {
  color: #fff;
  background-color: #131722;
  margin-bottom: 20px;
}
header#navbar .navbar-header {
  float: none;
  display: block;
}
header#navbar .language-switcher-language-url .links {
  list-style: none;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 10px 0;
}
header#navbar .language-switcher-language-url .links li {
  margin: 0 5px;
}
header#navbar .language-switcher-language-url .links li a {
  color: #fff;
}
header#navbar .language-switcher-language-url .links li a.is-active {
  color: #7c7d8b;
}
header#navbar .region-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header#navbar .region-navigation .logo img {
  width: 200px;
  max-width: 100%;
}
header#navbar .region-navigation .menu--header-menu {
  display: flex;
  align-items: center;
}
header#navbar .region-navigation .menu--header-menu li a {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
header#navbar .region-navigation .hours-data-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
header#navbar .region-navigation .dropdown {
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
header#navbar .region-navigation .dropdown button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  padding: 0;
  text-transform: uppercase;
}
header#navbar .region-navigation .dropdown .dropdown-toggle {
  margin: 0 15px;
}
header#navbar .region-navigation .hours-data-wrapper > div {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  font-size: 10px;
}
header#navbar .region-navigation .hours-data-wrapper > div .title {
  color: #787C85;
}
header#navbar .region-navigation .hours-data-wrapper > div .value {
  font-weight: 700;
}
header#navbar .region-navigation .hours-data-wrapper > div.profit-loss-wrapper {
  margin-right: 0;
}
header#navbar .region-navigation .hours-data-wrapper > div.free-margin-wrapper.green .value {
  color: green;
}
header#navbar .region-navigation .hours-data-wrapper > div.free-margin-wrapper.red .value {
  color: #ff3131;
}
header#navbar .region-navigation .navbar-toggle {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('/themes/custom/forex_admin/images/burger-menu.png');
  padding: 0;
}
header#navbar .region-navigation .navbar-toggle[aria-expanded="true"] {
  background-image: url('/themes/custom/forex_admin/images/burger-menu-close.png');
}
#navbar-collapse {
  position: fixed;
  left: 0;
  top: 0;
  width: 300px;
  z-index: 10000;
  background-color: #131722;
  height: 100vh;
  max-width: calc(100% - 40px);
}
#navbar-collapse a.logo {
  height: auto !important;
  max-width: 100%;
  padding: 30px 20px;
  width: 100% !important;
  display: block;
  text-align: center;
}
#navbar-collapse #block-mobile-account-menu {
  display: block;
}
#navbar-collapse #block-mobile-account-menu .user--type-user {
  margin: 0 30px;
}
#navbar-collapse .menu--header-menu .last {
  display: none;
}
#navbar-collapse #block-main-menu-mobile,
#navbar-collapse #block-account-menu-mobile {
  text-align: center;
}
#navbar-collapse #block-main-menu-mobile .nav > li a,
#navbar-collapse #block-account-menu-mobile .nav > li a {
  color: #fff;
  padding: 10px 15px;
  display: block;
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
}
.forex-application-operations .dropdown-menu {
  background-color: #131722;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.forex-application-operations .dropdown-menu li.dropdown-submenu {
  position: relative;
}
.forex-application-operations .dropdown-menu li.dropdown-submenu a {
  color: #fff;
  white-space: normal;
  padding: 5px 10px;
  width: 180px;
}
.forex-application-operations .dropdown-menu li.dropdown-submenu a:hover,
.forex-application-operations .dropdown-menu li.dropdown-submenu a:focus {
  background-color: #1d1f31;
}
.forex-application-operations .dropdown-menu.links {
  top: 0;
  left: 100%;
  margin-top: -1px;
  column-count: 2;
}
.forex-application-chart-wrapper {
  border: none;
  padding-bottom: 20px;
}
.forex-application-chart-wrapper .panel-heading {
  border: none;
  background-color: transparent;
}
.forex-application-chart-wrapper .panel-heading .panel-title {
  background-color: #131722;
  color: #26A99D;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 14px 15px;
}
.forex-application-chart-wrapper .panel-body {
  background-color: #131722;
  padding: 15px;
}
.forex-application-chart-wrapper #application {
  height: 500px !important;
}
.forex-create-left-wrapper > .form-wrapper,
.forex-create-center-wrapper > .form-wrapper {
  background-color: #131722;
  color: #fff;
  border: none;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.forex-create-left-wrapper > .form-wrapper .panel-heading,
.forex-create-center-wrapper > .form-wrapper .panel-heading {
  background-color: #131722;
  border: none;
  border-bottom: 1px solid #2C3242;
}
.forex-create-left-wrapper > .form-wrapper .panel-heading .panel-title,
.forex-create-center-wrapper > .form-wrapper .panel-heading .panel-title {
  color: #fff;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  padding: 13px 15px;
  padding-left: 80px;
}
.forex-create-left-wrapper > .form-wrapper .panel-heading .panel-title:before,
.forex-create-center-wrapper > .form-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
}
.forex-create-left-wrapper .forex-create-book-wrapper .panel-body,
.forex-create-center-wrapper .forex-create-book-wrapper .panel-body {
  padding: 0;
}
.forex-create-left-wrapper .forex-create-book-wrapper .panel-heading .panel-title,
.forex-create-center-wrapper .forex-create-book-wrapper .panel-heading .panel-title {
  position: relative;
}
.forex-create-left-wrapper .forex-create-book-wrapper .panel-heading .panel-title:before,
.forex-create-center-wrapper .forex-create-book-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
  left: 37px;
  top: 8px;
  width: 25px;
  height: 28px;
  background-image: url(/themes/custom/forex_admin/images/titleicon1.png);
  background-size: 100%;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .panel-body,
.forex-create-center-wrapper .forex-create-recent-wrapper .panel-body {
  padding: 0;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .panel-heading .panel-title,
.forex-create-center-wrapper .forex-create-recent-wrapper .panel-heading .panel-title {
  position: relative;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .panel-heading .panel-title:before,
.forex-create-center-wrapper .forex-create-recent-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
  left: 37px;
  top: 8px;
  width: 25px;
  height: 28px;
  background-image: url(/themes/custom/forex_admin/images/titleicon2.png);
  background-size: 100%;
}
.forex-create-left-wrapper .forex-create-recent-wrapper,
.forex-create-center-wrapper .forex-create-recent-wrapper,
.forex-create-left-wrapper .forex-create-book-wrapper,
.forex-create-center-wrapper .forex-create-book-wrapper {
  margin-bottom: 20px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .order-book-header,
.forex-create-center-wrapper .forex-create-recent-wrapper .order-book-header,
.forex-create-left-wrapper .forex-create-book-wrapper .order-book-header,
.forex-create-center-wrapper .forex-create-book-wrapper .order-book-header {
  font-weight: 500;
  font-size: 9px;
  color: #8D919A;
  padding: 8px 0;
  padding-right: 38px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal-title,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal-title,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal-title,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal-title {
  font-weight: 500;
  font-size: 9px;
  color: #8D919A;
  padding: 8px 0;
  text-align: right;
  padding-right: 38px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal {
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
  height: 197px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal > .views-element-container,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal > .views-element-container,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal > .views-element-container,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal > .views-element-container {
  overflow-x: hidden;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row {
  font-weight: 500;
  font-size: 9px;
  color: #757981;
  padding: 4px 0;
  /* text-align: center; */
  text-align: right;
  padding-right: 39px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1) {
  background-color: #1C1E30;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row .views-field-field-price,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row .views-field-field-price,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row .views-field-field-price,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row .views-field-field-price {
  color: #EF5350;
}
.forex-create-left-wrapper .forex-create-order-wrapper {
  margin-bottom: 20px;
  padding: 10px 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .panel-title {
  text-align: center;
  font-size: 11px;
  font-weight: 900;
  padding: 13px 15px;
  padding-top: 15px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -4px;
  width: 40px;
  margin-left: -20px;
  height: 3px;
  background-color: #FFFF00;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage label {
  padding: 0;
  color: #fff;
  margin-right: -30px;
  margin-bottom: 12px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-direction: column;
  position: relative;
  margin: 0 5px 37px 0;
  padding-bottom: 20px;
  overflow: inherit;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range {
  padding: 0;
  position: absolute;
  left: 4px;
  right: 0;
  bottom: -9px;
  -webkit-appearance: none;
  width: 106%;
  min-width: 100%;
  height: 6px;
  border-radius: 5px;
  background: #e9e9e9;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 8px -19px 11px 0;
  box-shadow: none;
  border: none;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #26A99D;
  cursor: pointer;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #26A99D;
  cursor: pointer;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item #leverage-range-label-value {
  position: absolute;
  left: 100%;
  bottom: -19px;
  width: 21px;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item:hover #leverage-range-label-value {
  opacity: 1;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item:before {
  position: absolute;
  content: "";
  right: -8px;
  top: -4px;
  width: 30px;
  height: 23px;
  background-size: 100%;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item .form-number {
  margin-left: 20px;
  background-color: transparent;
  height: auto;
  border: none;
  box-shadow: none;
  line-height: 1;
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 900;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume {
  margin-bottom: 20px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 8px;
  margin-bottom: 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline input {
  width: 50%;
  height: auto;
  background-color: transparent;
  border: 1px solid #2C3242;
  padding: 1px 12px;
  color: #fff;
  font-size: 12px;
  margin: 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline .control-label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume #forex-order-errors {
  font-size: 14px;
  font-weight: 500;
  color: red;
  margin: 0;
  list-style-type: none;
  text-align: right;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .wrapper-order-item {
  font-size: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button {
  flex-basis: 45%;
  font-size: 10px;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px solid #7499FF;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0;
  width: auto;
  padding: 6px 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.sell-wrapper {
  border: 2px solid #EF5350;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper {
  margin-bottom: 20px;
  padding: 10px 0;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-heading .panel-title {
  font-size: 11.3px;
  font-weight: 500;
  text-align: center;
  padding: 13px 0;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body {
  padding: 0;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  padding: 5px 15px;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div:nth-child(2n) {
  background-color: #1C1E30;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div .title {
  color: #757981;
}
.table-hover > tbody > tr:hover {
  background-color: transparent;
}
.forex-create-assets-wrapper {
  padding: 15px;
  background-color: #131722;
  margin-bottom: 50px;
}
.forex-create-assets-wrapper .quicktabs-tabs {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #2C3242;
}
.forex-create-assets-wrapper .quicktabs-tabs li a {
  font-size: 10px;
  text-transform: uppercase;
  background-color: transparent;
  color: #fff;
  font-weight: 500;
  margin: 0;
  width: auto;
  padding: 15px 0;
  margin-right: 34px;
  display: inline-block;
}
.forex-create-assets-wrapper .quicktabs-tabs li.active a {
  border-bottom: 2px solid #00AB9E;
}
.forex-create-assets-wrapper table {
  margin-top: 21px;
  margin-bottom: 51px;
}
.forex-create-assets-wrapper table thead th {
  font-weight: 500;
  font-size: 11px;
  color: #8D919A;
  padding: 8px 7px;
  /* text-align: center; */
  padding-right: 38px;
  border-bottom: 1px solid #2C3242;
}
.forex-create-assets-wrapper table tbody tr {
  color: #757981;
  background-color: transparent;
  font-size: 11px;
}
.forex-create-assets-wrapper table tbody tr:nth-child(2n+1) {
  background-color: #1C1E30;
}
.forex-create-assets-wrapper table tbody tr td .links {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
.forex-create-assets-wrapper table tbody tr td .links .take-profit a,
.forex-create-assets-wrapper table tbody tr td .links .stop-loss a {
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/themes/custom/forex_admin/images/izmenit.png);
  background-size: 100%;
}
.forex-create-assets-wrapper table tbody tr td .links a {
  color: #fff;
}
.forex-create-assets-wrapper table tbody tr td .close-order-wrapper {
  color: red;
  cursor: pointer;
}
.block-forex-account {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.block-forex-account .field--name-user-mail {
  margin-bottom: 10px;
}
.block-forex-account .field--name-user-picture img {
  display: inline-block;
  width: 37px;
  height: auto;
}
.block-forex-account .menu--account-menu {
  display: flex;
  align-items: center;
}
.block-forex-account .menu--account-menu li a {
  color: #fff;
  font-size: 12px;
  padding: 5px 6px;
}
.block-forex-account .menu--account-menu li a:hover {
  color: #00AB9E;
}
.block-forex-account-account-menu {
  position: relative;
  padding: 11px 0 11px 15px;
}
.block-forex-account-account-menu .user--type-user {
  text-align: center;
  display: flex;
  align-items: center;
}
.block-forex-account-account-menu .user--type-user a img {
  width: 25px;
}
.block-forex-account-account-menu .user--type-user .field--name-user-mail {
  margin: 0;
  margin-right: 15px;
}
.block-forex-account-account-menu .user--type-user.user-verified {
  background-image: url('/themes/custom/forex_admin/images/account-confirmed.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left;
  padding-left: 25px;
}
.block-forex-account-account-menu .form-group {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background-color: #131722;
  z-index: 2;
  border-top: 5px solid #4AF994;
  padding: 16px 16px;
  padding-bottom: 31px;
  padding-top: 20px;
  padding-left: 31px;
}
.block-forex-account-account-menu .form-group .menu--account-menu {
  display: flex;
  align-items: start;
  flex-direction: column;
}
.block-forex-account-account-menu .account-register-menu-wrapper {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
}
.block-forex-account-account-menu .account-register-menu-wrapper .login a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 28px;
  position: relative;
  display: inline-block;
}
.block-forex-account-account-menu .account-register-menu-wrapper .login a:before {
  position: absolute;
  content: "";
  left: -27px;
  top: 2px;
  width: 12px;
  height: 14px;
  background-image: url(/themes/custom/forex_admin/images/loginIcon.png);
  background-size: 100%;
}
.block-forex-account-account-menu .account-register-menu-wrapper .register a {
  font-size: 12px;
  font-weight: 500;
  text-transform: inherit;
  display: inline-block;
  border: 2px solid #26A99D;
  padding: 5px 10px 7px 10px;
  border-radius: 50px;
  line-height: 1;
  color: #fff;
}
.block-forex-account-account-menu .account-register-menu-wrapper .register a:hover {
  background-color: #26A99D;
  color: #002A84;
}
.application-login-wrapper {
  text-align: center;
}
.application-login-wrapper .alert-text {
  margin-bottom: 15px;
  color: #fff;
  font-size: 12px;
}
.application-login-wrapper .btn-login {
  margin-bottom: 15px;
}
.application-login-wrapper .btn-login a {
  font-size: 12px;
  font-weight: 500;
  text-transform: inherit;
  display: block;
  text-align: center;
  border: 2px solid #26A99D;
  padding: 5px 10px;
  border-radius: 10px;
  line-height: 1;
  padding-bottom: 7px;
  color: #fff;
}
.application-login-wrapper .btn-login a:hover {
  background-color: #26A99D;
  color: #fff;
}
.path-dashboard .main-container {
  padding: 0;
}
.path-dashboard .row {
  margin: 0;
}
.path-dashboard .col-sm-12 {
  padding: 0;
}
.path-dashboard .table-responsive {
  background-color: #131722;
  padding: 40px 60px;
}
.path-dashboard .table-responsive .table-striped thead tr th {
  border: none;
  font-weight: 500;
  color: #8D919A;
  padding: 8px 7px;
  padding-right: 38px;
  border-bottom: 1px solid #2C3242;
}
.path-dashboard .table-responsive .table-striped tbody tr {
  background-color: transparent !important;
  color: #fff;
}
.path-dashboard .table-responsive .table-striped tbody tr td {
  border: none;
}
.path-dashboard .table-responsive .table-striped tbody tr td:nth-child(1) {
  position: relative;
  color: #4AF994;
  font-weight: 900;
  font-size: 16px;
}
.path-dashboard .table-responsive .table-striped tbody tr .links {
  display: flex;
  margin: 0;
  list-style: none;
  padding: 0;
}
.path-dashboard .table-responsive .table-striped tbody tr .links li:nth-child(1) a {
  padding-left: 0;
}
.path-dashboard .table-responsive .table-striped tbody tr .links li:nth-child(1) a:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background-color: #FFF;
}
.path-dashboard .table-responsive .table-striped tbody tr .links a {
  font-size: 11.31px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.path-dashboard .table-responsive .table-striped tbody tr .links a:hover {
  text-decoration: none;
  color: #4AF994;
}
.menu--dashboard-account-menu {
  background-color: #131722;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  padding: 5px 30px;
}
.menu--dashboard-account-menu li {
  margin-right: 40px;
}
.menu--dashboard-account-menu li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}
.menu--dashboard-account-menu li a:before {
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  content: "";
  margin-right: 15px;
  height: 20px;
  width: 20px;
}
.menu--dashboard-account-menu li a.account:before {
  background-image: url(/themes/custom/forex_admin/images/pricon11.png);
}
.menu--dashboard-account-menu li a.account.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon1.png);
}
.menu--dashboard-account-menu li a.balance:before {
  background-image: url(/themes/custom/forex_admin/images/pricon22.png);
}
.menu--dashboard-account-menu li a.balance.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon2.png);
}
.menu--dashboard-account-menu li a.transaction:before {
  background-image: url(/themes/custom/forex_admin/images/pricon33.png);
}
.menu--dashboard-account-menu li a.transaction.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon3.png);
}
.menu--dashboard-account-menu li a.trade:before {
  background-image: url(/themes/custom/forex_admin/images/pricon44.png);
}
.menu--dashboard-account-menu li a.trade.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon4.png);
}
.menu--dashboard-account-menu li a.is-active {
  background-color: #4AF994;
  color: #131722;
}
.modal-dialog {
  font-weight: 500;
}
.modal-dialog .modal-content {
  background-color: #131722;
  color: #757981;
}
.modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #1C2028;
}
.modal-dialog .modal-content .modal-header:after,
.modal-dialog .modal-content .modal-header:before {
  display: none;
}
.modal-dialog .modal-content .modal-header .modal-title {
  width: 100%;
}
.modal-dialog .modal-content .modal-header .close {
  text-align: right;
  color: #fff;
  opacity: 0.7;
}
.modal-dialog .modal-content .stop-loss,
.modal-dialog .modal-content .take-profit {
  padding: 0 50px;
}
.modal-dialog .modal-content .stop-loss .wrapper,
.modal-dialog .modal-content .take-profit .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-dialog .modal-content .stop-loss .wrapper .field--type-boolean,
.modal-dialog .modal-content .take-profit .wrapper .field--type-boolean {
  margin: 0;
}
.modal-dialog .modal-content .stop-loss .wrapper label,
.modal-dialog .modal-content .take-profit .wrapper label {
  padding: 0;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-number input,
.modal-dialog .modal-content .take-profit .wrapper .form-type-number input {
  background-color: #494A53;
  border: none;
  color: #fff;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox input,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox input {
  background-color: #494A53;
  border: none;
  color: #fff;
  display: none;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox span,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox span {
  position: relative;
  padding-left: 22px;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox span:before,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 13px;
  height: 13px;
  margin-top: -6.5px;
  background-color: transparent;
  border: 2px solid #757981;
  border-radius: 2px;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox input:checked + span:before,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox input:checked + span:before {
  background-color: #757981;
}
.modal-dialog .modal-content .stop-loss .stop-loss-values,
.modal-dialog .modal-content .take-profit .stop-loss-values,
.modal-dialog .modal-content .stop-loss .take-profit-values,
.modal-dialog .modal-content .take-profit .take-profit-values {
  display: flex;
  list-style: none;
  justify-content: space-around;
  background-color: #2C2C33;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 21px;
}
.modal-dialog .modal-content .order-info {
  text-align: center;
  border: 2px solid #1D2129;
  padding-bottom: 31px;
  border-radius: 10px;
}
.modal-dialog .modal-content .order-info > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 4px 0;
  font-weight: 500;
}
.modal-dialog .modal-content .order-info > div:nth-child(2n) {
  background-color: #1D2129;
}
.modal-dialog .modal-content .order-info > div:hover {
  background-color: #262422;
}
.modal-dialog .modal-content .order-info > div label {
  flex-basis: 50%;
  text-align: right;
  padding-right: 15px;
}
.modal-dialog .modal-content .order-info > div .value {
  flex-basis: 50%;
  text-align: left;
  padding-left: 15px;
}
.modal-dialog .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 2px solid #1D2129;
}
.modal-dialog .modal-footer .btn-secondary {
  background-color: transparent;
  border: 1px solid #23272F;
  margin-right: 15px;
  color: #757981;
  font-weight: 500;
  width: 50%;
}
.modal-dialog .modal-footer .btn-primary {
  color: #000;
  background-color: #FAA313;
  font-weight: 500;
  border-color: #FAA313;
}
.modal-dialog .modal-footer .form-actions {
  width: 50%;
}
.ui-resizable-disabled {
  padding: 20px;
  border-radius: 20px;
}
.ui-resizable-disabled .modal-header {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: none !important;
}
.ui-resizable-disabled .modal-header .modal-title {
  font-size: 18px;
  color: #fff;
}
.ui-resizable-disabled .modal-header .close {
  color: #fff;
  opacity: 1;
}
.ui-resizable-disabled .modal-body {
  overflow: hidden !important;
}
.ui-resizable-disabled .modal-body .wallet {
  border: 1px solid #E9E9E9;
  background-color: #F9F9F9;
  padding: 10px 21px;
  margin-top: 30px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.ui-resizable-disabled .modal-body .qr-code img {
  max-width: 100px;
  height: auto;
}
.ui-resizable-disabled .ui-dialog-buttonpane {
  text-align: left;
  justify-content: end;
  border: none;
}
.ui-resizable-disabled .ui-dialog-buttonpane .button {
  font-size: 14px;
  font-weight: 900;
  background-color: #26A99D;
  text-transform: uppercase;
  border: none;
  padding: 7px 42px;
  margin-left: 30px;
  color: #000;
}
.ui-resizable-disabled .form-actions {
  padding: 0 !important;
  margin: 0 !important;
}
.forex-payment-deposit-form .form-type-number > .input-group,
.forex-payment-withdraw-form .form-type-number > .input-group {
  display: flex;
  align-items: center;
}
.forex-payment-deposit-form .form-type-number > .input-group .input-group-addon,
.forex-payment-withdraw-form .form-type-number > .input-group .input-group-addon {
  display: inline-block;
  background-color: #DCDC05;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 0;
  padding: 18px 50px;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin-left: 20px;
  width: auto;
}
.block-forex-account-account-menu > a {
  color: #fff;
  margin-right: 54px;
  margin-bottom: 11px;
}
.order-book-body-wrapper {
  overflow-x: hidden;
}
form .control-label {
  color: #fff;
}
form .form-control {
  background-color: #1d1f31;
  border: none;
  border-radius: 0;
  padding: 15px 20px;
  height: auto;
  font-size: 16px;
  border-bottom: 1px solid;
  margin-bottom: 20px;
}
form .description.help-block,
form .password-confirm-message {
  display: none;
}
form select {
  margin-bottom: 0 !important;
}
form .field--widget-boolean-checkbox {
  text-align: left;
  color: #777070;
}
form button {
  width: 100%;
  margin: 0;
  padding: 15px 20px;
  font-size: 16px;
}
form button .glyphicon {
  display: none;
}
form .panel {
  background-color: #131722;
  border-color: #555555;
  border-radius: 0;
}
form .panel .panel-heading {
  background-color: #0c0d18;
  color: #ccc;
  text-transform: uppercase;
  border: 0 none;
}
form .panel .panel-heading .panel-title {
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-image: url('/themes/custom/forex_admin/images/plus-icon.png');
}
form .panel .panel-heading .panel-title[aria-expanded="true"] {
  background-image: url('/themes/custom/forex_admin/images/minus-icon.png');
}
form .panel .help-block {
  color: #fff;
  margin-bottom: 20px;
}
.login-container {
  display: flex;
  align-items: center;
  min-height: 100vh;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.login-container .login-container-wrapper {
  background-color: #131722;
  border-radius: 5px;
  padding: 30px;
  text-align: center;
}
.login-container .login-container-wrapper .logo {
  max-width: 200px;
  margin: 50px 0;
}
.login-container .login-container-wrapper .form-footer {
  margin-top: 30px;
  font-weight: 400;
  color: #777070;
  font-size: 17px;
}
.login-container .login-container-wrapper .form-footer .text-center {
  margin-bottom: 15px;
}
form.user-verification-form,
form.user-account-form {
  background-color: #131722;
  padding: 40px 60px;
}
form.user-verification-form .form-actions button,
form.user-account-form .form-actions button {
  width: 100px;
}
form.user-verification-form .form-actions .button.verification-button,
form.user-account-form .form-actions .button.verification-button {
  padding: 6px 12px;
  background-color: #337ab7;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #337ab7;
}
form.user-verification-form .form-type-managed-file .form-managed-file {
  margin: 0;
  display: flex;
  align-items: center;
}
form.user-verification-form .form-type-managed-file .form-managed-file .preview {
  max-width: 130px;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file {
  margin: 0;
  display: inline-block;
  width: auto;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file > span {
  background-color: transparent;
  border: 0 none;
}
form.user-verification-form .form-type-managed-file .form-managed-file .btn.btn-danger {
  background-image: url('/themes/custom/forex_admin/images/delete-icon.png');
  background-color: transparent;
  border: 0 none;
  background-repeat: no-repeat;
  font-size: 0;
  width: 30px;
  height: 32px;
  padding: 0;
  vertical-align: top;
  background-position: center;
  margin-left: 15px;
}
form.user-verification-form .field--type-file,
form.user-verification-form .field--type-image {
  border-top: 1px solid;
  padding-top: 20px;
}
form.user-verification-form .error-comment {
  color: white;
  padding: 10px;
  background-color: #1d1f31;
  margin-bottom: 20px;
  border-radius: 5px;
  text-align: left;
}
form.user-verification-form .confirmed-wrapper,
form.user-verification-form .unconfirmed-wrapper {
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
}
form.user-verification-form .confirmed-wrapper {
  background-image: url('/themes/custom/forex_admin/images/confirmed-wrapper.png');
  color: #4AF994;
}
form.user-verification-form .unconfirmed-wrapper {
  background-image: url('/themes/custom/forex_admin/images/unconfirmed-wrapper.png');
  color: #df5c4e;
}
.asset-icon {
  width: 18px;
  border-radius: 10px;
  height: auto;
  margin-right: 8px;
  vertical-align: middle;
}

/* --- Colors --- */
:root {
  --buy: #22c55e;   /* green-500 */
  --sell: #ef4444;  /* red-500 */
  --dep-g1: #18a357;
  --dep-g2: #22B26C;
  --dep-g3: #2bd173;
}

/* Only color the Buy/Sell (action) cell by action — modern :has() */
tr:has(.potential-profit.buy)  td.views-field-field-action-1 {
  color: var(--buy);
  font-weight: 600;
}
tr:has(.potential-profit.sell) td.views-field-field-action-1 {
  color: var(--sell);
  font-weight: 600;
}

.view-id-orders.view-display-id-close_order tr:has(td.views-field-forex-order-profit-actions .buy) td.views-field-field-action {
  color: var(--buy);
  font-weight: 600;
}

.view-id-orders.view-display-id-close_order tr:has(td.views-field-forex-order-profit-actions .sell) td.views-field-field-action {
  color: var(--sell);
  font-weight: 600;
}

/* Fallback if JS adds .row--buy / .row--sell on <tr> */
tr.row--buy  td.views-field-field-action-1 { color: var(--buy);  font-weight: 600; }
tr.row--sell td.views-field-field-action-1 { color: var(--sell); font-weight: 600; }

/* Profit change feedback (kept) */
.potential-profit { transition: color .3s ease, background-color .9s ease; }
.potential-profit.profit--up   { color: var(--buy) !important;  animation: flash-up .9s ease; }
.potential-profit.profit--down { color: var(--sell) !important; animation: flash-down .9s ease; }

@keyframes flash-up   { from { background: rgba(34,197,94,.15); } to { background: transparent; } }
@keyframes flash-down { from { background: rgba(239,68,68,.15); } to { background: transparent; } }

:root { --buy:#22c55e; --sell:#ef4444; }
.potential-profit { transition: color .3s ease, background-color .9s ease; }
.potential-profit.profit--up   { color: var(--buy) !important;  animation: flash-up .9s; }
.potential-profit.profit--down { color: var(--sell) !important; animation: flash-down .9s; }
@keyframes flash-up   { from { background: rgba(34,197,94,.15); } to { background: transparent; } }
@keyframes flash-down { from { background: rgba(239,68,68,.15); } to { background: transparent; } }

/* Reuse your vars + keyframes already defined */
/* Subtle transition on the watched price fields */
.wrapper-order-item .value.price,
.order-info .order-price .value,
#forex-create-contract-data .last-trade-price .value,
#forex-create-contract-data .labeling-price .value,
#forex-create-contract-data .index-value .value {
  transition: color .3s ease, background-color .9s ease;
}

/* Delta states (same palette/flash as profit) */
.price-delta--up {
  color: var(--buy) !important;
  animation: flash-up .9s ease;
}

.price-delta--down {
  color: var(--sell) !important;
  animation: flash-down .9s ease;
}

.view-display-id-close_order .potential-profit {
  display: none;
}

/* --- Deposit button: running green + shimmer + click ripple (CSS-only safe) --- */
.header-deposit-btn {
  position: relative;
  overflow: hidden; /* for optional ripple */
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .9rem;
  border-radius: 999px;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--dep-g3);
  background: linear-gradient(90deg, var(--dep-g1), var(--dep-g2), var(--dep-g3), var(--dep-g2), var(--dep-g1));
  background-size: 800% 100%;
  animation: dep-run 12s linear infinite; /* slow idle run */
  box-shadow: 0 0 0 0 rgba(34, 178, 108, .35);
}

.header-deposit-btn:hover {
  animation: dep-run 3.2s linear infinite, dep-pulse 1.8s ease-out infinite;
}

.header-deposit-btn:active {
  transform: translateY(1px) scale(.98);
  filter: brightness(1.04);
}

/* diagonal sheen that “runs” across */
.header-deposit-btn::after {
  content: "";
  position: absolute;
  top: -40%;
  bottom: -40%;
  left: -60%;
  width: 40%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .28), transparent);
  transform: skewX(-20deg) translateX(0);
  pointer-events: none;
  animation: dep-sheen 2.6s linear infinite;
}

/* Optional ripple container (only appears if JS injects it) */
.dep-ripple {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .45) 0%, rgba(255, 255, 255, .15) 40%, rgba(255, 255, 255, 0) 70%);
  transform: scale(0);
  animation: dep-ripple .6s ease-out;
}

/* Keyframes */
@keyframes dep-run {
  from {
    background-position: 0% 0
  }
  to {
    background-position: 800% 0
  }
}

@keyframes dep-sheen {
  from {
    transform: skewX(-20deg) translateX(-10%)
  }
  to {
    transform: skewX(-20deg) translateX(240%)
  }
}

@keyframes dep-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 178, 108, .35)
  }
  70% {
    box-shadow: 0 0 0 14px rgba(34, 178, 108, 0)
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 178, 108, 0)
  }
}

@keyframes dep-ripple {
  to {
    transform: scale(2.8);
    opacity: 0
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .header-deposit-btn,
  .header-deposit-btn::after {
    animation: none !important
  }

  .dep-ripple {
    animation-duration: .01ms !important
  }
}

.view-orders.view-display-id-close_order .closed-orders-total {
  text-align: center;
  padding: 24px 0 12px;
  color: #fff;
}

.view-orders.view-display-id-close_order .closed-orders-total__label {
  font-size: 22px;
  font-weight: 500;
  color: #8D919A;
}

.view-orders.view-display-id-close_order .closed-orders-total__value {
  font-size: 32px;
  font-weight: 700;
}

.view-orders.view-display-id-close_order .closed-orders-total--positive .closed-orders-total__value {
  color: #22c55e; /* green */
}

.view-orders.view-display-id-close_order .closed-orders-total--negative .closed-orders-total__value {
  color: #ef4444; /* red */
}

/* Mobile "plates" */
@media (max-width: 767.98px) {

  .table-responsive {
    overflow-x: visible;
  }

  .table-responsive .table thead {
    display: none;
  }

  .table-responsive .table,
  .table-responsive .table tbody {
    display: block;
    width: 100%;
  }

  /* Card layout per row */
  .table-responsive .table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    grid-auto-rows: auto;
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    background-color: #1d1f31 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    font-size: 1rem;
  }

  .table-responsive .table tbody tr td {
    display: block;
    padding: 0.2rem 0;
    border-top: none;
    background: none;
  }

  .table-responsive .table tbody tr:nth-of-type(odd),
  .table-responsive .table tbody tr:hover {
    background-color: transparent;
  }

  /* remove old labels if any */
  .table-responsive .table tbody tr td::before {
    content: none;
  }

  /* ========== TOP ========== */

  .table-responsive .table tbody tr td.views-field-field-assets {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    font-size: 1.2rem;
  }

  .table-responsive .table tbody tr td.views-field-field-assets img.asset-icon {
    width: 22px;
    height: 22px;
  }

  .table-responsive .table tbody tr td.views-field-field-assets a {
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .table-responsive .table tbody tr td.views-field-field-action-1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2rem;
  }

  .table-responsive .table tbody tr td.views-field-field-leverage {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    justify-self: end;
    text-align: right;
    font-size: 1.1rem;
    opacity: 0.85;
  }

  /* ========== MIDDLE: volume / price / margin ========== */

  .table-responsive .table tbody tr td.views-field-field-volume,
  .table-responsive .table tbody tr td.views-field-field-price,
  .table-responsive .table tbody tr td.views-field-field-margin {
    grid-column: 1 / 3;
    font-size: 1.1rem;
    white-space: nowrap;
  }

  .table-responsive .table tbody tr td.views-field-field-volume {
    grid-row: 3 / 4;
  }

  .table-responsive .table tbody tr td.views-field-field-price {
    grid-row: 4 / 5;
  }

  .table-responsive .table tbody tr td.views-field-field-price {
    grid-row: 5 / 6;
  }

  .table-responsive .table tbody tr td.views-field-field-volume::before,
  .table-responsive .table tbody tr td.views-field-field-price::before,
  .table-responsive .table tbody tr td.views-field-field-margin::before {
    display: inline-block;
    min-width: 10ch;
    margin-right: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
  }

  .table-responsive .table tbody tr td.views-field-field-volume::before {
    content: "Volume:";
  }

  .table-responsive .table tbody tr td.views-field-field-price::before {
    content: "Open price:";
  }

  .table-responsive .table tbody tr td.views-field-field-margin::before {
    content: "Margin:";
  }

  /* ========== BOTTOM LEFT: SL + TP (1-row key/value, no gap) ========== */

  .table-responsive .table tbody tr td.views-field-field-stop-loss-value {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .table-responsive .table tbody tr td.views-field-field-take-profit-value {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .table-responsive .table tbody tr td.views-field-field-stop-loss-value::before,
  .table-responsive .table tbody tr td.views-field-field-take-profit-value::before {
    display: inline-block;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    margin: 0;
  }

  .table-responsive .table tbody tr td.views-field-field-stop-loss-value::before {
    content: "SL:";
  }

  .table-responsive .table tbody tr td.views-field-field-take-profit-value::before {
    content: "TP:";
  }

  /* ========== BOTTOM RIGHT: PROFIT (big) + CLOSE + % ========= */

  /* Profit: row 6, right */
  .table-responsive .table tbody tr td.views-field-nothing {
    grid-column: 2 / 3;
    grid-row: 6 / 7;
    text-align: right;
  }

  .table-responsive .table tbody tr td.views-field-nothing .potential-profit {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
  }

  /* Close button UNDER profit */
  .table-responsive .table tbody tr td.views-field-forex-order-list-actions {
    grid-column: 2 / 3;
    grid-row: 7 / 8;
    text-align: right;
    font-size: 1rem;
  }

  .table-responsive .table tbody tr td.views-field-forex-order-list-actions .close-order-wrapper {
    display: inline-block;
    padding: 0.25rem 0.8rem;
    margin-top: 0.2rem;
    border-radius: 999px;
    border: 2px solid #dc3545;
    background-color: #dc3545;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    text-transform: uppercase;
  }

  /* % change, tiny, under close */
  .table-responsive .table tbody tr td.price-change-percent {
    grid-column: 2 / 3;
    grid-row: 8 / 9;
    text-align: right;
    font-size: 0.8rem;
    opacity: 0.8;
  }
}
:root {
  --profit-pos: #22c55e; /* green */
  --profit-neg: #ef4444; /* red  */
}

/* Base color by sign (no !important!) */
.potential-profit.profit-sign--positive {
  color: var(--profit-pos);
}

.potential-profit.profit-sign--negative {
  color: var(--profit-neg);
}

.potential-profit.profit-sign--zero {
  color: #ffffff; /* or some neutral */
}

/* Profit colors for CLOSED orders (by sign) */
.view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--positive {
  color: var(--profit-pos, #22c55e);
}

.view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--negative {
  color: var(--profit-neg, #ef4444);
}

.view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--zero {
  color: #ffffff;
}

@media (max-width: 768px) {
  .user-account-form {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 768px) {
  #edit-actions {
    display: flex;
    flex-direction: column;    /* stack vertically */
    gap: 10px;                 /* space between buttons */
    margin-top: 20px;
  }

  #edit-actions .button,
  #edit-actions .form-submit {
    width: 100%;               /* full-width buttons */
    text-align: center;
    justify-content: center;   /* in case flex is used inside theme */
  }

  /* Optional: make the verification button look like a secondary button */
  #edit-actions #edit-verification {
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 10px 12px;
    display: inline-block;
  }
}

@media (max-width: 768px) {
  .view-orders.view-display-id-close_order .table-responsive {
    padding: 20px 15px;
    background-color: #131722;
  }

  .view-orders.view-display-id-close_order .table-responsive thead {
    display: none;
  }

  .view-orders.view-display-id-close_order .table-responsive table,
  .view-orders.view-display-id-close_order .table-responsive tbody {
    display: block;
    width: 100%;
  }

  .view-orders.view-display-id-close_order .table-responsive tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    grid-auto-rows: auto;
    margin-bottom: 1rem;
    padding: 0.9rem;
    border-radius: 0.75rem;
    border: 1px solid #fff;
    background-color: #1d1f31;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    font-size: 1rem; /* same base as open orders */
  }

  .view-orders.view-display-id-close_order .table-responsive tbody tr td {
    padding: 0.2rem 0;
    border: none;
    background: none;
  }

  /* Asset – top left */
  .view-orders.view-display-id-close_order td[headers="view-field-assets-table-column--2"] {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-assets-table-column--2"] .asset-icon {
    width: 22px;
    height: 22px;
  }

  /* Action – top right */
  .view-orders.view-display-id-close_order td[headers="view-field-action-table-column"] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2rem;
  }

  /* Volume + prices (full-width key/value rows) */
  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"],
  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"],
  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"],
  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"] {
    grid-column: 1 / 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    font-size: 1.1rem;
    white-space: nowrap;
  }

  /* Row order */
  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"] {
    grid-row: 2 / 3;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"] {
    grid-row: 3 / 4;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"] {
    grid-row: 4 / 5;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"] {
    grid-row: 5 / 6;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"]::before {
    display: inline-block;
    min-width: 10ch;
    margin-right: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"]::before {
    content: "Volume:";
  }

  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"]::before {
    content: "Open price:";
  }

  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"]::before {
    content: "Margin:";
  }

  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"]::before {
    content: "Close price:";
  }

  .view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] {
    grid-column: 1 / 3;
    grid-row: 6 / 7;
    text-align: right;
  }

  .view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span {
    font-size: 1.4rem;
    font-weight: 700;
  }

  .view-orders.view-display-id-close_order tr:has(td[headers="view-forex-order-profit-actions-table-column"] span.buy) td[headers="view-field-action-table-column"] {
    color: var(--profit-pos, #22c55e);
    font-weight: 700;
  }

  .view-orders.view-display-id-close_order tr:has(td[headers="view-forex-order-profit-actions-table-column"] span.sell) td[headers="view-field-action-table-column"] {
    color: var(--profit-neg, #ef4444);
    font-weight: 700;
  }
}