@import url("helpers.css");
@import url("modals.css");
@import url("buttons.css");
@import url("currency-list.css");
@import url("menu.css");
@import url("table.css");
@import url("labels.css");
@import url("panels.css");
@import url("ribbon.css");
@import url("card.css");
@import url("alerts.css");
@import url("dropdown.css");
@import url("assets-mgmnt.css");
@import url("authentication.css");

.blue-svg.arrow-up {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.span-zero {
  color: #667695;
}

.width-0 {
  width: 0;
}

.greyish-brown {
  color: var(--greyish-brown);
}

.tc-basic-input {
  padding-left: 15px;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
  height: auto;
}

/* reset online focus*/
.uib-datepicker-popup {
  min-width: 320px;
}

.padding-left-30 {
  padding-left: 30px;
}

li:focus,
.uib-datepicker:focus,
.uib-datepicker div:focus {
  outline: 0 !important;
  box-shadow: none;
}

/* end reset online focus*/

.main-navigation {
}

.navbar-collapse.collapse {
  height: 90vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.navbar-collapse.collapse::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}

.navbar-collapse.collapse::-webkit-scrollbar-track {
  width: 5px;
  background-color: transparent;
}

.navbar-collapse.collapse::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 10px;
  background-color: var(--light-grey);
}

menu-wrapper ::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}

menu-wrapper ::-webkit-scrollbar-track {
  width: 5px;
  background-color: transparent;
}

menu-wrapper ::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 10px;
  background-color: var(--light-grey);
}

.events-none {
  pointer-events: none;
}

.form-control:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  background-color: var(--white);
  border: 1px solid var(--dark-white);
  border-radius: 4px !important;
  color: var(--grey-black);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
  padding: 6px 12px;
  transition-duration: 0.1s;
  box-shadow: none !important;
}

/*credit card-two input as one*/
.credit-date-container {
  max-width: 70%;
}

.credit-date-container input:first-child {
  border-radius: 4px 0 0 4px !important;
  border-right: 0;
}

.credit-date-container input:last-child {
  border-left: 0px;
  border-radius: 0px 4px 4px 0px !important;
}

.credit-date-container:focus-within input {
  border-color: rgba(82, 168, 236, 0.8);
}

.credit-date-container:hover:not(:focus-within) input {
  border-color: #b5b5b5;
}

.credit-date-container .slash:after {
  content: "/";
  margin: -5px;
  z-index: 2;
}

.border-radius-5-right {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid #ddd;
}

.border-radius-5-left {
  border-radius: 5px 0 0 5px;
  border-right: 1px solid #ddd;
}

.border-left-5-ddd {
  border-left: 1px solid #ddd;
}

/*end credit card-two input as one*/

/*------------------*/
/*custom radio button*/

.swicth-container input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}

.swicth-container input:checked + label {
  color: var(--black-text);
  z-index: 1;
}

.swicth-container input + label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.swicth-container input + label::first-letter {
  text-transform: capitalize;
}

.swicth-container input + label:last-child {
  border-radius: 0px 4px 4px 0px;
}

.swicth-container .switch-con-l input + label:last-child {
  border-radius: 4px 0px 0px 4px;
}

.opacity-0 {
  opacity: 0;
}

.width-100 {
  width: 100% !important;
}

.swicth-container input + label {
  margin: 0;
  color: var(--opacity-white);
  padding: 0.75rem 0.5rem;
  position: relative;
  display: inline-block;
  border: 1px solid var(--dark-white);
  background-color: var(--modal-white);
  text-align: center;
  transition-duration: 0.3s;
  width: 50%;
  cursor: pointer;
}

/*------end  radio*/
.form-login input,
.form-register input {
  height: 46px !important;
}

body h1,
h2,
h3 {
  font-family: var(--main-font);
  font-size: 36px;
  color: var(--aqua-blue);
  margin: 20px 0 30px 0;
}

body.rtl h1,
h2,
h3 {
  font-family: Rubik, var(--main-font);
}

body {
  font-family: var(--main-font), "Arial", sans-serif;
  font-size: 14px;
  color: var(--light-grey);
  background-color: var(--modal-white) !important;
}

body.rtl {
  font-family: Rubik, var(--main-font) !important;
  font-size: 16px;

  .showEditOption a:after{
    float: left;
  }
  table tr td.editItem a:after{
    float: left;
  }
  
}

/*loader*/
div#preloader,
.preloader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  margin-top: 0;
  margin-left: 0;
  display: block;
  z-index: 2000;
  border: 0 solid var(--opacity-white);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIHZpZXdCb3g9Ii0xOSAtMjEgMTQ1IDE0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMDBEOEZDIj4NCiAgICAgIDxjaXJjbGUgY3g9IjEyLjUiIGN5PSIxMi41IiByPSIxMi41Ij4NCiAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiDQogICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyINCiAgICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgPC9jaXJjbGU+DQogICAgICA8Y2lyY2xlIGN4PSIxMi41IiBjeT0iNTIuNSIgcj0iMTIuNSIgZmlsbC1vcGFjaXR5PSIuNSI+DQogICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5Ig0KICAgICAgICAgICBiZWdpbj0iMTAwbXMiIGR1cj0iMXMiDQogICAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICAgIDwvY2lyY2xlPg0KICAgICAgPGNpcmNsZSBjeD0iNTIuNSIgY3k9IjEyLjUiIHI9IjEyLjUiPg0KICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSINCiAgICAgICAgICAgYmVnaW49IjMwMG1zIiBkdXI9IjFzIg0KICAgICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICA8L2NpcmNsZT4NCiAgICAgIDxjaXJjbGUgY3g9IjUyLjUiIGN5PSI1Mi41IiByPSIxMi41Ij4NCiAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiDQogICAgICAgICAgIGJlZ2luPSI2MDBtcyIgZHVyPSIxcyINCiAgICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgPC9jaXJjbGU+DQogICAgICA8Y2lyY2xlIGN4PSI5Mi41IiBjeT0iMTIuNSIgcj0iMTIuNSI+DQogICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5Ig0KICAgICAgICAgICBiZWdpbj0iODAwbXMiIGR1cj0iMXMiDQogICAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICAgIDwvY2lyY2xlPg0KICAgICAgPGNpcmNsZSBjeD0iOTIuNSIgY3k9IjUyLjUiIHI9IjEyLjUiPg0KICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSINCiAgICAgICAgICAgYmVnaW49IjQwMG1zIiBkdXI9IjFzIg0KICAgICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICA8L2NpcmNsZT4NCiAgICAgIDxjaXJjbGUgY3g9IjEyLjUiIGN5PSI5Mi41IiByPSIxMi41Ij4NCiAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJmaWxsLW9wYWNpdHkiDQogICAgICAgICAgIGJlZ2luPSI3MDBtcyIgZHVyPSIxcyINCiAgICAgICAgICAgdmFsdWVzPSIxOy4yOzEiIGNhbGNNb2RlPSJsaW5lYXIiDQogICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgPC9jaXJjbGU+DQogICAgICA8Y2lyY2xlIGN4PSI1Mi41IiBjeT0iOTIuNSIgcj0iMTIuNSI+DQogICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5Ig0KICAgICAgICAgICBiZWdpbj0iNTAwbXMiIGR1cj0iMXMiDQogICAgICAgICAgIHZhbHVlcz0iMTsuMjsxIiBjYWxjTW9kZT0ibGluZWFyIg0KICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICAgIDwvY2lyY2xlPg0KICAgICAgPGNpcmNsZSBjeD0iOTIuNSIgY3k9IjkyLjUiIHI9IjEyLjUiPg0KICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSINCiAgICAgICAgICAgYmVnaW49IjIwMG1zIiBkdXI9IjFzIg0KICAgICAgICAgICB2YWx1ZXM9IjE7LjI7MSIgY2FsY01vZGU9ImxpbmVhciINCiAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+DQogICAgICA8L2NpcmNsZT4NCiAgPC9zdmc+")
    center center no-repeat rgba(251, 251, 251, 0.81);
}

div#pageOverlay,
div#promptOverlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 90;
  background-color: var(--black);
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.set-one-bank {
  cursor: pointer;
  text-decoration: underline;
  color: #805e00 !important;
}

.alert-platform-orange {
  font-weight: 400;
  font-style: italic;
  color: #805e00 !important;
  background-color: #fffbf0 !important;
  border-color: #f5b300 !important;
}

.img-loader-pos {
  position: absolute;
  top: 41%;
  left: 46%;
}

.loader-container {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 20px 0;
}

.deposit-field-loader {
  position: absolute;
  top: 10px;
  left: 22px;
}

/* end loader */
.glyphicon-ok:before {
  font-family: fontawesome, var(--main-font);
  content: "\f058" !important;
  color: var(--opacity-white);
}

.glyphicon-ok:hover:before {
  color: var(--green);
}

.glyphicon-remove:before {
  font-family: fontawesome, var(--main-font);
  content: "\f057" !important;
  color: var(--opacity-white);
}

.glyphicon-remove:hover:before {
  color: var(--red);
}

select {
  -webkit-appearance: none;
}

.form-control,
.form-control:focus,
select.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  color: var(--grey-black);
  background-color: var(--modal-white) !important;
  border: 1px solid var(--form-white);
  border-radius: 4px !important;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

body.rtl .form-control,
body.rtl .form-control:focus {
  text-align: right;
}

#myProfile .form-control {
  display: block;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  color: var(--grey-black) !important;
  background-color: var(--modal-white) !important;
  background-image: none;
  border: 1px solid var(--form-white) !important;
  border-radius: 4px !important;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

body.rtl #myProfile .form-control {
  text-align: right;
}

.select2-container .select2-choice {
  background-clip: padding-box !important;
  background: var(--modal-white) none no-repeat !important;
  border: 1px solid var(--form-white) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  color: var(--grey-black) !important;
  display: block !important;
  height: 46px !important;
  line-height: 29px !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  padding: 6px 12px 0 8px !important;
  position: relative !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 6px;
  border-left: 0 transparent;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: transparent none !important;
  filter: none !important;
}

.white-four {
  background-color: var(--white-four) !important;
}

.select2-container .select2-choice .select2-arrow b:before {
  content: "\f078";
  display: inline;
  font-family: FontAwesome, var(--main-font);
  font-weight: 300;
  font-size: 16px;
  color: var(--select-grey);
  padding-right: 10px;
  height: auto;
  text-shadow: none;
}

.select2-drop-active {
  border-color: transparent;
  background: var(--modal-white) !important;
  box-shadow: none;
  top: 0;
  margin-top: -4px;
  border-left: 1px solid var(--form-white);
  border-right: 1px solid var(--form-white);
  border-bottom: 1px solid var(--form-white);
}

.select2-results .select2-highlighted {
  color: white;
  background-color: var(--aqua-blue);
}

.select2-search input {
  width: 100%;
  height: 36px !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: var(--main-font), Rubik, sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  box-shadow: none !important;
  background: var(--white) !important;
}

.selectwrap {
  position: relative;
}

.selectwrap:after,
.selectwrapTF:after,
.selectWrapSeparated:after {
  font-family: FontAwesome, var(--main-font);
  content: "\f078";
  text-align: center;
  line-height: 32px;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 32px;
  right: 25px;
  pointer-events: none;
  color: var(--select-grey) !important;
  opacity: 0.3 !important;
}

.selectwrapTF:after,
.selectWrapSeparated:after {
  top: 8%;
  right: 18px;
  z-index: 2;
}

.red-class,
.red-class:focus {
  color: var(--white);
  background-color: var(--red);
  border-color: var(--red);
  border-radius: 4px;
  margin-bottom: 0;
  transition: 1s;
  padding: 0 12px;
}

.red-class:hover {
  background-color: var(--dark-red);
  border-color: var(--dark-red);
  color: var(--white);
  transition: 1s;
}

.green-class,
.green-class:focus {
  color: var(--white);
  background-color: var(--green);
  border-color: var(--green);
  margin-bottom: 0;
  border-radius: 4px;
  transition: 1s;
  padding: 0 12px;
}

.green-class:hover {
  background-color: var(--dark-green);
  border-color: var(--dark-green);
  color: var(--white);
  transition: 1s;
}

.sub-title {
  font-size: 14px;
  color: var(--aqua-blue);
  font-weight: 500;
}

.input-group .form-control.group-button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 1px solid transparent !important;
}

.navigation-toggler {
  display: none !important;
}

/* login */
.login {
  background: var(--modal-white) none !important;
}

body.login .logo {
  padding: 0 !important;
  max-width: 400px !important;
  text-align: center;
  margin: 0 auto;
}

body.login .logo img {
  padding-bottom: 40px;
  width: 100%;
  height: auto;
}

body.login .box-login,
body.login .box-forgot,
body.login .box-register {
  background: var(--white);
  border-radius: 10px;
  border: 1px solid #f0f0f0 !important;
  box-shadow: none !important;
  overflow: hidden;
  padding: 15px;
}

body.login a.forgot {
  position: relative !important;
}

.forgotPass {
  font-size: 12px;
  color: var(--light-grey);
  text-decoration: underline;
  transition: 1s;
  top: unset !important;
  right: unset !important;
}

.forgotPass:hover {
  color: var(--aqua-blue);
}

.noaccount label {
  font-size: 14px;
  color: var(--grey-black) !important;
}

.noaccount label a {
  font-size: 14px;
  color: var(--aqua-blue);
  padding-left: 10px;
  text-decoration: underline;
  transition: 1s;
}

.noaccount label a:hover {
  color: var(--label-blue);
}

.textagree {
  font-size: 12px !important;
  margin: 0 !important;
  color: var(--black-text) !important;
}

.textagree a {
  color: var(--aqua-blue);
  text-decoration: underline;
}

/* end login */

/* container */
.navbar-inverse {
  background: var(--layout-background);
  border-color: transparent;
  min-height: 80px;
}

.main-container {
  margin-top: 80px !important;
}

.myp .logotemplate {
  position: absolute;
  width: 225px;
  min-height: 80px;
  background: var(--white) !important;
  left: 0;
  padding: 12px;
}

.breadcrumb {
  display: none;
}

body,
.main-container,
.footer,
.main-navigation,
ul.main-navigation-menu > li > ul.sub-menu,
.navigation-small ul.main-navigation-menu > li > ul.sub-menu {
  background-color: var(--layout-background) !important;
}

.main-content .container:first-of-type {
  background: var(--modal-white);
  border: none;
}

/* end container */

.newtopbar {
  position: fixed;
  top: 0;
  background: var(--layout-background);
  min-height: 80px;
}

.next-btn-enable {
  background-color: var(--aqua-blue);
}

.back {
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 2px #707070;
  cursor: pointer !important;
}

.next {
  height: 36px;
  border-radius: 4px;
}

.user-left {
  border-right: 1px solid var(--form-white);
  padding-right: 15px;
  margin-top: 15px;
}

.titleWarnings {
  font-size: 21px;
  color: var(--yellow);
}

.contentWarnings {
  font-size: 12px;
  color: var(--dark-yellow);
  line-height: 20px;
  padding: 10px 0;
}

.editable-click,
a.editable-click,
a.editable-click:hover {
  text-decoration: none;
  border-bottom: none;
  color: var(--dark-yellow);
}

.open-order-popOver label {
  margin: 0;
}

.payRequest-labels p {
  color: var(--light-grey);
  text-transform: capitalize;
}

.icon-close {
  width: 10px !important;
  font-size: 14px;
}

.icon-close a {
  color: var(--red) !important;
  transition: 1s;
}

.icon-close a:hover {
  color: var(--dark-red) !important;
  transition: 1s;
}

.icon-delete a {
  color: var(--light-grey) !important;
  transition: 1s;
}

.icon-delete a:hover {
  color: var(--greyish-brown) !important;
  transition: 1s;
}

.green {
  color: var(--green);
}

.border-0 {
  border: 0 !important;
}

.red {
  color: var(--red);
}

.pending {
  color: var(--yellow) !important;
}

.cancelled {
  color: var(--pink-red) !important;
}

.rejected {
  color: var(--pink-red) !important;
}

.Completed {
  color: var(--greenish-teal) !important;
}

/*back color*/
.Not_submitted-bg {
  background-color: var(--heliotrope) !important;
}

.Approved-bg {
  background-color: var(--greenish-teal) !important;
}

.pending-bg {
  background-color: var(--btn-yellow) !important;
}

.Rejected-bg {
  background-color: var(--pink-red) !important;
}

hr.separator {
  margin-top: 0;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid var(--form-white);
}

hr.separator-2 {
  margin: 0 0 10px 0;
  border: 0;
  border-top: 1px solid var(--form-white);
}

tr.identity-table td:first-child,
tr.identity-table th:first-child {
  padding-left: 15px !important;
}

tr.identity-table td:last-child,
tr.identity-table th:last-child {
  padding-right: 15px !important;
}

.justify-content-between {
  justify-content: space-between;
}

.resend-request {
  width: 210px;
  height: 36px;
  opacity: 0.9;
  background-color: var(--main);
  border-radius: 4px;
  color: white;
  border: 0;
}

hr.separator-3 {
  margin: 0 15px 10px 15px;
  border: 0;
  border-top: 1px solid var(--form-white);
}

.update-clearance {
  color: #2fbf76;
  text-decoration: underline;
  cursor: pointer;
  font-size: 13px;
}

.identity-header {
  font-family: Ubuntu;
  color: #888888;
  font-size: 14px;
}

.into-identity {
  width: 70%;
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500 !important;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--aqua-blue);
  margin: 0;
  padding: 0px 0px 0px 15px;
}

hr.separator-4 {
  margin: 20px 15px 10px 15px;
  border: 0;
  border-top: 1px solid var(--form-white);
}

.userMngUserBalances {
  display: flex;
  justify-content: center;
  height: 40%;
  padding-bottom: 2%;
}

.notificationPref:last-child hr.separator-2 {
  border-top: 0 solid transparent;
}

.marketsindicators {
  margin-bottom: 5px !important;
}

markets-card-directive .btn-blue {
  margin-bottom: 5px !important;
}

.marketsindicators p {
  padding: 0;
  margin: 0;
}

.marketsindicators p.titlebox {
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  color: var(--aqua-blue);
  margin: 0;
}

.main-color {
  color: var(--aqua-blue);
}

.divider {
  height: 1px;
  width: 100%;
  background-color: rgba(211, 211, 211, 0.71);
}

.marketsindicators p.amount {
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  color: var(--aqua-blue);
  padding: 0;
  margin: 0;
}

.marketsindicators p.amount span {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: var(--aqua-blue);
  padding: 0;
  margin: 0;
}

.indicators p {
  padding: 0;
  margin: 0;
}

.indicators p.titlebox {
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  color: var(--white);
  padding-top: 6px;
  margin: 0;
}

.indicators p.amount {
  font-size: 32px;
  line-height: 32px;
  font-weight: 700;
  color: var(--white);
  padding: 0;
  margin: 0;
}

.indicators p.amount span {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: var(--white);
  padding: 0;
  margin: 0;
}

.data-title {
  font-weight: 400 !important;
  line-height: 20px !important;
  color: var(--light-grey) !important;
}

.data-title.margin {
  margin-bottom: 20px;
}

.data-title span {
  line-height: 20px !important;
}

.data-content {
  font-weight: 500 !important;
  line-height: 20px !important;
  color: #444 !important;
}

.edit {
  font-family: FontAwesome, var(--main-font);
  content: "\f040";
  font-size: 16px;
  font-weight: 400 !important;
  color: var(--aqua-blue) !important;
  padding-left: 20px;
}

.data-content a.edit {
  display: none;
}

.data-content:hover a.edit {
  display: inline-block;
}

.showEditOption a:after {
  font-family: FontAwesome, var(--main-font);
  font-size: 14px;
  content: "\f040";
  color: var(--aqua-blue);
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0;
  transition: 0.15s;
}

.showEditOption:hover a:after {
  opacity: 1;
}

.change-fix {
  color: var(--aqua-blue) !important;
}

.showEditOption a:after {
  font-family: FontAwesome, var(--main-font);
  font-size: 18px;
  content: "\f040";
  color: var(--aqua-blue);
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0;
  transition: 0.15s;
}


.edit-pen-icon:after {
  font-family: FontAwesome, var(--main-font);
  font-size: 18px;
  content: "\f040";
  color: var(--aqua-blue);
  float: right;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: -3px;
}

body.rtl .showEditOption:hover a:after {
  float: left;
}

.showEditOption a.link-verify {
  font-size: 12px;
  color: var(--aqua-blue);
  margin-right: 20px;
}

.showEditOption a.btn-yellow-aml {
  font-size: 12px;
  margin: 0;
  padding: 0 12px;
}

.link-verify {
  color: var(--aqua-blue);
  margin: 0 10px 0 0;
}

.showEditOption:hover a.link-verify:after {
  display: none;
}

.showEditOption:hover a.btn-yellow-aml:after {
  display: none;
}

.showEditOption:hover a.btn-yellow-aml:hover,
.showEditOption:hover a.btn-yellow-aml:focus {
  margin: 0;
  padding: 0 12px;
}

.modal.verifyPhone {
  left: 50%;
  width: 500px;
}

form {
  margin-bottom: 0 !important;
}

.form-horizontal .control-label.transFunds {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: left;
  /*margin-left: 15px !important;*/
}

p.validation {
  width: max-content !important;
  font-size: 13px;
  font-style: italic;
  color: var(--white);
  background: var(--red);
  padding: 2px 10px 6px 10px;
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.addAccount {
  margin-bottom: 10px;
}

#transferFunds h5 {
  font-family: var(--main-font);
  font-size: 36px;
  font-weight: 400;
  color: #444;
}

.balancesNameText {
  width: 70px;
}

label.amount {
  font-weight: 500;
  padding: 6px 0 0 0;
  margin: 0;
  color: var(--grey-black);
}

label.calculate {
  padding: 6px 0 0 0;
  margin: 0;
  color: var(--grey-black);
}

.font-black {
  color: black;
}

label.amountBlack {
  font-weight: 600;
  padding: 6px 0 0 0;
  margin: 0;
  color: var(--grey-black);
}

p.msgTrans {
  color: var(--grey-black);
}

p.code {
  font-weight: 500;
  color: var(--light-grey);
}

.form-control {
  text-align: left;
  padding-left: 10px;
  padding-right: 15px;
  box-shadow: none;
}

.clean-btn {
  padding-right: 3px !important;
}

.alert-platform-member-chips {
  padding: 0 0 0 3px !important;
  font-weight: 400;
  font-style: italic;
  color: #5a4f53 !important;
  background-color: #efefef !important;
  border-color: #c5c5c5 !important;
}

.form-control::placeholder {
  text-align: left;
  color: var(--opacity-white);
  font-style: italic;
}

.form-control.amount {
  padding-left: 15px;
  padding-right: 15px;
}

.form-control.amount::placeholder {
  padding-left: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.banner-trading-arena {
  font-weight: bold;
  width: 200px !important;
}

body.rtl .banner-trading-arena {
  right: auto;
  left: 190px !important;
  width: 250px !important;
}

.banner-trading-arena a span {
  color: var(--aqua-blue);
  text-transform: uppercase;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid var(--aqua-blue);
  transition: 1s;
}

.banner-trading-arena a:hover {
  color: var(--white);
  text-decoration: none !important;
  transition: 1s;
}

.banner-trading-arena a:hover span {
  color: var(--white);
  background: var(--aqua-blue);
  text-decoration: none !important;
  transition: 1s;
}

.form-control.inputError {
  border: 1px solid var(--red) !important;
  border-bottom-left-radius: 0 !important;
}

.form-control.inputSuccess {
  border: 1px solid var(--green) !important;
  border-bottom-left-radius: 0 !important;
}

.no-borders {
  border: 0 !important;
  box-shadow: none !important;
}

.editFormTitle {
  color: var(--aqua-blue);
  text-transform: capitalize;
  font-weight: 500;
}

.btn-blue .notification-btn {
  width: 16px;
  height: 16px;
  position: absolute;
  background: var(--red);
  top: -7px;
  right: -7px;
  border-radius: 25px;
  border: 3px solid var(--white);
  content: "";
}

svg#avatar {
  width: 100px;
  height: 100px;
}

svg#camera {
  position: absolute;
  display: none;
  fill: var(--nav-blue);
  width: 24px;
  height: 21px;
  transition: 1s;
}

.dropdown.open button > svg {
  transform: rotate(180deg);
  margin-top: 7px !important;
}

.list-labels-weight {
  font-size: min(1.5vh, 15px);
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.my-acc-arrow {
  margin-top: 3px;
  fill: var(--warm-grey);
  position: relative;
  margin-left: 5px;
}

.my-acc-wls-button:hover {
  color: var(--warm-grey);
}

.my-acc-dash-height {
  height: calc(100% - 30px) !important;
}

.my-acc-um-height {
  height: max-content !important;
}

#compare-with {
  padding: 0 15px 15px 15px;
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: row-reverse;
}

.my-acc-wls-button {
  background-color: transparent;
  color: #888888 !important;
  font-weight: 500;
}

.scrollable-modules-sm {
  height: calc(100% - 80px);
}

.disabled-buy-btn {
  pointer-events: none !important;
  /* background-color: gainsboro; */
}

.disabled-btn {
  pointer-events: none;
}

.grey {
  color: grey !important;
}

.scrollable-modules-panel-sm {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 0 !important;
}

.text-left {
  text-align: left !important;
}

.full-report {
  font-family: Ubuntu;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: var(--main);
  text-decoration: underline;
  cursor: pointer;
  position: absolute;
  bottom: 3%;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
}

.arrow-up {
  transform: rotate(-90deg);
  height: 11px;
  width: 13px;
}

.blue-svg {
  fill: var(--aqua-blue) !important;
}

.submit-loader-svg {
  height: 24px;
  width: 24px;
  fill: var(--white);
}

.submit-loader-svg-container {
  position: absolute;
  top: 5px;
  left: 0;
  background-color: inherit;
  width: 100%;
}

p.user-profile-info {
  padding-top: 30px;
}

span.user-id {
  color: var(--greyish-brown) !important;
}

.data-title i.fa-exclamation-circle {
  color: var(--btn-yellow);
  transform: rotate(180deg);
}

.from-collapse-2 {
  background: var(--modal-white);
  position: absolute;
  padding-top: 10px;
  border-radius: 4px;
  border: 1px solid var(--form-white);
}

.list-collapse.collapse.in > .from-collapse-2 {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

input[type="text"].search-popover-list {
  background: var(--white) !important;
}

.list-collapse {
  min-height: 270px;
  max-height: 270px;
  height: 270px;
  overflow-y: auto;
}

.list-collapse .form-group {
  padding: 0;
  margin: 0;
}

svg#calendar-alt {
  width: 14px;
  height: 16px;
  fill: var(--black-text);
}

svg#ic-download {
  width: 10px;
  height: 10px;
  fill: var(--white);
}

select.input-sm {
  height: 42px;
  line-height: 30px;
}

#transactions1 .popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
}

.form-group.api {
  margin-bottom: 0 !important;
}

a .icon-information-aml {
  color: var(--aqua-blue) !important;
  text-decoration: none;
}

a .icon-information-aml:hover,
a .icon-information-aml:focus {
  text-decoration: none;
}

.sub-info {
  color: var(--yellow-orange);
  margin: 2px 0 0 5px;
}

/* end custom */

/* navtabs buy & sell */
.nav-tabs.buysell {
  border-color: transparent;
  top: 0;
}

.nav-tabs.buysell > li {
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
}

.nav-tabs.buysell > li > a,
.nav-tabs.buysell > li > a:focus {
  background-color: transparent;
  border-color: var(--light-grey);
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 2px solid var(--light-grey) !important;
  border-radius: 0 0 0 0 !important;
  color: var(--light-grey);
  font-weight: 500;
  line-height: 16px;
  margin-right: -1px;
  position: relative;
}

.nav-tabs.buysell > li.active > a,
.nav-tabs.buysell > li.active > a:hover,
.nav-tabs.buysell > li.active > a:focus {
  background-color: transparent;
  border-color: transparent;
  border-top: 2px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 2px solid var(--aqua-blue) !important;
  color: var(--aqua-blue);
  font-weight: 500;
  line-height: 16px;
  margin-top: -1px;
  z-index: 12;
}

.tab-content.buysell {
  border: 0 solid transparent;
  padding: 16px 12px;
  position: relative;
}

.form-horizontal.buysell .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: left;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
}

input[type="number"].limit {
  border-radius: 0 4px 4px 0;
}

.labelHyper {
  text-decoration: underline;
  cursor: pointer;
}

/* tables */
rows-per-page .fa-times-circle.table-action-close {
  color: var(--red);
}

.form-inline .input-group > .form-control.custom-input-tables {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  width: 100%;
}

.rows-per-page {
  color: var(--white) !important;
  background-color: var(--aqua-blue) !important;
  border: 1px solid var(--aqua-blue) !important;
  border-radius: 4px !important;
  width: 60px !important;
  float: right;
  padding: 6px 12px;
  outline: none;
}

.rows-per-page option {
  color: var(--dark-grey) !important;
  background: var(--white) !important;
}

.selectwrap-2 {
  width: auto;
  float: right;
  margin-left: 10px;
}

.selectwrap-2:after {
  font-family: FontAwesome, var(--main-font);
  color: var(--white);
  content: "\f078";
  text-align: center;
  line-height: 32px;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 1px !important;
  right: 17px !important;
  pointer-events: none;
}

.merchent-row {
  padding: 0 0 10px;
}

.merchent-row:after {
  color: var(--select-grey);
  position: relative;
  left: 67% !important;
}

.pagination {
  padding-left: 0;
  margin: 0;
  border-radius: 4px;
}

label.page-row {
  padding-top: 6px;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin: 0 1px;
  line-height: 1.42857143;
  color: var(--light-grey);
  text-decoration: none;
  background-color: #fff;
  border: 1px solid transparent !important;
  min-width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: var(--aqua-blue);
  border-color: var(--aqua-blue);
  border-radius: 4px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 3;
  color: var(--white);
  background-color: var(--light-grey);
  border-color: var(--light-grey);
  border-radius: 4px;
}

/* end tables */

/* progres bar */
.form-control.pw-borders {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.progress {
  width: 100%;
  height: 20px;
  margin-bottom: 0;
  overflow: hidden;
  background: #dedede none;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
}

.progress-bar-strongest {
  background-image: linear-gradient(to right,
      #ff0058,
      #f5b300,
      var(--main),
      #2fbf76) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='#2fbf76', GradientType=0);
  background-repeat: repeat-x;
  width: 100%;
}

.progress-bar-strong {
  background-image: linear-gradient(to right,
      #ff0058,
      #f5b300,
      var(--main),
      #2fbf76) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='#2fbf76', GradientType=0);
  background-repeat: repeat-x;
  width: 60%;
}

.progress-bar-good {
  background-image: linear-gradient(to right,
      #ff0058,
      #f5b300,
      var(--main)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='var(--main)', GradientType=0);
  background-repeat: repeat-x;
  width: 40%;
}

.progress-bar-moderate {
  background-image: linear-gradient(to right, #ff0058, #f5b300) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='var(--main)', GradientType=0);
  background-repeat: repeat-x;
  width: 20%;
}

/* end progres bar */

#clear-selected-currencies {
  font-size: 12px;
  margin: 10px 15px 0 0;
  padding-bottom: 10px;
  position: absolute;
  z-index: 9999;
  right: 14px;
  top: 4px;
  width: 10px;
}

#clear-selected-currencies a {
  color: var(--aqua-blue);
  text-decoration: underline;
}

.msg-no-data {
  padding-top: 100px;
  padding-bottom: 80px;
  font-size: 18px !important;
  color: var(--light-grey) !important;
}

.msg-no-data a {
  font-size: 18px !important;
  color: var(--aqua-blue) !important;
  text-decoration: underline;
}

.msg-no-data a:hover {
  font-size: 18px !important;
  color: var(--light-grey) !important;
  text-decoration: underline;
}

/* end popup calendar */

.has-search,
#buy .has-search,
#sell .has-search,
#deposit-main .has-search,
#withdrawal-main .has-search {
  position: relative;
  padding: 0 15px;
  margin: 0;
}

.list-group {
  box-shadow: none;
}

#clear-selected-currencies a i {
  color: var(--opacity-white);
}

/* icon exchange */
.exchange-icon svg {
  height: 55px;
}

/* end icon exchange */
img#currencies-data-loader {
  height: 20px;
  margin-right: 6px;
}

.searchImg {
  width: 16px !important;
  height: 16px !important;
  position: absolute;
  top: 10px;
  left: 27px;
}

.inputSuccess2 {
  text-indent: 20px;
}

.user-request img {
  margin: 0 auto 10px;
  display: block;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.wait-for-response-state {
  opacity: 0.3 !important;
}

.swicth-container[disabled] {
  opacity: 0.3 !important;
}

.div-bank-status-inside {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.div-bank-status-outSide {
  background-color: var(--white);
  width: fit-content;
  padding: 3px;
  border-radius: 100%;
  position: absolute;
  top: -7px;
  right: -7px;
}

.banks-container {
  padding: 0 15px;
}

.bank-item button {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 120px;
  min-height: 36px;
}

.BS-container {
  display: flex;
  align-items: baseline;
}

.align-items-btm {
  align-items: baseline;
}

markets-card-directive .market-details:hover .text-over-flow {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  word-break: break-word;
}

markets-card-directive .text-over-flow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checkbox-image {
  height: 20px;
  width: 20px;
  border-radius: 2px;
  border: solid 1px var(--dark-blue);
  cursor: pointer;
  margin: 0;
}

.credit-card-input-container {
  display: flex !important;
}

.credit-card-input-container > input:focus,
.credit-card-input-container > input:hover,
.credit-card-input-container > input {
  outline: none;
  background-color: #f0f8ff00;
  border-color: transparent;
  width: 40px;
  padding: 0;
}

.span-place-holder {
  padding: 1px 12px 0 3px;
  font-size: 14px;
}

.font-size-14 {
  font-size: 14px;
}

.checkbox-image-not-selected {
  height: 18px;
  width: 18px;
  border-radius: 2px;
  border: solid 1px var(--white-six);
  cursor: pointer;
  margin: 0;
}

.credit-card-input-container > ::-webkit-input-placeholder {
  color: var(--grey-black) !important;
}

.checkbox-image-selected {
  background: url(/images/checkbox_checked.svg) no-repeat;
  border: 0;
  fill: var(--white-six);
}

.chart-indicator-text {
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
}

.chart-indicator-text:hover {
  color: white !important;
}

.grid-row {
  display: grid;
  grid-gap: 10px;
  padding: 0 15px;
}

.grid-row.collapse {
  display: none;
}

.grid-row.collapse.in {
  display: grid;
}

.selected-blue-row-header,
table.selected-blue-row-header * {
  color: var(--main) !important;
}

.wl-url {
  font-size: 15px;
  cursor: pointer;
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: var(--aqua-blue);
}

.collapsedRow {
  color: var(--aqua-blue) !important;
}

.not-selected-comparison {
  width: 100px;
  height: 36px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #cccccc;
}

.selected-comparison {
  width: 100px;
  height: 36px;
  background-color: #fbfbfb;
  border: 1px solid #dddddd;
  color: black;
  font-weight: 500;
}

.border-index-0 {
  border-radius: 4px 0 0 4px;
}

.border-index-4 {
  border-radius: 0 4px 4px 0;
}

.scrollable-row {
  max-height: 130px;
  overflow-y: auto;
}

/*******************************************************
Slider B-flat
*******************************************************/
.checkbox-slider--b-flat {
  position: relative;
}

.checkbox-slider--b-flat input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0%;
  margin: 0 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.checkbox-slider--b-flat input + span {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.depositAndStart {
  padding-top: 10%;
}

.checkbox-slider--b-flat input + span:before {
  position: absolute;
  left: 0px;
  display: inline-block;
}

.checkbox-slider--b-flat input + span > h4 {
  display: inline;
}

.checkbox-slider--b-flat input + span:before {
  content: "";
  height: 20px;
  width: 55px !important;
  background: var(--white-six);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  transition: background 0.2s ease-out;
}

.checkbox-slider--b-flat input + span:after {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 0;
  display: block;
  background: #ffffff;
  transition: margin-left 0.1s ease-in-out;
  text-align: center;
  font-weight: bold;
  content: "";
}

/* ******** START APPLE SLIDE IOS  */
.checkbox-slider--b-flat input:checked + span:after {
  margin-left: 20px;
  content: "";
}

.checkbox-slider--b-flat input:checked + span:before {
  transition: background 0.2s ease-in;
}

.checkbox-slider--b-flat input + span:before {
  border-radius: 20px;
  width: 50px;
}

.checkbox-slider--b-flat input + span:after {
  background: #f4f4f4;
  content: "";
  width: 20px;
  border: solid transparent 2px;
  background-clip: padding-box;
  border-radius: 20px;
}

.checkbox-slider--b-flat input:not(:checked) + span:after {
  -webkit-animation: popOut ease-in 0.3s normal;
  animation: popOut ease-in 0.3s normal;
}

.checkbox-slider--b-flat input:checked + span:after {
  content: "";
  margin-left: 35px;
  border: solid transparent 2px;
  background-clip: padding-box;
  -webkit-animation: popIn ease-in 0.3s normal;
  animation: popIn ease-in 0.3s normal;
}

.checkbox-slider--b-flat input:checked + span:before {
  background: #2fbf76;
}

.checkbox-slider--b-flat input + span:before {
  box-shadow: none;
}

/* ******** END APPLE SLIDE IOS  */

.switchIOS {
  position: relative !important;
  display: inline-block !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}

.greyish-brown {
  color: var(--greyish-brown) !important;
}

.seperator {
  height: 1px;
  background-color: var(--white-six);
  width: 93%;
  margin-bottom: 10px !important;
  margin-left: 15px;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.buttons-confirm-modal {
  display: flex;
  justify-content: space-around;
  width: 100%;
  text-align: center;
  padding-top: 20px;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-right-5 {
  padding-right: 5px;
}

.reload {
  color: var(--aqua-blue);
  text-decoration: underline;
  cursor: pointer;
}

.no-currs {
  font-family: Ubuntu;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: var(--warm-grey);
}

/*buy/sell/withrwal*/
.balance-container .red-class {
  transition: none !important;
  margin: 2px 0 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}

.circle-empty-balances {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.circle-empty {
  height: 100%;
  border: 1px solid #333333;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
}

.total-balance-0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
  color: #333333;
  font-size: 2vh;
  padding: 15px;
}

.balance-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.new-scroll-bar::-webkit-scrollbar {
  width: 14px;
}

.new-scroll-bar::-webkit-scrollbar-thumb {
  height: 100px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 10px;
  background-color: var(--white-six);
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05),
    inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

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

account-status .wrapper {
  -webkit-transition: width 4s;
  transition: width 4s;
  min-height: 100px;
  background-color: #ffffff;
  padding-left: 20px;
  padding-top: 20px;
  border-radius: 10px;
  margin-bottom: 40px;
  border: 1px solid #f0f0f0;
  width: 100%;
}

account-status .wrapper .header,
account-status .mobile-wrapper .header {
  background-color: white;
  font-family: Ubuntu;
  font-size: 21px;
  color: var(--aqua-blue);
  display: inline-block;
}

account-status .wrapper .content-wrapper,
account-status .mobile-wrapper .content-wrapper {
  padding-left: 16px;
  padding-right: 30px;
  margin-top: 17px;
}

account-status .wrapper .content-item,
account-status .mobile-wrapper .content-item {
  font-family: Ubuntu;
  font-size: 14px;
  color: #cccccc;
  margin-left: 6px;
}

account-status .wrapper .section-verified .content-item,
account-status .mobile-wrapper .section-verified .content-item {
  color: var(--greenish-teal) !important;
}

account-status .wrapper .section-verified .account-status-img,
account-status .mobile-wrapper .section-verified .account-status-img {
  fill: var(--greenish-teal) !important;
}

account-status .wrapper .account-status-img,
account-status .mobile-wrapper .account-status-img {
  width: 20px;
  height: 15px;
  object-fit: contain;
  fill: var(--white-six);
}

account-status .all-verified {
  white-space: nowrap;
  overflow: hidden;
}

/*mobile version*/
account-status .mobile-wrapper {
  display: none;
}

account-status .mobile-wrapper .content-wrapper-mobile {
  height: 40px;
  display: flex;
  align-items: center;
}

account-status .separator {
  height: 1px;
  background-color: var(--white-six);
  width: 98%;
}

account-status .mobile-label {
  font-family: Ubuntu;
  font-size: 14px;
  color: var(--warm-grey);
}

account-status .mobile-percentage {
  font-family: Ubuntu;
  font-size: 17px;
  font-weight: 500;
  color: var(--aqua-blue);
}

account-status .show-more-less {
  font-family: Ubuntu;
  font-size: 12px;
  text-decoration: underline;
  color: var(--aqua-blue);
}

account-status .green {
  color: var(--green) !important;
}

@media screen and (max-width: 630px) {
  account-status .wrapper {
    display: none;
  }

  account-status .mobile-wrapper {
    display: block;
  }
}

.lower-mg {
  height: 70%;
}

.upper-mg {
}

#marketsCard {
  overflow-y: scroll;
  height: calc(100% - 43px);
}

.wl-fees {
  width: 100%;
  height: 100%;
  margin-left: 15px;
  margin-right: 15px;
}

#dashboard-grid-wrapper {
  width: 100%;
  height: calc(100% - 140px);
  display: flex;
  justify-content: center;
}

.my-acc-wls {
  position: absolute;
  top: calc(100% - 2px);
  right: 0;
  z-index: 1000;
  min-width: 0 !important;
  margin: 0;
  padding: 0;
}

.my-acc-dd {
  transform: translateX(-35%);
}

.height-100 {
  height: 100%;
}

.noCreditCard {
  border-radius: 0 !important;
  border-right: 1px solid var(--dark-white) !important;
}

.no-reports-fix #markets-grid {
  overflow-y: hidden;
  grid-row-start: 2;
  grid-row-end: span 1;
  grid-column-start: 3;
  grid-column-end: span 1;
}

.no-reports-fix #charts-grid {
  grid-column-end: -1;
}

#dashboard-grid {
  height: 100%;
  width: 98%;
  justify-content: center;
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: 1% 43% 52% 1%;
}

#dashboard-grid-footer {
  overflow-y: hidden;
  grid-row-start: 4;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: -1;
}

#dashboard-grid-header {
  overflow-y: hidden;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: -1;
}

#charts-grid {
  overflow-y: hidden;
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: span 2;
}

#markets-grid {
  overflow-y: hidden;
  grid-row-start: 3;
  grid-row-end: 3;
  grid-column-start: 3;
  grid-column-end: span 1;
}

#reports-grid {
  overflow-y: hidden;
  grid-row-start: 2;
  grid-row-end: span 1;
  grid-column-start: 3;
  grid-column-end: span 1;
}

#my-activities-grid {
  grid-row-start: 2;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: span 1;
}

#my-account-grid {
  grid-row-start: 2;
  grid-row-end: span 1;
  grid-column-start: 1;
  grid-column-end: span 1;
}

.orders-flex {
  flex: 1;
}

#collapseMyActivities {
  height: 90%;
  overflow: scroll;
}

.margin-top-40 {
  margin-top: 40px;
}

/*HANDLE PIE HEIGHT*/
.highcharts-root,
#piemyacc,
.highcharts-container {
  height: 100% !important;
}

@media only screen and (min-width: 1580px) and (max-width: 1750px) {
  .btn_right {
    padding-right: 5.5% !important;
  }
}

@media only screen and (max-width: 1395px) {
  .circle-empty-balances {
    height: 200px;
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .circle-empty {
    height: initial !important;
    border: 1px solid #333333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
  }

  /*HANDLE PIE HEIGHT*/
  #piemyacc .highcharts-root,
  #piemyacc,
  #piemyacc .highcharts-container {
    height: 265px !important;
  }
}

/* highcharts desktop platform responsiveness */
@media only screen and (min-width: 720px) and (max-width: 1395px) {
  #dashboard-grid {
    grid-template-rows: 1% 40% 33% 48% 1% !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1395px) {
  #markets {
    height: 100% !important;
  }
}

@media only screen and (min-width: 767px) and (max-width: 979px) {
  dashboard-pairs #dashboardPairs {
    transform: translate(50%);
  }
}

@media only screen and (max-width: 1750px) {
  .pairsGridWrapper {
    padding-bottom: 20px;
  }

  #selectPairGrid {
    height: 100% !important;
    display: grid !important;
    grid-column-gap: 10px !important;
    grid-template-columns: 50% 50% !important;
    grid-template-rows: 20% 30% 20% 30% !important;
    /* 17% 22% 17% 30%;*/
  }

  .pg-quick {
    grid-column: 1 / span 1 !important;
    grid-row: 3 / 3 !important;
  }

  .pg-select-pair {
    grid-column: 1 / span 1 !important;
    grid-row: 1 / 1 !important;
  }

  .pg-pairs-btn {
    grid-column: 1 / -1 !important;
    grid-row: 2 / 2 !important;
  }

  .pg-actions-1 {
    grid-column: 1 / span 1 !important;
    grid-row: 4 / 4 !important;
    &.pg-actions-1-no-trade{
      grid-column: 1 / -1 !important; 
    }
  }

  .pg-actions-2 {
    grid-column: 2 / span 1 !important;
    grid-row: 4 / 4 !important;
  }
}

.list-buy-padding-zeros {
  color: #95e6bd !important;
}

.list-sell-padding-zeros {
  color: #ffbfd6 !important;
}

.list-grey-padding-zeros {
  color: #cccccc !important;
}

/*HANDLE PIE HEIGHT*/

/*currencies list*/
.currPiece {
  padding: 8px;
  border-left: 6px solid transparent;
  cursor: pointer !important;
}

.dd-reports {
  position: absolute;
  top: 2%;
  right: 3%;
}

.currPiece:hover {
  border-left: 6px solid transparent;
  background-color: var(--ice-blue);
}

.selected-curr {
  border-left: 6px solid var(--aqua-blue) !important;
  font-weight: 500 !important;
  background-color: var(--ice-blue);
}

.curr {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500 !important;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--greyish-brown);
}

.curr-desc {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 3px;
}

.selected-item {
  color: var(--aqua-blue);
}

.seperator-of-currs {
  width: 15px;
  background-color: var(--white-four);
  border-left: 1px solid var(--white-six);
}

#report-by-user-table {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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

.flex-direction-column {
  flex-direction: column;
}

.disabled-permission {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

#selectPairGrid {
  padding-left: 15px;
  width: 100%;
  height: 70%;
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: 51% 24% 25%;
  grid-template-rows: 50% 50%;
}

.pairsGridWrapper {
  width: 93.5%;
}

.pg-quick {
  grid-column: 2 / span 1;
  grid-row: 1 / 1;
}

.pg-select-pair {
  grid-column: 1 / span 1;
  grid-row: 1 / 1;
}

.pg-pairs-btn {
  grid-column: 1 / span 1;
  grid-row: 2 / 2;
}

.pg-actions-1 {
  grid-column: 2 / span 1;
  grid-row: 2 / 2;
  &.pg-actions-1-no-trade{
      grid-column: 2 / -1;
    }
}

.pg-actions-2 {
  grid-column: 3 / span 1;
  grid-row: 2 / 2;
}

#trans-headers {
  padding: 10px;
}

.popDocView {
  cursor: pointer;
}

.align-pagi-center {
  width: 100%;
  justify-content: center;
}

#recent-transactions {
  height: calc(100% - 35px);
  overflow-y: auto;
}

.loginAlert {
  width: auto;
  position: absolute;
  left: 2%;
  top: 2%;
  color: white;
}

@media only screen and (max-height: 700px) {
  .loginAlert {
    display: none !important;
  }
}

@media only screen and (max-width: 970px) {
  .loginAlert {
    position: fixed;
    height: auto;
    top: initial;
    transform: translate(-50%);
    left: 50%;
    z-index: 99999999;
    bottom: 10%;
  }
}

@media only screen and (max-width: 1580px) {
  .pairsGridWrapper {
    padding-bottom: 20px;
  }

  #selectPairGrid {
    height: 100%;
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: 50% 50%;
    grid-template-rows: 20% 30% 20% 30%;
    /* 17% 22% 17% 30%;*/
  }

  .pg-quick {
    grid-column: 1 / span 1;
    grid-row: 3 / 3;
  }

  .pg-select-pair {
    grid-column: 1 / span 1;
    grid-row: 1 / 1;
  }

  .pg-pairs-btn {
    grid-column: 1 / -1;
    grid-row: 2 / 2;
  }

  .pg-actions-1 {
    grid-column: 1 / span 1;
    grid-row: 4 / 4;
    &.pg-actions-1-no-trade{
      grid-column: 1 / -1;
    }
  }

  .pg-actions-2 {
    grid-column: 2 / span 1;
    grid-row: 4 / 4;
  }
}

/* 719-745 */
@media only screen and (min-width: 719px) and (max-width: 745px) {
  .panel-group .panel.marketsindicators .panel-body {
    padding: 3px !important;
  }
}

@media only screen and (min-width: 719px) and (max-width: 979px) and (max-height: 890px) {
  .lower-mg {
    height: 60% !important;
  }
}

@media only screen and (max-width: 979px) {
  .lower-mg {
    height: 60%;
  }

  balances-report-directive #balancesReport {
    transform: translateX(0%) !important;
  }

  markets-card-directive #dashboardPairs {
    transform: translateX(30%) !important;
  }

  fees-report #feesReport {
    transform: translateX(0%) !important;
    margin: 0 !important;
  }
}

balances-report-directive #balancesReport .modal-header {
  min-height: 0 !important;
  padding: 0 !important;
}

balances-report-directive #balancesReport {
  transform: translateX(-50%);
  margin: 0 !important;
}

fees-report #feesReport .modal-header {
  min-height: 0 !important;
  padding: 0 !important;
}

identity-verification-modal #identityVerificationModal {
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

fees-report #feesReport {
  transform: translateX(-50%);
  margin: 0 !important;
}

/*  */
/* MARKETS GRID */

/* MARKETS GRID */

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

/*currencies list*/

/* WITHDRAWAL CONFIRMATION */
.width-50 {
  width: 50%;
}

#wc-grid {
  height: 60%;
  width: 100%;
  justify-content: center;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 10% 20% 60% 10%;
}

.wc-recipients {
  overflow-y: auto;
  height: calc(100% - 115px);
}

.wc-fiat-def {
  position: absolute;
  right: 43%;
  top: 22%;
}

.wc-success-indicator {
  width: 100%;
  background-color: #edfff6;
  border: 1px solid #2fbf76;
  color: #1a6640;
  font-weight: 500;
  border-radius: 5px;
  height: 36px;
}

.wc-failed-indicator {
  width: 100%;
  background-color: #fff2f7;
  border: 1px solid #ff0058;
  color: #cc0047;
  font-weight: 500;
  border-radius: 5px;
  height: 36px;
}

.wc-parts-warning {
  width: 345px;
  background-color: #fffbf0;
  border: 1px solid #f5b300;
  color: #805e00;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 35px;
  border-radius: 5px;
}

.wc-hyper {
  color: var(--aqua-blue);
  text-decoration: underline;
  cursor: pointer;
}

.width-30 {
  width: 30%;
}

.width-25 {
  width: 25%;
}

.width-15 {
  width: 15%;
}

.tc-short-select-item {
  width: 109px;
  height: 36px;
  border: solid 1px var(--white-six);
  background-color: #ffffff;
}

.tc-short-select-item span {
  font-family: Ubuntu;
  font-size: 14px;
  color: #cccccc;
}

withdrawal-confirmation .panel-body {
  padding: 0 !important;
}

.tc-short-select-item.active-select {
  background-color: var(--white-five);
}

.tc-short-select-item.active-select span {
  color: var(--black);
}

withdrawal-confirmation .wc-dd {
  width: 60%;
}

.opacity-1.showEditOption a:after {
  opacity: 1 !important;
}

.wc-dd {
  text-indent: 10px;
  width: 100%;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #ddd;
  color: #333;
  background: url(../images/arrow.png) no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  background-color: #fbfbfb;
}

.wc-disabled-label {
  pointer-events: none;
  opacity: 0.5;
}

.status-btn {
  text-align: center;
  width: 70px;
  border-radius: 5px;
  color: white !important;
}

.wc-label {
  color: var(--warm-grey);
}

.wc-part-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.wc-separator {
  width: 100%;
  background-color: #ddd;
  height: 1px;
}

.wc-active {
  padding: 0 15px;
  height: 100%;
  grid-column: 1 / -1;
  grid-row: 1 / span 1;
}

.wc-confirmation {
  padding: 0 15px;
  height: 100%;
  grid-column: 1 / -1;
  grid-row: 2 / span 1;
}

.wc-participants {
  height: 100%;
  grid-column: 1 / -1;
  grid-row: 3 / span 1;
}

.wc-part-trash {
  cursor: pointer;
  width: 10%;
  text-align: right;
  display: none;
}

.wc-parts:hover .wc-part-trash {
  display: block;
}

.wc-parts:hover {
  background-color: var(--ice-blue);
}

.wc-save {
  padding: 0 15px;
  height: 100%;
  grid-column: 1 / -1;
  grid-row: 4 / span 1;
}

#twoFAMethod {
  cursor: pointer;
  border-bottom: 1px dotted var(--aqua-blue);
  color: black;
}

/* TWOSTEPSLIDER */

.enabled-disabled {
  opacity: 0.7;
  pointer-events: none;
}

#twoFAMethodSelect {
  cursor: pointer;
  color: var(--aqua-blue);
  text-decoration: underline;
  font-size: 12px;
}

.two-label-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.menuItemTitle {
  white-space: pre-wrap;
}

/* TWOSTEPSLIDER */
.pair-select-group {
  color: var(--aqua-blue);
  font-weight: 600;
}

dashboard-pairs .blue-svg.arrow-up {
  transform: rotate(90deg);
}

dashboard-pairs .selected {
  background-color: var(--ice-blue) !important;
}

dashboard-pairs .pair-item {
  cursor: pointer;
  font-weight: 500;
  width: 85%;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
}

#twoFaProfile .modal-body {
  width: 100% !important;
}

.disabled-button {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.warm-grey-color {
  color: var(--warm-grey);
}

.my-account-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 15px;
  padding-right: 15px;
}

.padding-right-10 {
  padding-right: 10px;
}

my-account-card .panel-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.dashPairs {
  height: 400px;
  overflow: scroll;
}

@media screen and (max-width: 992px) {
  .dashPairs {
    height: 400px;
    overflow: scroll;
  }
}

@media screen and (min-width: 1395px) and (max-width: 1580px) {
  #selectPairGrid {
    grid-template-rows: 17% 35% 17% 30%;
  }
}

@media screen and (max-height: 890px) {
  .pg-quick {
    display: none;
  }

  .pg-select-pair {
    display: none;
  }

  .lower-mg {
    height: 50%;
  }
}

/* WITHDRAWAL CONFIRMATION */
@media screen and (max-width: 719px) {
  .lower-mg {
    height: 60%;
  }

  .pairsGridWrapper {
    width: 96%;
  }

  #selectPairGrid {
    height: 100%;
    grid-template-rows: 17% 22% 17% 30%;
  }

  /* give some height to chart when mobile*/
  .full-report {
    display: none;
  }

  #charts-grid {
    height: 150% !important;
  }

  /* give some height to chart when mobile*/
  #dashboard-grid {
    height: 100%;
    width: 100%;
    justify-content: center;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 22% 25% 25% 42% 23%;
  }

  #charts-left-sub-header {
    flex-wrap: nowrap;
  }

  #dashboard-grid-footer {
    display: none;
  }

  #dashboard-grid-header {
    display: none;
  }

  #charts-grid {
    grid-row-start: 5;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #markets-grid {
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  .no-reports-fix #markets-grid {
    grid-row-start: 3;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #reports-grid {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #my-activities-grid {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #my-account-grid {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #dashboard-grid-wrapper {
    height: max-content;
  }
}

@media screen and (min-width: 720px) and (max-width: 980px) {
  #dashboard-grid-wrapper {
    height: max-content;
  }

  #dashboard-grid {
    height: 100%;
    width: 95%;
    justify-content: center;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    display: grid;
    grid-template-columns: 55% 45%;
    grid-template-rows: 1% 33% 28% 34% 1%;
  }

  #dashboard-grid-footer {
    grid-row-start: 5;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #dashboard-grid-header {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #charts-grid {
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  .no-reports-fix #markets-grid {
    grid-row-start: 2;
    grid-row-end: 4;
    grid-column-start: 2;
    grid-column-end: span 1;
  }

  #markets-grid {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: span 1;
  }

  #reports-grid {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: span 1;
  }

  #my-activities-grid {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: span 1;
  }

  #my-account-grid {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: span 1;
  }

  #charts-left-sub-header {
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 470px) {
  .pairsGridWrapper {
    width: 94%;
  }
}

@media screen and (min-width: 719px) and (max-width: 1110px) {
  .pairsGridWrapper {
    width: 92.5%;
  }
}

@media screen and (min-width: 1110px) and (max-width: 1395px) {
  .pairsGridWrapper {
    width: 94.5%;
  }
}

@media screen and (min-width: 1580px) and (max-width: 1800px) {
  .pairsGridWrapper {
    width: 92%;
  }
}

@media screen and (min-width: 981px) and (max-width: 1395px) {
  .wc-recipients {
    height: calc(100% - 140px);
    overflow-y: scroll;
  }

  #dashboard-grid-wrapper {
    height: max-content;
  }

  #dashboard-grid {
    height: 100%;
    width: 95%;
    justify-content: center;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    display: grid;
    grid-template-columns: 55% 45%;
    grid-template-rows: 1% 40% 28% 34% 1% !important;
  }

  #dashboard-grid-footer {
    grid-row-start: 5;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #dashboard-grid-header {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  #charts-grid {
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: -1;
  }

  .no-reports-fix #markets-grid {
    grid-row-start: 2;
    grid-row-end: 4;
    grid-column-start: 2;
    grid-column-end: span 1;
  }

  #markets-grid {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: span 1;
  }

  #reports-grid {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: span 1;
  }

  #my-activities-grid {
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: span 1;
  }

  #charts-left-sub-header {
    flex-wrap: nowrap;
  }

  #my-account-grid {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: span 1;
  }
}

.locked_balance_desk {
}

.locked_balance_mob {
  display: none;
}

@media screen and (max-width: 340px) {
  .locked_balance_desk {
    display: none !important;
  }

  .locked_balance_mob {
    display: block;
  }
}

/* HANDLE DASHBOARD CHARTS CARD RESPONSIVE */
@media screen and (max-width: 405px) {
  .desktop-charts-headers {
    display: none !important;
  }

  .mobile-charts-headers {
    display: block !important;
  }
}

.mobile-charts-headers {
  display: none;
}

/* HANDLE DASHBOARD CHARTS CARD RESPONSIVE */
.justify-content-center {
  justify-content: center;
}

#myProfile .form-control.border-red-error {
  border: 1px solid var(--pink-red) !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

td.bold.amountField {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.popover-error-wrapper {
  height: 20px;
  background-color: var(--pink-red);
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.popover-error-wrapper span {
  font-family: Ubuntu;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
}

.align-items-center {
  align-items: center;
}

.pointer-events-none {
  pointer-events: none !important;
}

.justify-content-center {
  justify-content: center;
}

.bg-color-white-five {
  background-color: var(--white-five) !important;
}

.color-green {
  color: #2fbf76;
}

.color-red {
  color: red;
}

@media only screen and (min-width: 991px) {
  .popover-single-width {
    width: 320px;
  }

  .popover-close-fix {
    display: none !important;
  }

  .btn-save {
    display: none !important;
  }
}

.buttons-popover {
  display: flex;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
  .popover-close-fix {
    position: absolute;
    z-index: 99999999;
    top: 0;
    right: 3%;
  }

  .user-pref-fixed {
    position: initial !important;
  }

  .save-fix {
    padding-right: 50px;
  }

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

@media only screen and (max-width: 767px) {
  .user-pref-fixed {
    position: fixed !important;
  }

  .main-navigation {
    min-height: calc(100% - 70px) !important;
  }

  open-orders-card-directive .popover-content {
    display: none !important;
  }
}

transaction-cancel-modal .item-wrapper,
transaction-confirm-modal .item-wrapper {
  margin-bottom: 24px;
}

transaction-cancel-modal .item-text,
transaction-confirm-modal .item-text {
  width: 50%;
  font-family: Ubuntu;
  font-size: 14px;
  color: var(--warm-grey);
}

transaction-cancel-modal .item-const-text,
transaction-quick-modal .item-const-text,
transaction-confirm-modal .item-const-text {
  font-family: Ubuntu;
  font-size: 14px;
  color: var(--black);
}

transaction-cancel-modal .tcm-basic-input,
transaction-quick-modal .tcm-basic-input,
transaction-confirm-modal .tcm-basic-input {
  width: 215px;
  height: 36px;
  border-radius: 4px !important;
  border: solid 1px var(--white-six) !important;
  background-color: var(--white-five) !important;
  box-shadow: none;
}

transaction-quick-modal .tcm-basic-input {
  width: 200px;
}

transaction-quick-modal .tcm-basic-input::placeholder {
  font-family: Ubuntu;
  font-size: 14px;
  color: #cccccc;
}

transaction-cancel-modal .tcm-basic-input:focus {
  outline: none !important;
}

transaction-cancel-modal button.btn-pink-red,
transaction-cancel-modal button.btn-blue {
  margin: 44px 0 0 50%;
  width: 215px;
  height: 36px;
}

transaction-cancel-modal button.btn-pink-red {
  background-color: var(--pink-red) !important;
}

transaction-cancel-modal button.btn-pink-red span,
transaction-cancel-modal button.btn-blue span {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.margin-top-14 {
  margin-top: 14px;
}

transaction-cancel-modal select.tcm-basic-input,
transaction-confirm-modal select.tcm-basic-input {
  background: url(../images/arrow.png) no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
  padding-left: 10px;
  color: #333333;
  padding-right: 30px;
}

transaction-cancel-modal modal .custom-close-header,
transaction-confirm-modal modal .custom-close-header {
  min-width: 640px;
}

transaction-quick-modal modal .custom-close-header {
  min-width: 480px;
  min-height: 220px;
  border-radius: 10px;
  border: solid 1px var(--white-seven);
}

transaction-quick-modal button.btn-basic {
  margin-top: 44px;
  width: 200px;
  height: 36px;
}

transaction-quick-modal button.btn-blue,
transaction-confirm-modal button.btn-blue {
  background-color: var(--aqua-blue);
}

transaction-quick-modal button.btn-blue span,
transaction-confirm-modal button.btn-blue span,
transaction-confirm-modal button.btn-green span {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

transaction-confirm-modal .error-msg,
transaction-quick-modal .error-msg {
  position: absolute;
  left: 50%;
  bottom: -14px;
  top: 40px;
  color: var(--pink-red);
}

transaction-quick-modal button.btn-white {
  border: solid 2px var(--warm-grey-two);
  background-color: #ffffff;
}

.weight-500 {
  font-weight: 500;
}

.width-40pr {
  width: 40%;
}

transaction-quick-modal button.btn-white span {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  color: var(--warm-grey-two);
}

transaction-confirm-modal .input-coin,
tab-context .input-coin {
  position: absolute;
  top: 25%;
  right: 10px;
}

transaction-confirm-modal .fee-percentage {
  width: 65px;
  padding-right: 23px;
}

transaction-confirm-modal .fee-number {
  width: 145px;
  padding-right: 40px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-left-half {
  margin-left: 50%;
}

.margin-bottom-11 {
  margin-bottom: 11px;
}

transaction-confirm-modal button.btn-green {
  background-color: var(--greenish-teal);
}

transaction-confirm-modal .tcm-button {
  width: 103px;
}

transaction-confirm-modal .tcm-show-more {
  background-color: var(--white-four);
  width: calc(100% + 60px);
  transform: translateX(-30px);
  padding: 0 30px;
  align-items: initial !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

user-docs-modal #userDocsHeight {
  margin-top: 20px;
}

.panel-group .panel:hover {
  box-shadow: none !important;
}

.error-msg-margin {
  margin: 0 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

transactions-deposit-requests .popover.top,
transactions-withdrawal-requests .popover.top,
transactions-transfer-requests .popover.top,
my-request .popover.top {
  width: auto !important;
}

.block {
  display: block;
}

redirect-to .wrapper {
  position: fixed;
  display: flex;
  justify-content: center;
  padding-top: 200px;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.31) !important;
  top: 0;
  left: 0;
  z-index: 9999;
}

redirect-to .wrapper .msg-box {
  width: auto;
  height: 200px;
  color: whitesmoke;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 15px;
  background-color: var(--white);
  border: 1px solid #f0f0f0 !important;
  border-radius: 6px;
}

redirect-to .wrapper .msg-box .msg-text {
  font-family: Ubuntu;
  font-size: 14px;
  color: var(--greyish-brown);
  text-align: center;
  margin-top: 10px;
}

.user-mgmnt-wrapper .userRolesWrapper {
  overflow-y: initial !important;
  height: initial !important;
}

.white-space-nowrap {
  white-space: nowrap;
}

.blue-onclick:active {
  color: var(--aqua-blue);
}

@media screen and (max-height: 800px) {
  .transaction-mgmnt-main-style .modal.fade {
    height: 80%;
  }

  .transaction-mgmnt-main-style .modal-body {
    overflow: auto;
    height: 90%;
  }

  .transaction-mgmnt-main-style .modal-body::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
  }

  .transaction-mgmnt-main-style .modal-body::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
  }

  .transaction-mgmnt-main-style .modal-body::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 10px;
    background-color: var(--light-grey);
  }
}

filters .modal-footer {
  padding: 15px 15px 0 15px;
}

filters #filters-modal.modal {
  padding-bottom: 15px !important;
}

.bigger-action-icon {
  width: 19px !important;
  height: 19px !important;
}

.remove-filter-date-selector {
  position: absolute;
  right: 0;
  top: 50%;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.link-empty-msg {
  text-decoration: underline;
  color: var(--aqua-blue);
  cursor: pointer;
}

trades-buy .trd-select-wrapper,
trades-buy .trd-your-balance,
trades-buy .trd-input-titles,
trades-sell .trd-select-wrapper,
trades-sell .trd-your-balance,
trades-sell .trd-input-titles,
deposit-trade .trd-select-wrapper,
deposit-trade .trd-your-balance,
deposit-trade .trd-input-titles,
buy-crypto .trd-select-wrapper,
buy-crypto .trd-your-balance,
buy-crypto .trd-input-titles {
  margin-bottom: 11px;
}

trades-buy .trd-select-wrapper .trd-select-btn,
trades-sell .trd-select-wrapper .trd-select-btn,
deposit-trade .trd-select-wrapper .trd-select-btn,
buy-crypto .trd-select-wrapper .trd-select-btn {
  width: 215px;
  height: 36px;
  margin-bottom: 0 !important;
}

trades-buy .trd-select-wrapper label,
trades-buy .trd-your-balance label,
trades-sell .trd-select-wrapper label,
trades-sell .trd-your-balance label,
deposit-trade .trd-select-wrapper label,
deposit-trade .trd-your-balance label,
buy-crypto .trd-select-wrapper label,
buy-crypto .trd-your-balance label {
  width: 30%;
}

trades-buy .trd-your-balance div,
trades-buy .trd-fee-wrapper div,
trades-buy .trd-bold,
trades-sell .trd-your-balance div,
trades-sell .trd-fee-wrapper div,
trades-sell .trd-bold,
deposit-trade .trd-your-balance div,
deposit-trade .trd-fee-wrapper div,
deposit-trade .trd-bold,
buy-crypto .trd-your-balance div,
buy-crypto .trd-fee-wrapper div,
buy-crypto .trd-bold {
  font-family: Ubuntu;
  font-size: 14px;
  color: var(--black);
}

trades-buy .trd-basic-label,
deposit-trade .trd-basic-label,
buy-crypto .trd-basic-label,
trades-sell .trd-basic-label {
  font-family: Ubuntu;
  font-size: 14px;
  color: var(--warm-grey);
  margin: 0 !important;
}

trades-buy .trd-wrapper,
buy-crypto .trd-wrapper,
deposit-trade .trd-wrapper,
trades-sell .trd-wrapper {
  margin: 0 15px;
}

trades-buy .trd-hr,
buy-crypto .trd-hr,
deposit-trade .trd-hr,
trades-sell .trd-hr {
  height: 1px;
  background-color: var(--white-six);
  width: 100%;
}

.margin-left-4 {
  margin-left: 4px;
}

trades-buy .trd-per-wrapper,
buy-crypto .trd-per-wrapper,
deposit-trade .trd-per-wrapper,
trades-sell .trd-per-wrapper {
  margin: 0 0 20px 30%;
  width: 215px;
  display: flex;
  justify-content: center;
  font-family: Ubuntu !important;
  color: var(--aqua-blue) !important;
}

trades-buy .trd-input-titles,
buy-crypto .trd-input-titles,
deposit-trade .trd-input-titles,
trades-sell .trd-input-titles {
  margin-top: 25px;
}

trades-buy .trd-input-wrapper,
buy-crypto .trd-input-wrapper,
deposit-trade .trd-input-wrapper,
trades-sell .trd-input-wrapper {
  margin-bottom: 30px;
  align-items: flex-end;
}

trades-buy .trd-input-wrapper input,
trades-sell .trd-input-wrapper input,
buy-crypto .trd-input-wrapper input,
deposit-trade .trd-input-wrapper input,
deposit-trade .wrapper-input select,
deposit-trade .wrapper-input select.form-control:focus,
withdrawal-currency .trd-input-wrapper input {
  width: 215px;
  height: 36px;
  border-radius: 4px;
  border: solid 1px var(--white-six);
  background-color: var(--white-five);
  outline: none;
  padding-right: 40px;
}

withdrawal-currency .trd-input-wrapper input {
  width: 100%;
}

withdrawal-currency .trd-input-wrapper input::placeholder {
  color: var(--black);
  opacity: 0.35;
}

trades-buy .trd-input-wrapper span,
buy-crypto .trd-input-wrapper span,
deposit-trade .trd-input-wrapper span,
trades-sell .trd-input-wrapper span {
  position: absolute;
  right: 12px;
  top: 25%;
}

trades-buy .trd-input-wrapper .trd-input-img,
deposit-trade .trd-input-wrapper .trd-input-img,
buy-crypto .trd-input-wrapper .trd-input-img,
trades-sell .trd-input-wrapper .trd-input-img {
  width: 36px;
  height: 36px;
  margin: 0 8px;
}

trades-buy .trd-fee-wrapper,
buy-crypto .trd-fee-wrapper,
deposit-trade .trd-fee-wrapper,
trades-sell .trd-fee-wrapper {
  margin-bottom: 30px;
}

trades-buy .trd-sum-wrapper,
buy-crypto .trd-sum-wrapper,
deposit-trade .trd-sum-wrapper,
trades-sell .trd-sum-wrapper {
  margin: 30px 0 70px 0;
}

trades-buy .trd-btn,
buy-crypto .trd-btn,
deposit-trade .trd-btn,
trades-sell .trd-btn {
  width: 215px;
  margin-left: 30%;
}

trades-buy .trd-btn button-submit button,
deposit-trade .trd-btn button-submit button,
buy-crypto .trd-btn button-submit button,
trades-sell .trd-btn button-submit button {
  background-color: var(--greenish-teal) !important;
  border-color: var(--greenish-teal) !important;
}

trades-buy .trd-enter-amount,
buy-crypto .trd-enter-amount,
deposit-trade .trd-enter-amount,
trades-sell .trd-enter-amount {
  position: absolute;
  top: 100%;
}

trades-buy .trd-insufficientBalance,
buy-crypto .trd-insufficientBalance,
deposit-trade .trd-insufficientBalance,
trades-sell .trd-insufficientBalance {
  margin-left: 7px;
}

trades-buy .trd-sum-wrapper .icon-information-aml,
buy-crypto .trd-sum-wrapper .icon-information-aml,
deposit-trade .trd-sum-wrapper .icon-information-aml,
trades-sell .trd-sum-wrapper .icon-information-aml {
  color: #cccccc !important;
}

trades-buy button-submit span,
buy-crypto button-submit span,
deposit-trade button-submit span,
trades-sell button-submit span {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

@media only screen and (min-width: 1200px) and (max-width: 1535px) {
  trades-buy .trd-input-wrapper,
  deposit-trade .trd-input-wrapper,
  trades-sell .trd-input-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 30%;
    position: relative;
  }

  trades-buy .trd-fee-wrapper div,
  deposit-trade .trd-fee-wrapper div,
  trades-sell .trd-fee-wrapper div {
    margin-left: calc(30% - 20px);
    padding: 0 !important;
  }

  trades-buy .trd-input-titles,
  deposit-trade .trd-input-titles,
  trades-sell .trd-input-titles {
    margin-top: 10px;
  }

  trades-buy .trd-input-wrapper .trd-input-img,
  deposit-trade .trd-input-wrapper .trd-input-img,
  trades-sell .trd-input-wrapper .trd-input-img {
    width: 215px;
    display: flex;
    justify-content: center;
    margin: 0 !important;
  }

  trades-buy .trd-insufficientBalance,
  deposit-trade .trd-insufficientBalance,
  trades-sell .trd-insufficientBalance {
    position: absolute;
    bottom: -9px;
    right: 0;
  }

  trades-buy .trd-your-balance,
  deposit-trade .trd-your-balance,
  trades-sell .trd-your-balance {
    position: relative;
  }

  trades-buy .trd-input-res,
  deposit-trade .trd-input-res,
  trades-sell .trd-input-res {
    margin-bottom: 21px;
  }
}

@media only screen and (max-width: 600px) {
  trades-buy .trd-input-wrapper,
  buy-crypto .trd-input-wrapper,
  deposit-trade .trd-input-wrapper,
  trades-sell .trd-input-wrapper {
    flex-direction: column;
    align-items: flex-end;
    margin-left: 30%;
    position: relative;
  }

  buy-crypto .trd-input-total-fix,
  deposit-trade .trd-input-total-fix {
    align-items: flex-start;
    margin-left: 0;
  }

  trades-buy .trd-fee-wrapper div,
  buy-crypto .trd-fee-wrapper div,
  deposit-trade .trd-fee-wrapper div,
  trades-sell .trd-fee-wrapper div {
    margin-left: calc(30% - 20px);
    padding: 0 !important;
  }

  trades-buy .trd-input-titles,
  buy-crypto .trd-input-titles,
  deposit-trade .trd-input-titles,
  trades-sell .trd-input-titles {
    margin-top: 10px;
  }

  trades-buy .trd-input-wrapper .trd-input-img,
  buy-crypto .trd-input-wrapper .trd-input-img,
  deposit-trade .trd-input-wrapper .trd-input-img,
  trades-sell .trd-input-wrapper .trd-input-img {
    width: 215px;
    display: flex;
    justify-content: center;
    margin: 0 !important;
  }

  trades-buy .trd-insufficientBalance,
  buy-crypto .trd-insufficientBalance,
  deposit-trade .trd-insufficientBalance,
  trades-sell .trd-insufficientBalance {
    position: absolute;
    bottom: -9px;
    right: 0;
  }

  trades-buy .trd-your-balance,
  buy-crypto .trd-your-balance,
  deposit-trade .trd-your-balance,
  trades-sell .trd-your-balance {
    position: relative;
  }

  trades-buy .trd-input-res,
  buy-crypto .trd-input-res,
  deposit-trade .trd-input-res,
  trades-sell .trd-input-res {
    margin-bottom: 21px;
  }

  trades-buy .trd-btn,
  buy-crypto .trd-btn,
  deposit-trade .trd-btn,
  trades-sell .trd-btn {
    margin: 0;
  }

  trades-buy .trd-select-wrapper,
  trades-buy .trd-your-balance,
  buy-crypto .trd-select-wrapper,
  buy-crypto .trd-your-balance,
  deposit-trade .trd-select-wrapper,
  deposit-trade .trd-your-balance,
  trades-sell .trd-select-wrapper,
  trades-sell .trd-your-balance {
    flex-wrap: wrap;
  }

  trades-buy .trd-select-wrapper label,
  trades-buy .trd-your-balance label,
  buy-crypto .trd-select-wrapper label,
  buy-crypto .trd-your-balance label,
  deposit-trade .trd-select-wrapper label,
  deposit-trade .trd-your-balance label,
  trades-sell .trd-select-wrapper label,
  trades-sell .trd-your-balance label {
    width: 100%;
  }

  trades-buy .trd-per-wrapper,
  buy-crypto.trd-per-wrapper,
  deposit-trade.trd-per-wrapper,
  trades-sell .trd-per-wrapper {
    margin-left: 0;
  }
}

.margin-left-50 {
  padding-left: 50px !important;
}

.filterDateRadio {
  position: absolute;
  left: -15px;
}

body .banner-go-deposit {
  font-weight: bold;
}

body .banner-go-deposit span {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

body .banner-go-deposit a {
  text-decoration: none;
}

#mainContainer ._container {
  min-height: calc(100% - 100px);
}

.no-trades-ohlc {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 18px;
  flex-direction: column;
}

#Availbleroles {
  height: calc(100% - 50px);
  overflow-y: auto;
}

.resEmail-back-to-login {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.resEmail-back-to-login label {
  color: var(--aqua-blue) !important;
  cursor: pointer;
}

.pay-msg-wrapper {
  width: 100%;
  height: auto;
  flex-direction: column;
  align-items: center;
}

.pay-msg-wrapper .pay-user-msg {
  width: 100%;
  padding: 0 10%;
  min-height: 400;
  border: 1px solid #f0f0f0;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.pay-msg-wrapper .pay-error {
  margin-top: 10px;
}

.pay-msg-wrapper .pay-action-buttons {
  max-width: 540px;
  width: 100%;
  padding: 10px 40px;
}

.pay-msg-wrapper .pay-action-buttons button {
  width: 40%;
}

.pay-msg-wrapper .pay-tpl-text {
  color: #7f7f7f !important;
}

.pay-error .row {
  margin: 0 !important;
}

.jus-con-end {
  justify-content: flex-end;
}

.red-bg {
  background-color: #ffedf3 !important;
}

.green-bg {
  background-color: #e6fff1 !important;
}

.dp-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: 20%;
  align-items: flex-end;
  flex-direction: column;
}

.dp-button-wrapper label {
  font-size: 1.5rem;
  margin-right: 20px;
  color: var(--aqua-blue);
}

.dp-content-wrapper {
  overflow-x: auto;
}

.blink_out_anim {
  animation: blinker_out 0.4s linear forwards;
}

.blink_in_anim {
  animation: blinker_in 0.4s linear forwards;
}

@keyframes blinker_in {
  100% {
    opacity: 1;
  }
}

@keyframes blinker_out {
  100% {
    opacity: 0;
  }
}

.svgTxs {
  width: 25px;
  height: 25px;
}

#secRolesGrid {
  width: 100%;
  justify-content: center;
  grid-column-gap: 15px;
  grid-row-gap: 10px;
  display: grid;
  grid-template-columns: 0% 20% 78% 1%;
  grid-template-rows: 100%;
}

#rolesListBlock {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 2;
  grid-column-end: 2;
}

#membersListBlock {
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 3;
  grid-column-end: 3;
}

@media screen and (max-width: 1500px) {
  #secRolesGrid {
    grid-template-columns: 0% 300px auto 1% !important;
  }
}

@media screen and (max-width: 1100px) {
  #secRolesGrid {
    grid-template-columns: 0% 300px 480px 1% !important;
  }
}

#headingOpenOrders {
  overflow: hidden;
}

@media screen and (min-width: 991px) and (max-width: 1250px) {
  .my-profile-sub-container {
    width: 100%;
  }

  .my-profile-sub-container .col-md-2.col-sm-12 {
    display: none;
  }

  /*.my-profile-sub-container .col-md-5.col-sm-12 ,*/
  /*.my-profile-sub-container .col-md-7.col-sm-12*/
  /*{*/
  /*padding: 0!important;*/
  /*}*/
  /*.my-profile-sub-container .col-md-7.col-sm-12{*/
  /*margin-right: 15px;*/
  /*}*/
  .my-profile-sub-container .col-md-10.col-sm-12,
  .my-profile-sub-container.col-md-10.col-sm-12 {
    width: 100%;
    padding: 0;
  }
}

.disabled-fee {
  opacity: 0.5;
  pointer-events: none !important;
}

.dis-none {
  display: none !important;
}

.disabled-dd {
  pointer-events: none !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

#lol {
  position: relative;
}

#lol::after {
  content: "";
  width: 14px;
  height: 8px;
  background: url(../images/arrow.png);
  top: 60%;
  position: absolute;
  right: 5% !important;
}

@media screen and (max-width: 991px) {
  #lol::after {
    content: "";
    width: 14px;
    height: 8px;
    background: url(../images/arrow.png);
    top: 60%;
    position: absolute;
    right: 30% !important;
  }
}

.padding-top-bottom-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-top-bottom-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

#svg_deposit_transaction {
  width: 26.7px;
  height: 23.9px;
}

#svg_withdrawal_transaction {
  width: 27px;
  height: 22.9px;
}

#svg_email_transfer_transaction {
  width: 19.7px;
  height: 20.7px;
}

#svg_buy_transaction {
  width: 30.5px;
  height: 26px;
}

#svg_sell_transaction {
  width: 30.5px;
  height: 26px;
}

.margin-top-15 {
  margin-top: 15px;
}

.userinfo-pay {
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-width: 250px;
  border: 1px solid transparent;
}

#loginWrapper {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.58);
  z-index: 20000;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(8px);
}

#loginWrapper #loginContent {
  width: 30%;
  min-height: 300px;
  min-width: 500px;
  height: fit-content;
  background-color: white;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 50px;
}

#loginWrapper .loginLink {
  white-space: pre;
  color: var(--main);
  text-decoration: underline;
  cursor: pointer;
}

#loginWrapper .reLoginHeader {
  height: 50%;
  margin-bottom: 0;
  font-size: 20px;
}

@media screen and (max-width: 500px) {
  #loginWrapper #loginContent {
    width: 90%;
    height: 90%;
    min-height: initial;
    min-width: initial;
  }

  #loginWrapper .reLoginHeader {
    font-size: 16px;
  }
}

.aa-wrapper {
  padding: 0 15px;
  display: flex;
  flex-wrap: wrap;
}

.aa-wrapper .aa-menu-wrapper {
  display: flex;
  flex-direction: column;
  padding-left: 100px;
  padding-top: 30px;
  min-width: 325px;
}

.aa-wrapper .aa-deposit,
.aa-wrapper .aa-withdrawal {
  width: 50%;
  min-width: 650px;
}

@media screen and (max-width: 700px) {
  .aa-wrapper .aa-deposit,
  .aa-wrapper .aa-withdrawal {
    width: 95%;
    min-width: 0;
  }
}

ribbon action-item .dropdown.white-tooltip {
  width: 100%;
  height: 100%;
}

.all-in-label {
  color: var(--aqua-blue);
  font-size: 14px;
  cursor: pointer;
}

.calc-op-label-header {
  margin: 28px 0 3px 0;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

balances-report-directive .modal-body {
  height: calc(100% - 54px);
}

/* balances-report-directive .modal {
  max-height: 90% !important;
  height: 90% !important;
} */

.text-no-space {
  white-space: nowrap !important;
}

user-bank-accounts modal button-submit .btn-blue {
  margin-bottom: 0;
}

user-bank-accounts modal .modal-body {
  padding-bottom: 0;
}

.grid-sp {
  border-bottom: 1px solid var(--form-white) !important;
  padding-bottom: 5px;
}

.trades-balance-op {
  height: auto;
  overflow: hidden;
}

.trades-op-flex {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
}

.trades-op-flex .trades-op {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  font-size: 14px;
  border: 1px solid;
  border-radius: 8px;
  cursor: pointer;
  padding: 5px 17px;
  margin: 0px 8px 22px 0;
  font-weight: bold;
}

.trades-op-flex .trades-op:hover {
  background-color: rgba(255, 242, 247, 0.6);
}

.use-balance-op-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  white-space: nowrap;
}

.trades-use {
  color: lightgrey;
  text-decoration: underline;
}

.trades-use:hover {
  color: #0a9ab8;
}

.amountTooLow {
  color: var(--pink-red) !important;
}

.modal-phone-unique-error error-messages .row {
  margin: 0 !important;
}

new-pagination .new-pag {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--form-white);
  padding: 5px 0;
}

new-pagination .pag-btn {
  cursor: pointer;
  font-size: 18px;
  color: var(--greyish-brown);
  opacity: 0.7;
}

new-pagination .pag-btn:hover {
  color: var(--aqua-blue);
  opacity: 1;
  transition: all 0.2s linear;
}

new-pagination .sep {
  font-size: 18px;
  color: var(--form-white);
}

.m-r-10 {
  margin-right: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

order-sep .trd-input-wrapper .form-control.selectwrap:after {
  top: 0 !important;
}

buy-crypto .request-container,
deposit-trade .request-container {
  padding: 0;
}

buy-crypto .nuf-pair-label,
deposit-trade .nuf-pair-label {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  transition: all 0.3s ease-out;
  pointer-events: none;
}

buy-crypto .nuf-pair-label.transform,
deposit-trade .nuf-pair-label.transform,
.bc-input-title:focus + .nuf-pair-label {
  top: -25px;
  left: 0;
  font-size: 14px;
  transform: initial;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -75%, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__slideInDown {
  animation-name: slideInDown;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(0, 50%, 0);
    opacity: 0;
  }
}

.animate__slideInDown.ng-hide {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

.loader-anim {
  animation-duration: 0.25s;
}

.bc-no-banks {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 20px;
  color: #ff4d8b;
  font-weight: initial;
}

.loader-anim.ng-hide-animate {
  display: none;
}

buy-crypto .loader-input,
deposit-trade .loader-input {
  height: 100%;
}

.loading-con-input {
  width: calc(100% - 4px);
  position: absolute;
  top: 1px;
  left: 2px;
  height: 34px;
  display: flex;
  align-items: center;
  padding-left: 11px;
  background-color: var(--white-five);
}

.loading-con-input .loading-con-text {
  color: var(--grey-black);
  font-family: inherit;
  font-size: 14px;
}

filters .modal-header-action {
  padding: 0 15px;
  margin-top: 15px;
}

.m-l-25 {
  margin-left: 25px;
}

.filters-disabled .clear-all-filters {
  pointer-events: none;
  opacity: 0.6;
  text-decoration: none;
}

bots .tab-wrapper,
grid-maker .tab-wrapper,
coupon-mgmnt .tab-wrapper {
  margin: 0 0 10px 0;
  font-size: 16px;
}

bots .tab-item,
grid-maker .tab-item,
coupon-mgmnt .tab-item {
  cursor: pointer;
  width: 50%;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid;
  padding-bottom: 5px;
}

bots .tab-item.active,
grid-maker .tab-item.active,
coupon-mgmnt .tab-item.active {
  color: var(--aqua-blue);
  border-bottom: 2px solid var(--aqua-blue);
}

bots .tab-item:hover:not(.active),
grid-maker .tab-item:hover:not(.active),
coupon-mgmnt .tab-item:hover:not(.active) {
  color: rgba(0, 182, 224, 0.5);
  border-bottom: 2px solid rgba(0, 182, 224, 0.5);
}

bots .bot-stage-wrapper,
grid-maker .bot-stage-wrapper,
coupon-mgmnt .bot-stage-wrapper {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 10px;
  min-height: 300px;
}

bots .add-stage,
grid-maker .add-stage,
coupon-mgmnt .add-stage,
page-maker .add-stage {
  font-size: 25px;
  color: var(--aqua-blue);
}

bots .bot-stage-item,
grid-maker .bot-stage-item,
coupon-mgmnt .bot-stage-item,
page-maker .bot-stage-item {
  padding: 20px 25px 0 25px;
  margin: 10px 0;
  position: relative;
  border: 2px solid var(--white-two);
  border-radius: 25px;
}

bots .ca-delete-trash,
grid-maker .ca-delete-trash,
coupon-mgmnt .ca-delete-trash,
page-maker .ca-delete-trash {
  position: absolute;
  right: 5px;
  fill: var(--warm-grey);
  top: 50%;
  transform: translate(0, -50%);
}

bots .ca-delete-trash:hover,
grid-maker .ca-delete-trash:hover,
coupon-mgmnt .ca-delete-trash:hover,
page-maker .ca-delete-trash:hover {
  fill: var(--aqua-blue);
}

bots .bot-stage-input-wrapper,
grid-maker .bot-stage-input-wrapper,
coupon-mgmnt .bot-stage-input-wrapper {
  margin-bottom: 20px;
}

bots .bot-stage-input select,
bots .bot-stage-input .select2-choice,
grid-maker .bot-stage-input .select2-choice,
grid-maker .bot-stage-input select,
coupon-mgmnt .bot-stage-input select,
.select-form-gen {
  background-color: var(--modal-white) !important;
  height: 36px !important;
  padding-left: 12px;
  box-shadow: none;
  border: 1px solid var(--form-white);
  outline: none;
  border-radius: 4px !important;
}

bots .bot-stage-input .select2-choice,
grid-maker .bot-stage-input .select2-choice {
  padding: 0 !important;
}

bots .select2-container .select2-arrow b,
grid-maker .select2-container .select2-arrow b {
  display: none !important;
}

account-selector .select-wrapper select {
  background-color: var(--modal-white) !important;
  height: 36px;
  padding-left: 12px;
  box-shadow: none;
  border: 1px solid var(--form-white);
  outline: none;
  border-radius: 4px !important;
  min-width: 100px;
  width: 100%;
}

bots .select-wrapper:after,
grid-maker .select-wrapper:after,
coupon-mgmnt .select-wrapper:after,
account-selector .select-wrapper:after {
  content: ">";
  font: 19px "Consolas", monospace;
  color: #aaa;
  transform: rotate(90deg);
  right: 10px;
  top: 6px;
  position: absolute;
  pointer-events: none;
}

bots ::-webkit-scrollbar,
grid-maker ::-webkit-scrollbar,
coupon-mgmnt ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
bots ::-webkit-scrollbar-track,
grid-maker ::-webkit-scrollbar-track,
coupon-mgmnt ::-webkit-scrollbar-track {
  background: transparent;
  box-shadow: inset 0 0 5px 5px transparent;
  border: solid 5px transparent;
  border-left: solid 0px transparent;
  border-radius: 20px;
}

/* Handle */
bots ::-webkit-scrollbar-thumb,
grid-maker ::-webkit-scrollbar-thumb,
coupon-mgmnt ::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px 5px #ddd;
  border: solid 5px transparent;
  border-left: solid 0px transparent;
  border-radius: 20px;
}

/*CLICK */
bots ::-webkit-scrollbar-thumb:active,
grid-maker ::-webkit-scrollbar-thumb:active,
coupon-mgmnt ::-webkit-scrollbar-thumb:active {
  box-shadow: inset 0 0 5px 5px #888 !important;
  border: solid 5px transparent;
  border-left: solid 0px transparent;
  border-radius: 20px;
}

/* Handle on hover */
bots ::-webkit-scrollbar-thumb:hover,
grid-maker ::-webkit-scrollbar-thumb:hover,
coupon-mgmnt ::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 5px 5px #ccc;
  border: solid 5px transparent;
  border-left: solid 0px transparent;
  border-radius: 20px;
}

.absolute {
  position: absolute;
}

bots p.validation,
grid-maker p.validation,
coupon-mgmnt p.validation {
  padding: 0px 9px 1px 10px;
  width: 100%;
}

.nat-id-country-wrapper .dropdown {
  width: 70px;
}

.nat-id-country-wrapper .popover .selectwrap:after {
  top: 0;
  right: 0;
}

.nat-id-country-wrapper ::-webkit-scrollbar,
.nat-id-country-wrapper ::-webkit-scrollbar-track {
  background-color: var(--modal-white) !important;
}

#myProfile .nat-id-country-wrapper .form-control {
  border-radius: 4px 0px 0px 4px !important;
}

#myProfile .nat-id-input-wrapper .form-control {
  border-radius: 0px 4px 4px 0px !important;
}

.falg-wrapper .small-flag-list-margins {
  margin: 0 4px 0 0;
}

.falg-wrapper .popover .form-group {
  margin: 0;
}

.flex-full {
  flex-grow: 1;
}

bots .absolute.glyphicon.glyphicon-refresh,
grid-maker .absolute.glyphicon.glyphicon-refresh,
coupon-mgmnt .absolute.glyphicon.glyphicon-refresh {
  top: 50%;
  transform: translate(0, -50%);
  right: 5px;
}

@keyframes rotating {
  from {
    -ms-transform: translate(0, -50%) rotate(0deg);
    -moz-transform: translate(0, -50%) rotate(0deg);
    -webkit-transform: translate(0, -50%) rotate(0deg);
    -o-transform: translate(0, -50%) rotate(0deg);
    transform: translate(0, -50%) rotate(0deg);
  }

  to {
    -ms-transform: translate(0, -50%) rotate(360deg);
    -moz-transform: translate(0, -50%) rotate(360deg);
    -webkit-transform: translate(0, -50%) rotate(360deg);
    -o-transform: translate(0, -50%) rotate(360deg);
    transform: translate(0, -50%) rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.def-select-wrap:after {
  content: ">";
  font: 19px "Consolas", monospace;
  color: #aaa;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  position: absolute;
  pointer-events: none;
}

user-bank-accounts .short-input {
  width: 120px !important;
}

user-bank-accounts p.validation {
  font-size: 12px;
  padding: 1px 5px;
}

user-bank-accounts .form-horizontal .form-group {
  margin-bottom: 22px;
}

.p-x-15 {
  padding: 0 15px;
}

.user-doc-extand-wrapper {
  margin-bottom: 5px;
}

form-maker .fm-btn {
  background-color: var(--aqua-blue);
  font-size: 18px;
  color: white;
}

form-maker .fm-btn:hover,
form-maker .fm-btn:focus {
  color: white;
  opacity: 0.8;
}

form-maker .fm-base-input,
form-maker .fm-base-input:focus {
  width: 100%;
  background-color: var(--modal-white) !important;
  outline: none;
  border-color: var(--dark-white);
  min-height: 36px;
  border-radius: 4px;
}

form-maker .fm-base-input .select2-choices {
  background-color: var(--modal-white) !important;
}

form-maker .fm-base-input .select2-arrow {
  display: none !important;
}

form-maker .fm-base-input.select2-container .select2-choice {
  height: 36px !important;
  padding: 0 !important;
}

.def-error-msg {
  font-size: 18px;
  color: var(--pink-red);
}

.active-wallet {
  border: 1px solid var(--white-seven);
  height: 40px;
  background-color: white;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  display: inline-flex !important;
  align-items: center;
  padding: 0 5px;
}

.new-fees-wrapper .searchIcon {
  left: 15px;
}

.new-fees-wrapper .searchIcon,
.new-fees-wrapper #clear-selected-currencies {
  transform: translate(0, -50%);
  top: 50%;
  margin: 0;
  padding: 0;
}

.new-fees-wrapper .form-group.has-search {
  padding: 0 8px !important;
}

.new-fees-wrapper .inputSuccess2 {
  width: 100%;
}

.modal-backdrop.fade {
  background-color: var(--modal-white);
}

.fm-img:hover .fm-img-wrapper {
  display: flex;
}

.fm-img-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  transition: all 1s ease-in;
  pointer-events: none;
}

.what-to-do-page {
  width: 100%;
  max-width: 1000px;
  margin: 0 20px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .main-navigation menu-item .title {
    display: none;
  }

  .main-navigation menu-item a {
    padding-left: 7px !important;
  }

  .main-navigation menu-item menu-item {
    display: none;
  }
}

.not-visible {
  visibility: hidden !important;
}

.pagination-container .pagination-prev.disabled,
.pagination-container .pagination-next.disabled {
  display: inline;
}

my-request .base-padding {
  padding-right: 6px !important;
}

my-request ::-webkit-scrollbar {
  height: 7px;
  background-color: transparent;
}

my-request ::-webkit-scrollbar-track {
  background-color: transparent;
}

my-request ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--light-grey);
}

.grid-forms,
.grid-forms-trade {
  display: grid;
  grid-template-columns: auto minmax(280px, 330px) minmax(650px, 730px) auto;
  grid-template-rows: 1fr;
  grid-gap: 15px;
}

.grid-forms-trade {
  grid-template-columns: auto minmax(280px, 330px) 571px auto;
}

.grid-forms .grid-forms-menu,
.grid-forms-trade .grid-forms-menu {
  grid-column: 2 / span 1;
  grid-row: 1/2;
}

.grid-forms .grid-forms-form,
.grid-forms-trade .grid-forms-form {
  grid-column: 3 / span 1;
  grid-row: 1/2;
}

@media only screen and (max-width: 1220px) {
  .grid-forms {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
  }

  .grid-forms .grid-forms-menu {
    grid-column: 1/2;
    grid-row: 1 / span 1;
  }

  .grid-forms .grid-forms-form {
    grid-column: 1/2;
    grid-row: 2 / span 1;
  }
}

@media only screen and (max-width: 1137px) {
  .grid-forms-trade {
    grid-template-columns: auto 571px auto;
    grid-template-rows: auto auto;
  }

  .grid-forms-trade .grid-forms-menu {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
  }

  .grid-forms-trade .grid-forms-form {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
  }
}

@media only screen and (max-width: 767px) {
  .grid-forms,
  .grid-forms-trade {
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

  .grid-forms .grid-forms-form,
  .grid-forms-trade .grid-forms-form {
    grid-column: 1/2;
    grid-row: 1 / span 1;
  }

  .grid-forms-trade .grid-forms-form {
    justify-self: center;
  }

  .grid-forms .grid-forms-menu,
  .grid-forms-trade .grid-forms-menu {
    display: none;
  }
}

.new-fees-system-wrapper .dc-input-wrapper {
  width: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.new-fees-system-wrapper .m-b-25 {
  margin-bottom: 25px;
}

.new-fees-system-wrapper .dc-input-wrapper .dc-label {
  width: 40%;
  min-width: 50px;
  text-align: left;
  margin: 0 !important;
  padding: 0 !important;
}

.new-fees-system-wrapper .dc-input-wrapper .dc-input {
  width: 60%;
}

.new-fees-system-wrapper .dc-input-wrapper .dc-input input,
.new-fees-system-wrapper .dc-input-wrapper .dc-input select,
.new-fees-system-wrapper .dc-input-wrapper .input-size,
.new-fees-system-wrapper .dc-input-wrapper button-submit button {
  max-width: 274px;
  min-width: 200px;
}

.new-fees-system-wrapper .dc-input-wrapper .selectWrapSeparated:after {
  right: 0;
  font-family: FontAwesome;
}

.new-fees-system-wrapper text-right {
  text-align: right;
}

.new-fees-system-wrapper padding-0 {
  padding: 0 !important;
}

.uba-inactive-op {
  opacity: 0.7;
}

.uba-inactive-btn,
.uba-inactive-btn:hover {
  background-color: lightgray;
  opacity: 0.8;
  border: 1px solid #c1c1c1;
}

.asset-grid-wrapper {
  width: 100%;
  margin-top: 20px;
  height: 100%;
  display: grid;
  grid-template-columns: 318px 10px 516px;
  grid-template-rows: calc(100% - 50px);
  padding: 0 2%;
}

.asset-grid-wrapper .asset-list-selector {
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}

.asset-grid-wrapper .ms-title {
  font-family: Ubuntu;
  font-size: 21px;
  color: var(--aqua-blue);
}

.asset-grid-wrapper .ms-item-wrapper {
  height: 60px;
  cursor: pointer;
  position: relative;
}

.asset-grid-wrapper .ms-link {
  font-family: Ubuntu;
  color: var(--aqua-blue);
  text-decoration: underline;
  margin-right: 5px;
  font-weight: 500 !important;
}

.asset-grid-wrapper .ms-item-wrapper:hover {
  background-color: var(--ice-blue);
}

.asset-grid-wrapper .ms-text-wrapper {
  padding-left: 8px;
}

.asset-grid-wrapper .ms-text-name {
  font-family: Ubuntu;
  font-size: 14px;
  font-weight: 500;
  color: var(--greyish-brown);
}

.asset-grid-wrapper .ms-delete-item {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translate(0, -50%);
}

.asset-grid-wrapper .ms-close-search {
  fill: var(--warm-grey);
}

.asset-grid-wrapper .assets-form-wrapper {
  grid-column: 3 / span 2;
  grid-row: 1;
  height: calc(100%);
}

.asset-grid-wrapper .assets-form-wrapper .fm-wrapper {
  max-width: 400px;
}

.fm-wrapper-title {
  height: calc(90% - 25px) !important;
}

.asset-grid-wrapper
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body {
  padding: 0 5px;
}

.asset-grid-wrapper .assets-form-wrapper .fm-main-wrapper {
  background-color: var(--white);
  border: solid 1px var(--white-seven);
  border-radius: 10px;
  padding: 0 20px;
  height: 100%;
}

.asset-grid-wrapper .assets-form-wrapper .fm-btn-wrapper {
  flex-direction: row-reverse;
}

.asset-grid-wrapper .ms-item-active {
  background-color: var(--ice-blue);
}

.asset-grid-wrapper .ms-item-active .ms-active-line {
  visibility: visible !important;
}

.asset-grid-wrapper .ms-item-active .ms-text-wrapper .ms-text-name {
  color: var(--aqua-blue);
}

.asset-grid-wrapper .ms-active-line {
  width: 6px;
  height: 100%;
  background-color: var(--aqua-blue);
  margin-right: 12px;
  visibility: hidden;
}

.asset-grid-wrapper p.validation {
  font-size: 12px;
  padding: 1px 5px;
}

.ms-clear-all {
  margin-top: 18px;
  font-family: Ubuntu;
  font-size: 12px;
  color: var(--pink-red);
  text-decoration: underline;
}

.ms-hr {
  width: 100%;
  background-color: var(--white-six);
  height: 1px;
  margin-top: 10px;
}

.asset-grid-wrapper .assets-filters .ms-filter-sub-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--aqua-blue);
  margin: 5px 0;
}

.asset-grid-wrapper .short-input {
  width: 120px !important;
}

.control-panel-wrapper .fm-wrapper {
  padding: 10px;
}

.control-panel-wrapper .fm-btn-wrapper {
  border-top: solid 1px var(--aqua-blue);
  padding: 0 10px;
}

.control-panel-wrapper .fm-item-wrapper .cp-title {
  width: 30%;
  max-width: 300px;
}

.control-panel-wrapper .fm-item-wrapper .cp-item-wrapper,
.control-panel-wrapper .fm-main-wrapper fieldset > div {
  flex-grow: initial;
  min-width: 270px;
  max-width: 700px;
  width: 50%;
}

page-maker .password-eye {
  position: absolute;
  transform: translate(0, -50%);
  right: 10px;
  top: 50%;
}

page-maker input::-ms-reveal,
pagemaker input::-ms-clear {
  display: none;
}

page-maker .page-maker-radio-row {
  display: flex;
}

page-maker .page-maker-radio-row .page-maker-option {
  display: flex;
  margin-right: 10px;
}

page-maker .page-maker-radio-row .page-maker-option input {
  margin-right: 3px;
}

menu-item
  ul.main-navigation-menu
  li
  > menu-item
  > ul.sub-menu-new
  > li.active
  > a {
  color: var(--white) !important;
  background-color: var(--aqua-blue) !important;
}

.height-100-im {
  height: 100% !important;
}

.dex_comp .individual-pair:hover {
  color: grey;
}

.dex_comp .individual-pair {
  margin-right: 10px;
  margin-left: 10px;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
  z-index: 10000;
}

/*MAX*/
.max-grid {
  min-height: calc(100% - 100px);
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 0.8fr;
  grid-template-rows: 400px 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

.max-credit-box {
  grid-area: 1 / 1 / 2 / 2;
}

.max-balances-box {
  grid-area: 1 / 2 / 2 / 3;
}

.max-reqs-box {
  grid-area: 2 / 1 / 3 / 4;
  min-height: 200px;
}

.max-withdrawal-box {
  grid-area: 1 / 3 / 2 / 4;
  min-height: 200px;
}

/* MAIN CREDIT CARD CONTAINER */
.credit-green {
  color: #2fbf76;
}

.credit-card {
  height: 150px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 7px;
  width: 250px;
  position: relative;
  transition: all 0.4s ease;
  box-shadow: 0 2px 4px 0 #cfd7df;
  min-height: 60px;
  padding: 13px;
  background: #1a1b1c;
  color: #efefef;
}

.credit-card.selectable:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

/*  NUMBER FORMATTING */

.card-num {
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: center;
  opacity: 0.9;
}

.credit-card-last4:before {
  content: "**** **** **** ";
  color: #4f4d4d;
  font-size: 20px;
}

.credit-card-expiry {
  font-size: 17px;
  position: absolute;
  bottom: 8px;
  left: 15px;
  opacity: 0.9;
}

.balance-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.status-card {
  padding: 10px;
  width: max-content;
  background-color: #2fbf76;
  border-radius: 4px;
  color: white;
}

.modal-body.padding-15-top {
  padding-top: 15px !important;
}

.card-detailes {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#max-view .panel-group .panel,
#max-view .panel-group {
  margin-bottom: 0 !important;
  height: 100%;
}

#max-view .panel .panel-default {
  height: 100%;
}

#max-view #all-transactions {
  /*max-height: 300px;*/
}

.card-header-info {
  justify-content: start;
  display: flex;
  align-items: center;
  /* flex-direction: row-reverse; */
  gap: 5px;
}

/* BRAND CUSTOMIZATION */

.credit-card.visa {
  color: #eaeef2;
}

.credit-card.visa .credit-card-last4:before {
  color: #8999e5;
}

/*   LOGOS  */

.credit-card::after {
  content: " ";
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.credit-card.visa::after {
  height: 16px;
  width: 50px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAYAAABUWyyMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAC4jAAAuIwF4pT92AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAExUlEQVRIDXWWW4hWVRSA/9+ZNA3TtFJUZDIsTSNLUpIwHzTogl3oKkVERgQhvQRTINFDUdhDUdBDhBMUTUFRJnSzQglqIC+U3YZEI+wiWjmF42X07/v2WWs4M6MLvn+tvdbal7P23uf8zVar9Vyj0ZgL46EF/0ET2uEPeKzZbO4hbxT6BLoNfRy9klgnHIQzoBf/avzLsZ+APjgTPsO/ttZvBr7VcDXMgingnL/ATniK/G/IH4XdwsZsjcZ2zCXQD863ndgaYqhmq4ExARbDo7AThssGOpnnwHX96bDEpyP+4sn8EbuL2F+1uIURC6NWVkVuO7bFdM5HDAyTf2hPjbiFHyoEn4wOh0P/ip5kFrot9ELsI3AUXMR+mBmxfMB+fMoN4b+papZf+55MnNNdqhdsHL4fItl+xwIffGnklnWVTjjdPu1z4QAoJttxUcQy51mDSD7s+ohPxbe3RKqff1G5sG3hz4fYQvsWWAE3wjrohpwjd+NWfMpApcqva1IeinlLrnYRAnl8NpW0quKad5qA9sCeBbtBycGXRXxZ5R70bwv/PPw+tIXJ4pxn7FRCXq7lQ2zFfgfhEHgKlC77o9tKcm2wbH8ZvuOhL1GXS9VoXI/ZAUfBLd0MW0CZV6nGQGgvrzIOzPVlIlbwcRZwNtqFeB/KTkQ7XyyX014Ojuc9eAksTq7zIvqVl086iBVxEuWLSpXJNedHW3V3zdZczwOeCF85grV4T9jfo78D53NRznMPeNzWoF24960669WicTfuhfQdw+6CPaA454VQ7qaOQWEgn9oKTYH6Wf8x/Avwez5za3dhT4iYVf0alDxyVxpT8F0F+QJw0ZKyFWNO5JXzTnsa7MsEtDvvOGvDl3ftWv1DdsSjg6CafxLbYQLi8ZqFvwN9GziRx0p5nVy/I0oHzNZArOJv0GuDvu3kuZCl4NE4LXB3rPRl8DF508nTp9wO58BhG8jblWp8GzrVgjSGaCfVge4ExR3woq0CP1QpfRgXZGfslRHISn8S44zCb4XKEUGPhvvA3VTcXV8Eyrro4yt3e/FUP7+j8psxA9tvkf2Ud+xTFq1RE8+ekhfeXXNXOsHt13ZRG6leLwONQR+hfSkoxq34YOWIO6HFGYN/gPYr2H5o34UlkCcjXxYr8FnpnMt1vkwftcff8bPPHPxjaQ8VnCY66UTYDYo7kpKVWB55Dmr+hkjIs3tH+H1d+zdkhOB/Ifrk3XnTJHw5lndN6vPbxXb67Dt/xI5E9XyL+BfA89wBWRl3y934Cj4nTlrTo+f/tHJZ0T6YO1TuB3oxdJHjEXCX94PFsuoPgJLVfZ+8DtrX6ETMy1hxxI9+33yu63SYO+JBcCp2dtGb4eaw9eUDvcoDuDO++734s2EmeFEd8+cAVb4t7siDgb4U5/CyO04PY77GmM9gO0Y/jIWPwCLkn1ov//nwMDifhV0II4XBShXQi2C4ePEm2wudx+r+YUme/yL4rbKSR6F+LKpIq/UBxiSYDJ6EulyRY6UmOB7+riX1nGpH8sPohX0LpoMVmghvUDn/i1kJK6r45d4KB8CHfA98UI/A87APLoZpYNyq7oUd0M14G9HmX4f6CfrAMXeB35j6Oh3zEHSD/zg8xn3/A2haarqHiZpPAAAAAElFTkSuQmCC");
}

@media screen and (max-width: 1395px) {
  .max-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 400px 400px 400px 400px;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .max-credit-box {
    grid-area: 1 / 1 / 2 / 2;
  }

  .max-balances-box {
    grid-area: 2 / 1 / 3 / 2;
  }

  .max-reqs-box {
    grid-area: 4 / 1 / 5 / 2;
  }

  .max-withdrawal-box {
    grid-area: 3 / 1 / 4 / 2;
  }
}

/*END MAX*/
.bank-account-wrapper .pme-link {
  font-family: var(--main-font);
  font-size: 21px;
  font-weight: 400;
  color: var(--aqua-blue);
  text-decoration: none;
}

.bank-account-wrapper.new-bank .pme-link {
  display: none;
}

childs-maker form-maker .btn {
  padding: 2px 12px;
}

ag-grid-ribbon .btn {
  padding: 7px 12px;
  border: 1px solid transparent;
  font-family: var(--main-font);
  transition: 0.3s !important;
  background-color: var(--aqua-blue);
  background-image: none !important;
}

.reg-settle-form {
  font-weight: bold !important;
}

.title-grid {
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
}

.green-btn {
  align-items: baseline !important;
}

page-maker .btn {
  background-image: none !important;
}

@media (max-width: 1300px) {
  .cashierActionBox {
    flex-direction: row-reverse !important;
    /* Change direction to horizontal */
    width: 200px !important;
    /* Adjust width to fit content */
    height: 50px !important;
    /* Adjust height to fit content */
    font-size: 15px !important;
  }

  .cashierActionBox svg {
    height: 24px !important;
    width: 24px !important;
    margin-bottom: 0 !important;
  }

  .quick-actions-buttons {
    display: grid;
    grid-template-columns: 1fr !important;
    /* Only one column */
    grid-template-rows: 1fr 1fr 1fr 1fr !important;
    /* Each item in a different row */
    justify-content: space-between !important;
    overflow-x: hidden;
    align-items: center;
    justify-items: center;
  }
}

page-maker .score-action-buttons {
  display: flex;
}

page-maker .score-action-buttons button {
  margin-right: 5px !important;
  height: 35px !important;
}

page-maker .aga-header-wrapper {
  margin: 0 !important;
}

.dropdown-content.dropdown-new-hover {
  display: block;
  z-index: 20000;
  transform: translateY(10px);
  transition: opacity 0.1s ease, transform 0.1s ease;
  top: 0;
}

.dropdown-content.dropdown-new-hover.dropdown-show {
  opacity: 1;
  transform: translateY(0);
}

page-maker .btn-primary:focus {
  background-color: #337ab7 !important;
}

page-maker .aga-wrapper {
  overflow-x: auto;
}

page-maker .alert {
  margin-bottom: 0;
}

.btn_upload.btn {
  background-color: var(--aqua-blue);
  color: white;
}

.navbar-header {
  width: 220px;
}

.headerLogo {
  flex: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 80px;
  align-items: center;
  padding: 5px;
}

.logo_img {
  max-width: 220px;
  padding: 10px;
  height: auto;
  max-height: 80px;
}

.batch-class .cmk-insert-grid-actions {
  display: flex;
  gap: 5px;
  align-items: center;
}

.change-lang-icon-a {
  & svg {
    fill: var(--black-text);
    height: 30px;
    width: 30px;
  }
}

.modal.fade {
  transition: none !important;
}

.batch-class .aga-collapse .aga-body-wrapper {
  max-height: 300px !important;
  overflow-y: auto;
}

.batch-class .aga-collapse .aga-wrapper {
  overflow-y: hidden;
}

.costumer_dep .fm-wrapper {
  min-height: 300px;
}

.selector-payments .btn.fm-btn:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}

#cashierCustomerSelectionModal .available-item {
  padding: 2px;
}

#cashierCustomerSelectionModal .available-item:focus {
  outline: 1px solid rgba(82, 168, 236, 0.1) !important;
}

.currency-list-item:focus {
  outline: 1px solid rgba(82, 168, 236, 0.1) !important;
}

.mobile-nav-profile {
  & .dropdown-menu {
    min-width: 190px;
  }
}

.navbar-inverse .mobile-nav-profile .nav li.dropdown.open > .dropdown-toggle {
  background-color: transparent !important;
}

.country-dropdown-main {
  padding-left: 8px !important;
}

.pme-error-msg-wrapper {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-style: italic;
  color: #ff4d8b !important;
  background-color: #ffedf3 !important;
  border-color: #ff4d8b !important;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.batch-class .btn.btn-primary:focus,
.batch-class .btn.btn-primary:active,
.batch-class .btn.btn-primary:hover,
.score-class .btn.btn-primary:focus,
.score-class .btn.btn-primary:active,
.score-class .btn.btn-primary:hover,
.fees-class .btn.btn-primary:focus,
.fees-class .btn.btn-primary:active,
.fees-class .btn.btn-primary:hover,
.org-class .btn.btn-primary:focus,
.org-class .btn.btn-primary:active,
.org-class .btn.btn-primary:hover,
.banks-class .btn.btn-primary:focus,
.banks-class .btn.btn-primary:active,
.banks-class .btn.btn-primary:hover,
.org-class .btn,
.banks-class .btn {
  background-color: var(--greenish-teal) !important;
  border: 0 !important;
}

.batch-class .btn-primary,
.score-class .btn-primary,
.fees-class .btn-primary,
.banks-class .btn-primary,
.org-class .btn-primary {
  background-color: var(--greenish-teal) !important;
  border: 0 !important;
}

cashier-selection-modal-directive .cmk-insert-container {
  max-height: 500px;
  overflow-y: auto;
}

form.cashier-selection-info-box input.form-control:focus,
#addDWModal .brq_add input,
form.cashier-selection-info-box input.form-control {
  border: 0 !important;
  padding-left: 0 !important;
  background-color: transparent !important;
  color: black !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.cashier-selection-all-box {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cashier-selection-container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.cashier-selection-details {
  display: flex;
  flex-direction: column;
}

.jsPanel .ag-grid-unlimit-btn:focus,
.jsPanel .ag-grid-unlimit-btn,
page-maker .ag-grid-unlimit-btn:focus,
page-maker .ag-grid-unlimit-btn {
  background-color: var(--main) !important;
  box-shadow: 0px 3px 0px var(--main) !important;
}

.items-center {
  align-items: center;
}

.cashier-actions-container {
  display: flex;
  gap: 10px;
}

.actions-confirm-tx {
  padding-top: 20px;
  display: flex;
  gap: 10px;
}

.actions-otp-form .btn-blue {
  margin-bottom: 0;
}

.actions-otp-form .fm-wrapper {
  margin-bottom: 20px;
}

.cashier-selection-details .cp-title {
  min-width: 100px;
}

.cashier-selection-details .child-maker-input-wrapper {
  flex-wrap: wrap;
}

.cashier-actions-container {
  flex-wrap: wrap;
}

.cashier-actions-container .btn-primary:focus {
  background-color: var(--aqua-blue) !important;
}

.reqs_wrapper .cmk-insert-container {
  display: flex;
  gap: 10px;
}

.reqs_wrapper .cmk-insert-container button:focus {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.reqs_wrapper .cmk-insert-container button {
  padding-right: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  background-color: transparent !important;
  border: 0;
  box-shadow: none;
}

.reqs_wrapper .cmk-insert-container svg {
  fill: var(--warm-grey);
}

.reqs_wrapper .cmk-insert-container svg:hover {
  fill: var(--aqua-blue);
}

.cashier-balances .panel-body {
  padding: 0 !important;
}

.cashier-balances .table {
  margin-top: 15px;
}

.cashier-balances .panel-body th {
  padding: 0 !important;
  padding-top: 5px;
}

.scan_qr_wrapper .child-maker-input-wrapper {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary {
  background-color: var(--main);
  border-color: var(--main);
}

.btn.btn-primary:focus {
  background-color: var(--main) !important;
}

#editDWModal .ribbon-grid,
.reqs_wrapper .ribbon-grid,
.batch-class .ribbon-grid,
.pm-txs-lines .ribbon-grid,
.requests_cash .ribbon-grid {
  padding-bottom: 15px !important;
}

#ribbon_actions > :first-child {
  /* order: 1; */
  /* Moves the first child to the end */
}

#ribbon_actions > *:not(:first-child) {
  /* order: 0; */
  /* Ensures all other children keep their default order */
}

#newCashierModal .cmk-insert {
  flex-wrap: nowrap !important;
}

.adr-form .cmk-insert {
  align-items: baseline !important;
}

#editRequest .btn-blue,
#cancelRequest .btn-blue {
  font-size: 18px !important;
  font-family: "Ubuntu";
  padding: 3px 12px;
  height: 40px;
}

#editRequest .btn-green,
#cancelRequest .btn-green {
  font-size: 18px !important;
  height: 40px;
  padding: 3px 12px;
  color: var(--white);
  background-color: var(--green) !important;
  border-color: var(--green) !important;
  transition: 0.3s;
  margin-bottom: 15px;
  font-family: "Ubuntu";
}

#cancelRequest .cmk-insert-container,
#editRequest .cmk-insert-container {
  justify-content: end !important;
}

.selector-payments .ag-column-first {
  padding: 0 !important;
}

.pm-txs-lines .cmk-insert-grid-actions {
  margin: 0 0 0 10px;
}

.balances_form_card .collapse_head {
  display: flex;
  align-items: center;
  padding: 0 15 0 15 !important;
}

.balances_form_container .panel.panel-default {
  height: 100%;
}

.light-blue {
  color: var(--aqua-blue);
}

#cancelRequest .cp-title,
#editRequest .cp-title {
  max-width: 60px;
}

.adr-form .panel.panel-default {
  border-radius: 0;
  border-color: transparent !important;
}

.adr-form .panel-title a {
  display: flex;
  align-items: center;
}

.adr-form > div:first-child {
  width: 100%;
}

.adr-form .panel-heading {
  padding-left: 0 !important;
}

.adr-form .card-header-info a {
  font-size: 14px;
  color: var(--warm-grey);
}

.adr-form .panel-title {
  padding-right: 0;
}

.adr-form ag-input {
  width: 100% !important;
}

#cashierCustomerSelectionModal {
  z-index: 9999999;
}

my-wallets-directive .page-maker-wrapper {
  height: initial;
}

.hide-and-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.selector-payments {
  .mask {
    width: initial !important;
  }
  .pb-5 {
    padding-bottom: 20px;
  }
  .alert-container {
    margin-bottom: 0 !important;
  }

  .swicth-container input + label:last-child {
    border-radius: 4px !important;
    margin: 3px !important;
  }
  .page-maker-wrapper {
    height: max-content;
    padding: 0 0 10px 0 !important;
  }
  .fm-not-fit {
    height: initial !important;
  }
  /* Header styles */
  .ag-header-cell {
    font-weight: 500 !important;
    background-color: white !important;
    padding: 0 !important;
    font-family: "Ubuntu", sans-serif;
    border-right: 0 !important;
    color: var(--warm-grey) !important;
  }

  .ag-header-cell-label {
    /* justify-content: start !important; */
    /* padding-left: 10px !important; */
    color: var(--warm-grey) !important;
  }

  .ag-header {
    border-bottom: 1px solid var(--form-white) !important;
  }

  /* Grid wrapper styles */
  .ag-root-wrapper {
    border: 1px solid var(--form-white) !important;
  }

  /* Cell styles */
  .ag-cell-value {
    /* text-align: left !important; */
    padding: 0 10px !important;
    background-color: white;
  }

  .ag-cell-edit-wrapper {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin-top: 2px;
    background-color: #fafafa;
  }
  .ag-icon-menu {
    display: none;
  }
  .ag-text-field-input {
    background-color: transparent;
    border: 0 !important;
  }
  .ag-input-field-input:focus {
    border: 1px solid rgba(82, 168, 236, 0.8) !important;
  }
  .ag-cell-inline-editing,
  .ag-cell-inline-editing:active {
    border: 0 !important;
    background-color: white;
    height: max-content;
    box-shadow: initial !important;
    outline: initial !important;
    -webkit-box-shadow: initial !important; /* For older browsers */
  }

  /* Row styles */
  .ag-row {
    display: flex;
    align-items: center;
    border: 0 !important;
  }
  .ag-root-wrapper {
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
  }
  /* Remove hover and focus effects on rows */
  .ag-row-hover,
  .ag-row:focus {
    background-color: transparent !important;
    background-image: none !important;
    outline: none !important;
  }

  .ag-row-hover::before {
    display: none !important;
  }
  .provider-wrap {
    max-width: 400px;
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .provider-wrap label {
    min-width: 150px;
  }
  .provider-wrap div input {
    background-color: transparent !important;
    border: 0;
    width: 250px;
    padding-left: 0 !important;
  }
  /* Grid container styles */
  .ag_grid_con_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .ag_grid_con_wrapper .btn {
    padding: 3px 7px;
    color: white !important;
    border: 0 !important;
    font-family: "Ubuntu", sans-serif;
    height: max-content;
  }

  .ag_grid_con_wrapper .btn:active,
  .ag_grid_con_wrapper .btn:hover {
    border: none !important;
  }

  /* Buttons */
  .ag-grid-update-button-class {
    background-color: #4caf50; /* Green */
    color: white;
  }

  .ag-grid-cancel-button-class,
  .ag-grid-delete-button-class {
    background-color: #f44336; /* Red */
    color: white;
  }

  .ag-grid-edit-button-class {
    background-color: #2196f3; /* Blue */
    color: white;
  }

  /* Adjust column padding */
  .ag-column-last {
    padding-top: 2px !important;
  }

  /* Cell picker and edit wrapper */
  .ag-picker-field-wrapper,
  .ag-cell-edit-wrapper {
    height: 30px !important;
  }
  .pme-select-box-item {
    border: none;
  }
  .ag-floating-bottom {
    border-color: var(--form-white) !important;
  }
  .control-label {
    text-align: left !important;
  }

  .dc-input {
    width: 250px;
  }
  currencies-groups-drop-down-new .dc-input-wrapper,
  .selectWrapSeparated:after {
    right: -5px;
    font-size: 10px;
    fill: black;
    color: black !important;
    font-weight: 300;
  }
  .pm-ag-icon {
    width: 25px;
    height: 25px;
    fill: white;
    color: white;
    background-color: var(--aqua-blue);
    border-radius: 6px;
  }

  .pm-ag-icon:hover {
    fill: var(--aqua-blue);
  }
  .p-10 {
    padding: 10px;
  }

  .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
    border-color: transparent;
  }

  .customer-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center; /* Align everything in the center */
    text-align: center;
  }

  .avatar-container {
    margin-bottom: 10px; /* Adjust the spacing between avatar and text */
  }

  .avatar {
    width: 100px; /* Adjust the size of the avatar */
    height: 100px;
    border-radius: 50%; /* Make it a circle */
  }

  .box-container {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
    flex-wrap: wrap;
    gap: 20px; /* Space between boxes */
  }

  .box {
    width: 150px;
    height: 150px;
    background-color: #3498db; /* Primary color */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease,
      background-color 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    font-size: 1.2em; /* Larger text */
    text-transform: uppercase; /* All caps */
    letter-spacing: 1px; /* Slightly spaced text */
  }

  .box:hover {
    background-color: #2980b9; /* Darker shade on hover */
    transform: translateY(-10px); /* Lift the box on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
  }

  .box:active {
    transform: translateY(-5px); /* Slightly reduce the lift on click */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Softer shadow on click */
  }

  /* Mobile responsiveness */
  @media (max-width: 768px) {
    .box-container {
      flex-direction: column;
      align-items: center;
    }

    .box {
      width: 80%;
      height: 100px;
      margin-bottom: 20px;
    }
  }

  .align-center {
    align-items: center;
  }
  .wrap-footer {
    padding-bottom: 20px;
  }
  .submit-btn-deposit {
    padding-right: 0 !important;
    height: 46px;
  }
  .grid-container {
    padding: 20px;
    display: grid;
    place-items: left;
    height: calc(100vh - 100px); /* Full viewport height */
  }

  .grid-item {
    overflow-y: scroll;
    width: 100%;
    max-width: 750px;
    height: 100%;
    box-sizing: border-box; /* Include padding and border in element's total width and height */
  }
  .panel-group {
    margin: 0 !important;
    padding: 0 !important;
  }
  .panel-group .panel {
    margin: 0 !important;
    padding: 0 !important;
  }
}

.selector-payments {
  .ag-row-selected::before {
    display: none;
  }
}

.pme-check-container {
  width: 83px;
  height: 100px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;

  .pme-check-background {
    width: 100%;
    height: calc(100% - 1.25rem);
    background: var(--main);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,
      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    transform: scale(0.84);
    border-radius: 50%;
    animation: animateContainer 0.75s ease-out forwards 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;

    svg {
      width: 65%;
      transform: translateY(0.25rem);
      stroke-dasharray: 80;
      stroke-dashoffset: 80;
      animation: animateCheck 0.35s forwards 0.4s ease-out;
    }
  }
}

@keyframes animateContainer {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,
      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }

  25% {
    opacity: 1;
    transform: scale(0.9);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset,
      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }

  43.75% {
    transform: scale(1.15);
    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset,
      0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }

  62.5% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
      0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
  }

  81.25% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
      0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }

  100% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset,
      0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
}

@keyframes animateCheck {
  from {
    stroke-dashoffset: 80;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.fees-class.cmk-insert-container {
  height: max-content;
}
.pm-card-padd {
  padding: 30px 50px 0 30px;
}

.container-fluid {
  padding-left: 0 !important;
}

page-maker .ag_grid_con_wrapper > .btn{
  
}


.login initial-interaction page-maker{
  label{
    margin-top: 0;
  }
  .btn{
    height: 36px !important;
  }
}