:root {
	--pc__accent-additive :  93, 210, 103!important;
	--pc__accent-subtractive : 255, 65, 103!important;
    --exchange-colors__buy: #5DD267!important;
    --exchange-colors__sell: #FF4167 !important;
	--chart__bullish-color: rgb(var(--pc__accent-additive));
    --chart__bearish-color: rgb(var(--pc__accent-subtractive));
    --chart__bullish-color_transparent: rgba(112, 168, 0, 0.1)!important;
  /*--chart__bullish-color_transparent: rgba(var(--pc__accent-additive),0.1);*/
	--chart__bearish-color_transparent: rgba(234, 0, 112, 0.1)!important;
  /*--chart__bearish-color_transparent: rgba(var(--pc__accent-subtractive),0.1);*/
    --chart__volume-bullish-color: #5DD267 !important;
  /*--chart__volume-bullish-color: rgb(var(--pc__accent-additive));*/
    --chart__volume-bearish-color: #FF4167 !important;
  /*--chart__volume-bearish-color: rgb(var(--pc__accent-subtractive));*/
    --chart__ema-line-color: rgb(var(--pc__accent-warning));
    --chart__price-line-color: rgb(var(--pc__accent-additive));
    --chart__retail-price-line-color: #5DD267 !important;
  /*--chart__retail-price-line-color: rgb(var(--pc__accent-additive));*/
    --chart__sma-line: rgb(var(--pc__font-secondary));
    --chart__bollinger-band-upper-color: rgba(var(--pc__accent-additive),0.75);
    --chart__bollinger-band-lower-color: rgba(var(--pc__accent-subtractive),0.75);
    --chart__market-price-line-color: rgb(var(--pc__font-primary));
    --chart__market-price-label-color: rgb(var(--pc__font-primary));
    --chart__market-price-bg-color: rgba(var(--pc__accent-additive),0.5);
    --chart__info-color: rgb(var(--pc__font-primary));
    --chart__info-label-color: rgb(var(--pc__font-secondary));
    --chart__range-selection-color: rgba(var(--pc__font-primary),0.25);
    --chart__range-selector-bg-color: rgba(var(--pc__accent-additive),0.15);
    --chart__range-selector-handles-color: rgb(var(--pc__accent-additive));
    --chart__gradient-color-start: rgba(var(--pc__accent-additive),0.25);
    --chart__gradient-color-end: transparent;
    --chart__border-color-primary: rgba(var(--pc__font-secondary),0.75);
    --chart__border-color-secondary: rgba(var(--pc__background-primary));
    --chart__row-separator-color: rgba(var(--pc__background-primary));
    --chart__x-axis-step-color: rgb(var(--pc__font-secondary));
    
    --trading-layout__border: 3px solid rgb(var(--pc__background-tertiary));
    --component__border: 3px solid rgb(var(--pc__background-tertiary));
	
    --tertiary__bg-color:#FFF!important;
    
    --pc__background-primary: 79, 80, 79 !important;
    /*--pc__background-primary: 206, 206, 206 !important;*/
    /*--pc__background-secondary: 39, 39, 39 !important;*/
    --pc__background-tertiary: 16, 20, 22 !important;
    --tab__font-color: rgb(210, 210, 210)!important;

    --pc__font-secondary: 224, 224, 224!important;
    --font__color-secondary:rgb(var(--pc__font-secondary));

    --pc__accent-highlight: 212, 133, 63!important;
    --standalone-form__header-border-color: rgb(var(--pc__accent-highlight));


    /* adding light */
    /*--instrument-row__background-color: rgb(241, 241, 241);*/

    /*--market-data-card-secondary-background : rgb(241, 241, 241);*/
    --pc__branding-gradient-start: 213, 133, 54!important;
    --pc__branding-gradient-end: 223, 143, 70!important;

    /* scrollbar */
    --component-scrollbar__size:5px;


    /* footer */
    --footer__height: 13.3rem;
    /* header */
    --nav-header__height: 5.2rem;

    --retail-dashboard__card-header-title-font-size: 1.5rem;
    --retail-dashboard__card-header-height: 5rem;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.slide-pane__header {
  flex: 0 0 6rem!important;
}
.ap-sidepane__close-button {
  top: 18px!important;
}

.ap-password-input__icon {
  color: #555555!important;
}
.ap-password-input__icon--active {
  color: #807e7e!important;
}
.mini-height {
    height: 4rem;
}
.instrument-row, .instrument-selector__trigger {
    min-height: 6rem!important;
}
.instrument-row .flex-table__header-cell {
  color: #474747;
  font-weight: 500;
}
.instrument-selector__trigger, .instrument-table__row {
    height: 4rem!important;
}
.page-header-nav__item {
    padding-top: 0.1rem!important;
}
.activity__row {
    height: 5rem!important;
}
.activity__product-icon, .activity__type-icon {
    width: 2.6rem!important;
    height: 2.6rem!important;
}

/*.activity__action-text--secondary, .activity__amount-value, .activity__date-time, .activity__status-text {
    font-size: 12px!important;
}*/
.sub-nav-row__item, .sub-nav-row__item:focus {
    font-size: 1.4rem!important;
}
a {
    color: #FF7A00;
}
.standalone-form__footer-separator {
  border-right: solid 1.5px #cecece!important;
}
.page-header__container-1 {
    background: #272727!important;
    border-bottom: 4px solid #212121!important;
    margin-bottom: 0px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.ap-logo__img svg {
    width: 200px!important;
    height: 29px!important;
}

.ap-tab__menu-item--active:before, .ap-tab__menu-item--active:hover:before,
.ap-radio-tab__label--checked-additive, .ap-radio-tab__label--checked-additive:hover {
	border-bottom: 0.2rem solid rgb(240, 139, 52)!important;
	border-color: rgb(240, 139, 52)!important;
}

.login-form__btn {
  border-radius: 10px!important;
}

.standalone-form__success {
  font-size: 2rem;
  padding: 3rem!important;
  text-align: center;
}

.market-overview__header, .product-balances__header, .activity__header-bar {
    /*background: #404040!important; prueba */
}
.market-overview__header, .product-balances__header {
    height: 5rem!important;
}
.market-overview__header {
    font-size: 1.5rem!important;
    font-weight: 400;
    border-top-left-radius: 0.5rem!important;
    border-top-right-radius: 0.5rem!important;
}

/* colores verdes */
.instrument-table__value--bid, .instrument-table__value--24h-positive, .ap-padded-decimal__units--buy, .ap-padded-decimal__decimals--buy, .ap-padded-decimal__padding--buy {
    color: #5DD267!important;
}
.user-profile-form-static__row {
  border-bottom: none!important;
}
/**/
.profile-and-settings-widget__layout-template {
  padding-top: 1rem;
}
.profile-and-settings-layout__row .profile-and-settings-widget__header {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2rem;
}
/* inputs and forms */
.kyc-confirm-level__modal__footer .ap-button__btn {
  background: #2E7D32;
  color: white!important;
}


.dual-fluid-header-fixed-content-layout__footer {
    position: relative;
}
.dual-fluid-header-fixed-content-layout__footer:after {
    z-index: 0;
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}
/* menu user */





.market-overview-instrument {
	border-left: 1px solid rgb(33, 33, 33);
}

/* orden de bloques */
@media (min-width: 1100px) {
    .trade-component.order-entry {
        height: auto!important;
    }
}
.tradeframehd {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}
.tradeframehd:hover {
    box-shadow: 0 5px 28px rgba(51,52,51,.1), 0 5px 10px rgba(51,52,51,.1);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
}
.tradeframe {
    overflow: hidden;
    border: 1px solid #ececec;
    border-radius: 5px;
    width: 100%;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

div.trading-layout__chart-container {
	/*order: 1;*/
}

div.order-book__container {
   
}
div.recent-trade__container {
}
.trading-layout__body {
    position: relative;
}
@media (min-width: 1024px) {
    /* div.recent-trade__container {
        height: 35%;
        display: inline-block;
    }
    div.order-book__container {
        height: 65%;
        display: inline-block;
    } */
	/* div.order-book__container {
        display: block;
        position: absolute;
        vertical-align: bottom;
        right: 0;
        bottom: 0;
        width: 53.2rem;
        border-top: 5px solid #272727;
  } */
    
}
@media (min-width: 1024px) {
	div.order-book__container {
		/* width: 26.6rem; */
	}
}
@media (min-width: 1024px) {
	div.recent-trade__container {
		/* width: 26.6rem; */
	}
}
@media (max-width: 1200px) {
	div.order-entry__container, div.order-book__container {
    width: auto!important;
    position: relative!important;
	}
}


.trading-layout__chart-container div.tv-chart--with-depth-chart {
  min-height: 420px;
  height: 420px;
}
/* fin orden de bloques */


/* .kyc-level__body {
  min-height: auto!important;
  height: auto!important;
} */
.kyc-level, .kyc-level--selected {
  min-width: 28rem!important;
  max-width: 28rem!important;
}
/* .kyc-level:first-child {
  display: none;
} */
/* login */
.standalone-layout__wrapper div.signup-page__container:after {
  content: '';
  position: absolute;
  margin: 9rem 0 6rem;
  width: 100%;
  height: 71rem;
  -webkit-box-shadow: var(--component__box-shadow);
  box-shadow: var(--component__box-shadow);
  background: white;
  border-radius: 15px;
  z-index: -1;
}


.standalone-layout__wrapper div.signup-page__container:before {
  content: '';
  width: 41.6rem;
  height: 7rem;                               
  background-image: url(/local/logos/logo-banexcoin.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 3rem;
}
.standalone-layout__wrapper div.signup-page__container .signup-form__footer {
  display: block!important;
  padding: 0rem 2.8rem 0 2.8rem;
  margin-top: 1rem;
}
.standalone-layout__wrapper div.signup-page__container .signup-form__footer .signup-form__text {
  color: #434343;
  padding: 1rem 0 0 1rem;
  margin: 0;
  text-align: center;
}
.standalone-layout__wrapper div.signup-page__container .signup-form__footer .signup-form__btn {
  width: 100%;
}
.standalone-layout__logo {display: none;}
.standalone-layout__wrapper div.login-form__container, .standalone-layout__wrapper div.signup-page__container {
  border-radius: 15px;
  margin: auto 60%;
  float: right;
}
.standalone-layout__wrapper div.login-form__container .login-form__footer, .login-form__separator, .standalone-form__container.signup-page__container .signup-form__links {
  border: none;
  margin: 0 auto!important;
}
.standalone-layout__wrapper div.login-form__container > .login-form__header, .standalone-layout__wrapper div.signup-page__container > .signup-page__header, .standalone-layout__wrapper div.problem-logging-in-page__container > .problem-logging-in-page__header, .standalone-layout__wrapper div.reset-password__container > .reset-password__header {
  background: white;
  padding: 0;
  border: none;
  border-radius: 15px 15px 0 0!important;
  height: 10.8rem;
}
.standalone-layout__wrapper div.login-form__container > .login-form__header .login-form__header-text, .standalone-layout__wrapper div.signup-page__container > .signup-page__header .signup-page__header-text, .standalone-layout__wrapper div.problem-logging-in-page__container > .problem-logging-in-page__header .problem-logging-in-page__header-text,
.standalone-layout__wrapper div.reset-password__container > .reset-password__header .standalone-form__header-text {
  color: #F28E2A;
  text-align: center;
  margin: auto;
  padding: 3rem 2rem;
  font-weight: 600;
  font-size: 2.2rem;
  font-family: "Montserrat", Sans-serif;
  border-radius: 15px 15px 0 0;
}
.standalone-layout__wrapper div.signup-page__container {
  width: 41.6rem;
  background-color: transparent;
  box-shadow: none;
  position: relative;
  margin-bottom: 4rem;
}
.signup-form__additional__input-wrapper, .signup-form__input-wrapper:nth-of-type(2) {
  margin-top: 1.6rem!important;
}
.standalone-form__information-text {
  color: rgb(141, 141, 141)!important;
}
.standalone-form__radio-list .ap-radio__label.forgot-password-form__label {
  color: rgb(141, 141, 141);
}
.standalone-form__radio-list .ap-radio input[type=radio]:checked~label {
  color: rgb(32, 32, 32);
}
.standalone-form__footer.signup-page__footer, .problem-logging-in-page__footer {
  text-align: center;
  padding: 0;
  height: 2.2rem;
  margin: 0 auto;
}
.standalone-form__footer.signup-page__footer a, .problem-logging-in-page__link {
  text-align: center;
  color: #FF7A00;
  font-weight: 500;
}
.signup-form__form .signup-form__wrapper {display: block;}
.signup-form__wrapper .signup-form__container {
  display: block!important;
  flex-direction: row;
  width: 100%;
  min-width: 100%;
  border: none;
  padding: 0rem 2.8rem 0rem;
}
.ap-password-input.signup-form {
  margin-top: 1.7rem;
  margin-bottom: 1rem;
}

.signup-form__container .signup-form__error {
  margin-top: 0.5rem;
}
.standalone-form__footer, .forgot-password-form__separator {
  border-top: none!important;
}
.signup-form__container .form-group {
  margin-top: 1rem!important;
}
.signup-form__container .form-group select {
  height: 4rem;
}
.signup-form__container .form-group select option {
  background: white;
}
/*@-webkit-keyframes MOVE-BG {
   0% {
     background-position: 10% 50%;
   }
   50% { 
     background-position: 10% calc(50% - 50px);
   }
   100% { 
     background-position: 10% 50%;
   }
   
}
.App .standalone-layout__wrapper {
	background-image: url(/local/landing-page/images/edificios-dark.png);
    background-size: 40%;
    background-position: 10% 50%;
    background-repeat: no-repeat;
    background-color: #191d1f;
	
	-webkit-animation-name: MOVE-BG;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	
	animation-name: MOVE-BG;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
*/
.type-curr {
    background: #cccccc;
}
/*.login-form__footer a:first-child {
    color: white;
}*/

/* .trade-component {
    background: var(--component__bg-color);
    min-height: 150px!important;
    height: 100%;
} */
.login-form__header, .signup-page__header {
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
}
#particles-js{
    width: 100%;
    height: 100%;
    background: rgb(93, 46, 11);
    background: -moz-linear-gradient(-45deg, rgb(93, 46, 11) 0%, rgba(242,142,42,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(93, 46, 11)), color-stop(100%, rgba(242,142,42,1)));
    background: -webkit-linear-gradient(-45deg, rgb(93, 46, 11) 0%, rgba(242,142,42,1) 100%);
    background: -o-linear-gradient(-45deg, rgb(93, 46, 11) 0%, rgba(242,142,42,1) 100%);
    background: -ms-linear-gradient(-45deg, rgb(93, 46, 11) 0%, rgba(242,142,42,1) 100%);
    background: linear-gradient(135deg, rgb(93, 46, 11) 0%, rgba(242,142,42,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d2e0b', endColorstr='#f28e2a', GradientType=1 );
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: fixed;
    z-index: -1;
}
/* FIX for FOrms */
.fiat-withdraw-form__body .fiat-withdraw-form__form-body {height: 100%;}
.fiat-sidepane__main {overflow-y: auto}
.single-fluid-header-fixed-content-layout__footer, .dual-fluid-header-fixed-content-layout__footer, .fix-left-fluid-layout__footer, .dual-fluid-header-fixed-content-layout__footer {background: url(/local/landing-page/images/login-background-white.svg);background-color: #151515;}


#apex-chart-retail #apex-chart-container .charts .chart.price-history canvas {
  padding: 0 0px;
  margin: 0 0px;
}
#apex-chart-container .charts .chart .chart-canvas {
    font-size: 6px;
}

/* .ap-tab__menu-item {
    height: 3.1rem!important;
} */
.tv-chart__header, .flex-table__title {
    height: 3.2rem!important;
}
.order-history__menu {
    overflow-y: hidden;
}
.dual-fluid-header-fixed-content-layout__accent-bar {
  height: 27.5rem!important;
  margin-bottom: -26.5rem!important;
}
/*.dashboard-page__accent-bar, .single-fluid-header-fixed-content-layout__accent-bar {
    background: rgba(187,86,13,1)!important;
    background: -moz-linear-gradient(left, rgba(187,86,13,1) 0%, rgba(242,142,42,1) 100%)!important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(187,86,13,1)), color-stop(100%, rgba(242,142,42,1)))!important;
    background: -webkit-linear-gradient(left, rgba(187,86,13,1) 0%, rgba(242,142,42,1) 100%)!important;
    background: -o-linear-gradient(left, rgba(187,86,13,1) 0%, rgba(242,142,42,1) 100%)!important;
    background: -ms-linear-gradient(left, rgba(187,86,13,1) 0%, rgba(242,142,42,1) 100%)!important;
    background: linear-gradient(to right, rgba(187,86,13,1) 0%, rgba(242,142,42,1) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb560d', endColorstr='#f28e2a', GradientType=1 )!important;
    overflow: hidden;
    position: relative;
    z-index: -1;
}
.dashboard-page__accent-bar:after, .single-fluid-header-fixed-content-layout__accent-bar:after {
    content: ' ';
    background-image: url(/local/landing-page/images/banex-iso-repeat.png);
    background-size: 270px;
    background-position: -50px 40px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}*/

.dashboard-page__accent-bar, .dual-fluid-header-fixed-content-layout__header-secondary .sub-nav-row {
    box-shadow: none;
}

.base-lt__header {
    line-height: 3.5rem!important;
    background: transparent!important;
    padding-left: 2rem!important;
}
.base-lt__header .profile-and-settings-widget__header {
    background: transparent;
}
.base-lt__header .profile-and-settings-widget__header .profile-and-settings-widget__header-text {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2rem;
}
.user-profile-form-static__lwt-container {
    padding: 1.5rem 0 1.5rem 2rem!important;
}

.page-footer__text a {
    display: block;
    text-transform: uppercase;
}
.page-footer__text a:first-child {
    font-size: 1.6rem;
    color: white;
    font-weight: 500;
    margin-bottom: 4px;
    pointer-events: none;
}
.page-footer__text a:first-child:hover, .page-footer__text a:hover {
    opacity: 0.7;
}

.page-footer__text {
    width: 18rem!important;
}
.dual-fluid-header-fixed-content-layout__header-secondary {
    min-height: 5.5rem!important;
    height: 5.5rem!important;
}
.dual-fluid-header-fixed-content-layout__fixed-container {
    margin: 1rem auto 0!important;
}
.market-overview__instrument-selector .instrument-selector-popover__popover {
    border-radius: 3px;
}
/**/
/** Switch
 -------------------------------------*/

.switch input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/**
  * 1. Adjust this to size
  */

.page-header__right-panel .switch {
  display: inline-block;
  font-size: 20px;
  height: 1em;
  width: 2em;
  background: #BDB9A6;
  border-radius: 1em;
  margin-top: 1.9rem;
  margin-right: 8px;
}

.switch div {
    height: 1.8em;
    width: 1.8em;
    border-radius: 1em;
    /*background: #FFF;*/
    box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;

    background-image: url(local/landing-page/images/moon.png);
    background-size: 67%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    cursor: pointer;
}

.switch input:checked + div {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);

  background-image: url(local/landing-page/images/sun.png);
  background-color: #FFF;
}
/**/
.checkterms {
  height: 40px;
  vertical-align: middle;
  position: relative;
}
.checkterms .form--check--box {
  width: 100%;
  display: flex;
  margin-top: 0.5rem;
}
.checkterms .form--check--box label {
  color: rgb(188, 188, 188);
  font-size: 1.3rem;
  margin: 9px 0;
  font-family: "Montserrat", Sans-serif;
  font-weight: 500;
}
.checkterms input#readterms {
  width: 16px;
  margin: 10px 0;
}


.kyc-level__footer {
  display: block!important;
}

.kyc-level .more-l {
  display: inherit;
  height: 21px;
  width: 100px;
  text-align: center;
  margin: -16px auto 7px;
  z-index: 99;
  position: relative;
  color: white;
  background-color: #474747;
  border-radius: 20px;
  vertical-align: middle;
}
.kyc-level .more-l:hover i {opacity: 0.7;}
.more-l i {
  font-size: 3rem;
  background-color: orange;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  color: white;
  vertical-align: middle;
  margin-top: -5px;
}
/* .kyc-level:not(.kyc-level--selected) {
  border: 3px solid #686868!important;
} */
.kyc-level__header-title {
  line-height: 2.5rem!important;
}



.kyc-level__header-title:before {
  content: '';
  background-position: center!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
  width: 42px;
  height: 42px;
  position: absolute;
  opacity: 0.05;
  top: 8px;
  bottom: 0%;
  right: 11px;
  margin: 0 auto;
}
.kyc-level__header-title.kyc1:before {
  background-image: url(/local/landing-page/images/levels/level1-blanco.png);
}
.kyc-level__header-title.kyc2:before {
  background-image: url(/local/landing-page/images/levels/level2-blanco.png);
}
.kyc-level__header-title.kyc3:before {
  background-image: url(/local/landing-page/images/levels/level3-blanco.png);
}
.kyc-level__header-title.kyc4:before {
  background-image: url(/local/landing-page/images/levels/level4-blanco.png);
}

/* .wallet-card__icon-label-row {
  padding-bottom: 0.3rem!important;
} */
/* .wallet-card__balance {
  padding: 1rem 1.5rem 1rem!important;
} */
.wallet-card__activity-link-row {
  padding: 0.5rem 1.5rem!important;
}

.wallet-card__icon {
  margin-left: 1.5rem!important;
}
.wallet-card__icon img {
  height: 30px!important;
}

/*.wallet-card__icon-nav-buttons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2rem;
  display: block;
}
.wallet-card__icon-nav-buttons .wallet-nav-item {
  display: block;
  margin: calc(100% + 1rem) 0;
  padding: 1rem 1rem;
}*/

  .balance-item__container {
      padding: 1em 2.5rem!important;
  }
  .page-header-nav__label {
      font-size: 1.4rem!important;
  }
  .page-header-nav__item {
      font-weight: 500!important;
  }
  .component-row-dual__component-container-left, .dual-header-dashboard-layout__top-row__component-container-right, .activity, .dual-header-dashboard-layout__bottom-row {
      border-radius: 0.5rem!important;
  }
  .product-balances__header {
      border-top-left-radius: 0.5rem!important;
      border-top-right-radius: 0.5rem!important;
  }
  /* @media only screen and (min-width: 79.2rem){ anterior resolucion */
  @media only screen and (min-width: 975px){
  /* .page-header-nav__container {
      flex-direction: row!important;
      position: relative!important;
  } */
  /* .page-header-nav__item {
      padding-left: 0rem!important;
      padding-right: 0rem!important;
      width: auto!important;
  } */
  
}

  /* @media only screen and (min-width: 79.2rem) { anterior resolucion */
  @media only screen and (min-width: 975px) {
    /* .page-header-nav__menu-toggle {
        display: none!important;
    } */
    .page-header__header-item--logo {
        order: 0!important;
        flex: none!important;
    }
  }
.order-entry__buy-sell-radio-tab-wrapper {
  padding: 0 0rem!important;
}

.component-row-single__header {
  padding: 0.5rem 3rem 3rem!important;
}
.wallet-card-grid {
  margin-bottom: 0rem!important;
}
.wallet-row__icon-label {
  padding: 0.5% 1rem 0.5% 1%!important;
}
.wallet-row__icon-label .product-icon {
  width: 29px!important;
  height: 29px!important;
  font-size: 15px!important;
  line-height: 32px!important;
}
.wallet-row__icon-label .wallet-row__symbol-label {
  font-size: 1.25rem!important;
}
.wallet-row__icon-label .wallet-row__product-icon img {width: 29px!important;height: 29px!important;}


.wallet-row__icon-nav-buttons .icon-button .icon-button__icon {
  width: 1.5rem!important;
  height: 1.5rem!important;
}
.wallet-row__activity-link {
  font-size: 1.2rem!important;
}

.market-data-card__lwt-text--header {
  font-weight: 400!important;
}
.market-data-card {
  border-radius: 0.5rem!important;
}
/* .buy-sell-make-transaction__title {
  padding: 0 0 2.8rem 0rem!important;
  font-weight: 400!important;
} */
.buy-sell-make-transaction {
  padding: 2rem 1.5rem!important;
}
.buy-sell__container {
  border-radius: 0.3em!important;
}
.buy-sell__crypto-container {
  margin: 2.2rem!important;
}
.buy-sell__amount-header {
  margin: 3.5rem 2.2rem 1.2rem!important;
}
.buy-sell__amount-container {
  margin: 0 2.2rem!important;
}
.buy-sell__confirm-button-container {
  padding: 3.2rem 2.2rem 2.4rem!important;
}

/* creditcard buy banner */
.transition7 {
  -webkit-transition: all 0.7s ease-out;
      -moz-transition: all 0.7s ease-out;
      -ms-transition: all 0.7s ease-out;
        -o-transition: all 0.7s ease-out;
          transition: all 0.7s ease-out;
}
.banner-credit {
  width: 100%;
  border-radius: 6px;
  position: relative;
}
/*.banner-credit:before, .banner-credit:after {
  top: 0;
  left: 0;
}
.banner-credit:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(62, 44, 75, 0.8);
  z-index: 9;
}
.banner-credit:after {
  content: '';
  background-image: url(/local/landing-page/images/cards-bg.png);
  background-size: 18%;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  filter: blur(8px);
  -webkit-filter: blur(8px);
}*/
.credit-types {
  background-image: url(/local/img/creditcard-icons.png);
  background-size: inherit;
  background-repeat: no-repeat;
  width: 149px;
  height: 47px;
  position: absolute;
  right: 5rem;
  bottom: 4rem;
  z-index: 99;
}
.banner-credit h3 {
  z-index: 99;
  color: white;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  font-size: 4rem;
  font-weight: 300;
  left: 5rem;
  top: 4rem;
}
.credit-cripto {
  position: absolute;
  z-index: 99;
  bottom: 4rem;
  left: 5rem;
}
.credit-cripto img {
  margin-right: 2rem;
  width: 53px;
  border-radius: 52px;
  box-shadow: 0 0 15px 7px #4e3189;
}
.banner-credit .buy-now {
  position: absolute;
  width: auto;
  padding: 10px 15px;
  z-index: 9;
  border-radius: 3px;
  background: #9C27B0;
  color: white;
  font-size: 2rem;
  right: 5rem;
  bottom: 11rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}
.banner-credit:hover .buy-now {
  bottom: 12rem;
}
/* banner levels */
@media only screen and (max-width: 76.8rem) {
  .tv-chart.tv-chart--with-depth-chart .tv-chart__chart-container {
    padding: 0 0rem;
  }
  .react-root .pt20 {
    margin: 0 auto;
  }
}
div#dashboard-widget {
  margin-top: 23px;
}
.dashboard-widget .button {
  min-width: 100px;
}
.react-root .mr10 {
  margin-right: .625rem;
}
.react-root .flex-shrink-0 {
  flex-shrink: 0;
}
.react-root .pl40 {
  padding-left: 2.5rem;
}
.react-root .pr40 {
  padding-right: 2.5rem;
}
.react-root .pb30, .react-root .pv30 {
  padding-bottom: 2.875rem;
}
.react-root .h-100 {
  height: 100%;
}
.react-root .flex-column {
  flex-direction: column;
}
.react-root .flex {
  display: flex;
}
.react-root .flex-grow-1 {
  flex-grow: 1;
}
.react-root .justify-center {
  justify-content: center;
}
.react-root .justify-between {
  justify-content: space-between;
}
.react-root .bg-white {
  background-color: #fff;
}
.react-root .items-center {
  align-items: center;
}
.react-root .mb20, .react-root .mv20 {
  margin-bottom: 1.25rem;
}
.react-root .bold {
  font-weight: 700;
  font-family: Celias Bold,Helvetica,Arial;
}
.react-root .pt20 {
  padding-top: 1.25rem;
}
.react-root .ba {
  border-style: solid;
  border-width: 1px;
}
.react-root .header {
  padding-top: unset;
}
.react-root .button {
  line-height: 1!important;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0 1.25rem;
  height: 3.125rem;
  background-color: #3f3f3f;
}
.react-root .button:hover {
  background-color: #ff7f38;
}
.react-root .button.medium {
  padding: 0.5rem 1rem;
  line-height: .75!important;
  height: 3.5rem;
}
.kraken-link .button.medium:hover {
  background-color: #8BC34A;
}
.kraken-link {
  border: 4px solid transparent;
  border-radius: .7rem;
}
.kraken-link:hover {
  border: 4px solid rgba(27, 94, 32, 0.39);
}
.react-root .button.medium:disabled {
  background-color: #8BC34A;
  cursor: default;
}
.react-root .button span {
  font-family: Celias Bold,Helvetica,Arial;
  color: #fff;
}
.react-root div, .react-root li, .react-root ol, .react-root p, .react-root ul {
  font: 300 1.2rem/1.4 Celias Regular,Helvetica,Arial;
}
.theme-settings__row, .region-settings__row {
  border-bottom: solid 0px var(--border__color)!important;
}
.profile-and-settings-layout__page-header {
  border-bottom: solid 1px var(--border__color);
}
.kyc-form__dpk-label, .kyc-form__label, .kyc-form__select-label {
  width: 18rem!important;
}
/* .kyc-form__btn:not(.ap-upload__btn) {
  width: 22em!important; 
}*/
.form-group .kyc-form__dpk-input, .form-group .kyc-form__input, .form-group .kyc-form__select {
  width: 39rem!important;
}
.kyc-form__input-box .react-phone-number-input__row {
  width: 39rem!important;
}
.kyc-form__wrapper {
  width: 100%!important;
}
.ap-upload.ap-image-upload.kyc-form:last-child {
  background-image: url(https://soporte.banexcoin.com/images/faq/Selfie-autenticacion.jpg);
  height: 25rem;
  background-size: 26%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
/*.ap-upload.ap-image-upload.kyc-form:last-child:hover .ap-image-upload:after {
  content: '';
  width: 15rem;
  height: 15rem;
  background: #993b3b;
}*/
.form-control.ap-input__input.kyc-form__input[name='email']{
  /* pointer-events: none; */
}
.signup-form__info {
  color: #4CAF50;
}
.kyc-form__info {
  font-style: normal!important;
}
.kyc-form__input-box .ap-upload__input {
  width: 11.8rem!important;
}
.ordered-list {
  list-style: none;
  display: grid;
}
.ordered-list.horizontal {
  grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  grid-column-gap: 2.5rem;
  grid-row-gap: 1.25rem;
}
@media only screen and (max-width: 1150px) and (min-width: 767px)  {
  .ordered-list.horizontal {
    grid-template-columns: repeat(auto-fit,minmax(45%,1fr));
  }
  .dual-fluid-header-fixed-content-layout__accent-bar {
    height: 42.5rem!important;
    margin-bottom: -42.5rem!important;
  }
}
@media (max-width: 767px) {
  .ordered-list.horizontal {
    grid-template-columns: repeat(auto-fit,minmax(45%,1fr));
    padding: 0 0 2.875rem 0;
  }
  .react-root .justify-between .item-children {
    display: none;
  }
  .list-step.horizontal .item-label {
    font-size: 1.4rem;
  }
  .dashboard-widget svg {
    margin: 0 auto!important;
    width: 100%!important;
  }
  .list-step.verification-card > .flex.flex-grow-1 {
    display: block!important;
  }
}
.dashboard-widget svg {
  height: 100px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dashboard-widget .initial {
  width: 100px;
  background-image: url(/local/landing-page/images/levels/level1-blanco.png);
}
.dashboard-widget .intermediate {
  width: 100px;
  background-image: url(/local/landing-page/images/levels/level2-blanco.png);
}
.dashboard-widget .master {
  width: 100px;
  background-image: url(/local/landing-page/images/levels/level3-blanco.png);
}
.dashboard-widget .corporate {
  width: 100px;
  background-image: url(/local/landing-page/images/levels/level4-blanco.png);
}
.list-step.horizontal .item-label {
  color: #FFF!important;
  line-height: 2rem;
  margin-left: 1.5rem;
  text-transform: uppercase;
}
.list-step.horizontal a:before {
  content: "";
  display: block;
}
.done-ver {
  border-radius: 3px;
  border: 3px solid #8BC34A;
  padding: 10px 6px;
  font-size: 1.7rem!important;
  font-weight: 500;
  text-transform: uppercase;
  color: #bee590;
  display: block;
  position: relative;
  text-align: center;
  margin-top: -23px;
}
.react-root h5 {
  color: #41309e;
  font-size: 2rem;
  font-family: Celias Bold,Helvetica,Arial;
  line-height: 1.2;
}
.list-step.horizontal .item-children {
  min-height: 6.25rem;
}
.numbered-circle {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid #8BC34A;
  background: #fff;
}
.numbered-circle span {
  color: #8BC34A;
  line-height: 2.5rem;
  margin: 0 15px;
}
.numbered-circle.done {
  background-color: #8BC34A;
}
.numbered-circle.done i {color: white;}
/* MANYA THEME UI */
.standalone-form__container.login-form__container, .standalone-form__container.problem-logging-in-page__container, .standalone-form__container.reset-password__container {
  background-color: white;
}
/* .standalone-form__container.login-form__container .form-control, .standalone-form__container.signup-page__container .form-control, .standalone-form__container.problem-logging-in-page__container .form-control {
  background-color: white!important;
  border: 1.5px solid #CBCBCB!important;
  color: #242424!important;
  border-radius: 10px;
} */
.standalone-form__container.login-form__container .form-control:focus {
  border-color: #FFC591!important;
}
.standalone-form__container.login-form__container .form-control::placeholder {
  color: #9D9D9D!important;
}
.standalone-form__footer.login-form__footer .login-form__link {
  font-weight: 500;
}
.standalone-form__footer.login-form__footer .login-form__link:hover, .standalone-form__footer .signup-form__link:hover, .standalone-form__form .signup-form__footer a:hover {
  color: rgb(182, 91, 6);
}
.dropdown-new {
  list-style: none;
}
.dropdown-new .nav-link i {
  font-size: 2rem;
  cursor: pointer;
}
.dropdown-menu-new {
  display: none;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #F28E2A;
  border-bottom: 6px solid #be6a22;
  padding-top: 57px;
  padding-bottom: 3rem;
  z-index: -1;
  overflow-x: auto;
}
.dropdown-menu-new .containero {
  opacity: 1;
  display: flex;
  width: 85%;
  margin: 0 auto;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.dropdown-menu-new.hid .containero {opacity: 0;}
.dropdown-menu-new .sect-s ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: white;
}
.dropdown-menu-new .sect-s ul a {
  color: white;
  font-size: 1.7rem;
  padding: 7px 0;
}
.dropdown-menu-new .title-li {
  font-size: 2.5rem;
  color: #383838;
  font-weight: 500;
  margin: 10px 0;
}
.disabled-access {
  pointer-events: none;
  cursor: default;
}
.dropdown-menu-new .sect-s ul a:hover, .dropdown-menu-new .title-li:hover {opacity: 0.8;}
.sect-s {
  min-width: 34%;
}
.dropdown-menu-new .sect-s ul a.menu-li {
  width: 33%;
  display: inline-block;
}
@media screen and (max-width: 1100px) {
  .sect-s {
    min-width: 50%;
  }
  .dropdown-menu-new .sect-s ul a.menu-li {
    width: 100%!important;
    display: block!important;
  }
}
@media screen and (max-width: 500px) {
  .dropdown-menu-new {
    bottom: 0;
  }
  
  .dropdown-menu-new .containero {
    display: block;
  }
  .sect-s {
    min-width: 100%;
  }
}

.dropdown-menu-new hr {
  border-color: rgba(255, 255, 255, 0.61);
  border-style: dashed;
}
#bg-nmy {
  width: 100%;
  height: 100%;
  background: white;
  position: fixed;
  z-index: -1;
  display: flex;
}
.left-img, .right-block {
  height: 100%;
}
.left-img {
  width: 55%;
  position: relative;
}
.right-block {
  width: 45%;
  position: relative;
}
.left-img > div > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.left-img .slick-list, .left-img .slick-track {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.left-img .img1 {
  background-image: url(/local/landing-page/images/manya/img-login.png);
}
.left-img .img1:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(51deg, rgba(255, 255, 255, 0) 20%, rgba(255, 181, 181, 0.4) 55%, rgba(255, 255, 255, 0.92) 84%);
}
.left-img .img2 {
  background-image: url(/local/landing-page/images/manya/landing/img2-bg.jpg);
}
.right-block .oval {
  height: 160%;
  width: 66%;
  border-radius: 100%;
  left: -30%;
  top: -30%;
  bottom: -15%;
  position: absolute;
  z-index: 1;
  background: white;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.56);
}
.right-block > .boxin {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(/local/landing-page/images/manya/landing/blank_dots.png);
  background-color: white;
  background-position: bottom right;
  background-repeat: no-repeat;
  z-index: 5;
}

.standalone-form__container.two-factor-auth-form__container {
  background: white;
}
.two-factor-auth-form__container .two-factor-auth-form__header {
  background: white;
  height: 10.8rem;
  padding: 0;
  border: none;
}
.two-factor-auth-form__container .two-factor-auth-form__header .two-factor-auth-form__header-text {
  color: #F28E2A;
  text-align: center;
  margin: auto;
  padding: 3rem 2rem;
  font-weight: 600;
  font-size: 2.2rem;
  font-family: "Montserrat", Sans-serif;
  border-radius: 15px 15px 0 0;
}
.two-factor-auth-form__container .two-factor-auth-form__information-text {
  font-size: 1.6rem;
  color: rgb(141, 141, 141)!important;
  font-family: "Montserrat", Sans-serif;
  font-weight: 500;
}
.two-factor-auth-form__container .two-factor-auth-form__input {
    background: white;
    border-color: #aeaeae;
    color: #0f0f0f;
}


.product-balances__container::-webkit-scrollbar, .order-entry__body::-webkit-scrollbar,
.flex-table__body::-webkit-scrollbar, .orderbook__vertical-scroller-body::-webkit-scrollbar {
  width: var(--component-scrollbar__size);
  height: var(--component-scrollbar__size);
  background: rgba(173, 172, 172, 0.46);
  border-radius: 11px;
}
.product-balances__container::-webkit-scrollbar, .order-entry__body::-webkit-scrollbar,
.flex-table__body::-webkit-scrollbar, .orderbook__vertical-scroller-body::-webkit-scrollbar {
  width:var(--scrollbar__size);
  height:var(--scrollbar__size);
}
.product-balances__container::-webkit-scrollbar-thumb, .order-entry__body::-webkit-scrollbar-thumb,
.flex-table__body::-webkit-scrollbar-thumb, .orderbook__vertical-scroller-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(101, 101, 101, 0.59);
}

.alert-top-bar {
  width: 95%;
  height: auto;
  max-width: 1200px;
  margin: 1rem auto 1rem;
  /* border: 1px solid #d6d6d6; */
  background: #efefef;
  padding: 1rem 2rem 0rem;
  border-radius: 0.5rem;
  text-align: left;
}
.alert-top-bar.twofabanex {
  margin: 0rem auto 0rem;
  padding: 3rem;
  width: 40rem;
  max-width: 97%;
  z-index: 280;
  background: var(--pc__background-secondary_v2);
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  box-shadow: 0px 0px 17px 4px rgb(30 21 36 / 45%);
-webkit-box-shadow: 0px 0px 17px 4px rgb(30 21 36 / 45%);
-moz-box-shadow: 0px 0px 17px 4px rgb(30 21 36 / 45%);
}
.alert-top-bar.twofabanex img{
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px;
}
.alert-top-bar.twofabanex span {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-weight: 600;
  cursor: pointer;
}
.alert-top-bar > b {
  color: var(--pc_font-primary);
  font-size: 1.4rem;
  font-weight: 500;
  display: inline-flex;
  margin-right: 2rem;
  vertical-align: sub;
}
.alert-top-bar > p {
  display: block;
  color: var(--pc_font-primary);
  margin: 0;
  vertical-align: sub;
}
.alert-top-bar > p > a {
  margin: 2rem 0.7rem auto 0rem;
  display: block;
  color: var(--text-light) !important;
}
.alert-top-bar > p > a:hover {
  opacity: 0.9;
}