header{
    height: 10vh;
    display: table;
    width: 100%;
    background-color: #262624;
}  

body{
    background-color: #2A2C2F;
    margin: 0px; 
    font-size:30px; 
} 

body h1{ 
    font-size: 93%;
    font-family: 'Poppins';
    font-weight: bold;
}

html{
    background-color: #2A2C2F;
}

.bars{
    float: left; 
    width: 46px;
    height: 80px;
    text-align: center;
    display: none !important;
}

.innerbars{
    font-size: 72%;
}

.logo{
    float: left; 
    margin-left: 2.84%;
}

.logo-header{
    min-height: 85px;
    height: 10vh;
    vertical-align: middle;
    display: table-cell;
}

.menuLeft{
    float: left;
}

.menuLeft a{
    font-size: 47%; 
    color: #D5DCE5; 
    margin-right: 19px;
}

.menuCenter{
    float: right;
}

li{
    display: inline-flex;
    vertical-align: middle;
}

li a{
    vertical-align: middle;
}

.menuRight{
    float: right; 
    margin-right: 6.3%;
}

.rtext{
    font-size: 47%; 
    color: #D5DCE5; 
    margin-right: 19px;
}
.rIcon{
    font-size: 100%; 
    color: #D5DCE5; 
    margin-right: 19px;
}

.rIconRefresh{
    font-size: 70%; 
    color: #D5DCE5; 
    margin-right: 10px;
}

.rlanguage{
    font-size: 47%;
    color: #262624;
    margin-right: 19px;
    background-color: #D5DCE5;
    padding: 0px;
    border-radius: 100px;
    text-align: center;
    width: 27px;
    height: 27px;
}

.rlanguage div{
    margin-top: 3px;
}

.card{
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    width: 95%;
    margin-top: 10px;
    max-width: 1350px !important;
}



.register-footer{
    margin-top: 3.5vh;
}

/*NEW*/
.pageCnt{
    display:table;
    width:100%;
    height:83vh;
    margin-top: 90px;
    visibility: hidden;
}
.topCell {
    vertical-align: top !important;
    display: table-cell;
}
.footCopy{
    color: #9B9B9B;
    font-weight: 200;
    text-align: center;
    font-family: 'OpenSans';
    line-height: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60%;
    height: 7vh;
}

.footCopy h6{
    padding-top: 10px;
    margin:0;
}

.container-div{
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}

.headerd{
    display: table;
    height: 10vh;
    min-height: 92px;
}

.innerheaderd{
    vertical-align: middle;
    display: table-cell;
}

/* New */
header{
    position: fixed;
    top: 0;
    z-index: 10;
}

.pageCnt{
    /*margin-top: 110px;*/
}

.regForm{
    width: 68%;
    margin-left: auto;
    margin-right: auto;
}

.tableForm {
    display: table;
    width: 100%;
}

.cellForm {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.cellFormStatic{
    display: table-cell;
    width: 100%;
}

.cellForm20{
    width:20%;
}

.cellForm34{
    width:34%;
}

.cellForm66{
    width:66%;
}

.cellForm40{
    width: 44%;
}

.cellForm39{
    width:39%;
}

.cellForm61{
    width:61%;
}

.cellForm15{
    width:15%;
}


.miniCard{
    background-color: #2F3236;
    border-radius: 8px;
}

.principalMiniCard{
    margin-top: 18px;
    margin-bottom: 18px;
    margin-left: 14px;
    margin-right: 14px;
}

.card1{
    height: 150px;
}

.card1IconDiv div{
    height: 33px;
    width: 33px;
    border-radius: 100%;
    border: 1px solid #D5DCE5;
    padding: 5px 4px 5px 6px;;
    margin-top: 10px;
    margin-left: 10px;
    background-size: 34px;
}

select:focus{
    box-shadow: 0px 0px 0px #D5DCE5 !important;
    outline: none !important;
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    background-image: url(../../img/chevron-down-solid.svg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 30%;
    background-size: 12px;
    font-size: 46.6%;
    min-height: 15px !important; /* antes: 24 */
    width: 70px !important;
    border-bottom: 1px solid #7A879A !important;
    border: 0px;
    padding-left: 5px;;
}

.button-submit{
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}

.submit{
    border-radius: 38px;
    width: 100%;
    border: 1px solid #4287CE;
    font-size: 50%;
    color: #FFFFFF;
    background-color: #4287CE;
    line-height: 17px;
    height: 45px;
}

.submitW{
    border-radius: 38px;
    width: 100%;
    border: 1px solid #4287CE;
    font-size: 50%;
    color: #4287CE;
    background-color: #FFFFFF;
    line-height: 17px;
    height: 45px;
}

button:focus {
    outline: 0 !important;
    /*box-shadow: 0px 0px 7px #D5DCE5 !important;*/
}
#wdFiatbuttonA{
    outline: 0 !important;
    box-shadow: 0px 0px 7px #D5DCE5 !important;
}

.card1, .card2, .card3, .card4, .card5, .card6, .card7{
    position: relative;
    overflow:hidden;
    transition:height 0.3s ease-out;
}

.card2{
    height: 392px;
}

.card4{
    height: 236px;
}

.totalInputCard4{
    width: 96% !important; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative;
}

.card3{
    height: 392px;
}

.card5{
    height: 352px;
}

.scroll-box::-webkit-scrollbar {
    width: 10px;
    height: 1%;
}
.scroll-box::-webkit-scrollbar-thumb {
    background: #2A2C2F;
    border-radius: 4px;
}
input[type=number] {
    -moz-appearance: textfield;
}

input:focus {
    box-shadow: 0px 0px 0px #D5DCE5 !important;
    outline: none;
}

.inputnumber:focus{
    box-shadow: 0px 0px 0px #D5DCE5 !important;
    outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #2A2C2F;
  background-color: #2A2C2F;
  width: max-content;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
}

.tablinks{
    font-size: 40%; 
    color: #D5DCE5; 
    padding: 3px 10px;
}

.tablinks:hover {
  /*background-color: #00AAE7;
  color: #2A2C2F !important;*/
}

/*.tablinks:active {
  background-color: #00AAE7;
  color: #2A2C2F !important;
}*/

.tablinksActive{
  background-color: #00AAE7 !important;
  color: #2A2C2F !important;
}

/* Style the tab content */
.tabcontent {
 background-color: #00AAE7;
  display: none;
  padding: 6px 12px;
  border: 1px solid #00AAE7;
  border-top: none;
  color: #2A2C2F !important;
}

.tablinks:focus {
    box-shadow: 0px 0px 0px #D5DCE5 !important;
    outline: none;
    background-color: #00AAE7;
    color: #2A2C2F !important;
}

#addView {
    overflow: hidden;
    position:relative;
    height:490px;
}

#addView2 {
    overflow: hidden;
    height: 150px; 
    width: 100%; 
    background-color: transparent; 
    z-index: 50; 
    width: 100%; 
    position: fixed; 
    display: none
}

#example-trigger-toggle {
    cursor: pointer;
}
#example-element-toggle {
    display:none;
}

#example-element-toggle2 {
    display:none;
}

#example-toggled-element {
    position:absolute;
    height: 450px;
    top:0px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -mos-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: rgba(213, 220, 229, 0.4665100574493408);
    border: 1px solid #CBCBCB;
  border-radius: 9px;
  width: 90%;
  margin-left: 5%;
  
}

#example-toggled-element2 {
    position:absolute;
    height: 150px;
    top:0px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -mos-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #262624;
  width: 100%;
  
}

#example-element-toggle:not(:checked) ~ #example-toggled-element {
    top:-510px;
}

#example-element-toggle2:not(:checked) ~ #example-toggled-element2 {
    top:-150px;
}

#addView:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #000 transparent transparent transparent;
 }
 
#addView2:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
 }
 
/*::-moz-scrollbar {
    width: 8px;
    height: 1%;
}
::-moz-scrollbar-thumb {
    background: red;
    border-radius: 4px;
}

::-ms-scrollbar {
    width: 8px;
    height: 1%;
}
::-ms-scrollbar-thumb {
    background: red;
    border-radius: 4px;
}

body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: red yellow;
}
::-webkit-scrollbar-track {
  background: blue;
  background-color: purple ;
}
body::-webkit-scrollbar-thumb {
  background-color: purple ;
  border-radius: 6px;
  border: 3px solid green;
}

::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
}*/

a{
    cursor: pointer;
}

.tableDivs{
    display: table-cell; 
    vertical-align: bottom; 
    width: 55px; 
    height: 28px; 
    border: 1px solid #5A5B5E;
}

.tableDivText{
    display: table-cell; 
    width: 8%;
}

.tableDivText p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 47%; 
    margin-left: 10px; 
    float: right;
    bottom: 8px; 
    position: relative;
}

.timeDivText{
    display: table-cell; 
    width: 57px;
}

.timeDivText p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 47%;
}

.tableGraph{
    display: table; 
    width: 89%; 
    margin-left: 5%; 
}

.tableButtonsTwo{
    display: table-cell; 
    width: 65% !important;
}

.DivTimes{
    display: table; 
    width: 88%; 
    margin-left: 4%;
}

.card6{
    height: 400px; 
    margin-right: 15px;
}

.card7{
    height: 392px; 
    margin-left: 15px; 
    display: block; 
    /*margin-right: 30px*/
}

.tableLimit{
    display: table-cell; 
    width: 35% !important;
}

.BuyAndSellDiv{
    display: table-cell; 
    width: 50%;
    padding-top: 10px;
}

.tableButtonsTwoDiv{
    display: table; 
    vertical-align: middle;
    margin-top: 0px; 
    width: 95%; 
    margin-left: auto; 
    margin-right: auto;
}

.divOrder1{
    display: table-cell !important;
    width: 10% !important;
    vertical-align: middle !important;
}

.divOrder1 p{
    margin: 0px !important;
    color: #D5DCE5 !important;
    font-size: 43% !important;
    margin-left: 2px !important;
    text-align: left !important;
}

.divOrder2{
    display: table-cell !important;
    width: 24% !important;
    vertical-align: middle !important;
}

.divOrder2 p{
    margin: 0px !important;
    color: #D5DCE5 !important;
    font-size: 43% !important;
    float: right !important;
}

.divOrder3{
   display: table-cell !important;
   width: 30% !important;
   vertical-align: middle !important;
}

.divOrder3 p{
    margin: 0px !important;
    color: #D5DCE5 !important;
    font-size: 43% !important;
    text-align: right !important;
}

.divOrder4{
    display: table-cell !important;
    width: 36% !important;
    vertical-align: middle !important;
}

.divOrder4 p{
    margin: 0px !important;
    color: #D5DCE5 !important;
    font-size: 43% !important;
    text-align: right !important;
}

.cardWithdraw {
    max-width: 385px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 20px;
    width: 95%;
    height: auto;
    padding-top: 23px;
    padding-bottom: 30px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    max-height: 85vh;
}

.label-input {
    color: #262624;
    font-family: 'Poppins';
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 45%;
}

.input-wdFiat{
    border-radius: 25px;
    border: 1px solid #D5DCE5;
    width: 100%;
    height: 50px;
    color: black;
    text-indent: 15px;
    text-align: right;
    font-size: 50%;
    padding-right: 7%;
    max-height: 46px !important;
}

.selectwdFiat {
    border-radius: 25px;
    border: 1px solid #D5DCE5 !important;
    height: 50px;
    line-height: 17px;
    text-align: left;
    color: #7D8B9E;
    text-indent: 15px;
    max-height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    background-image: url(../../img/caret-down-solid.svg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 48%;
    padding-left: 0px;
    background-size: 17px;
    font-size: 46.6%;
    min-height: 50px;
    text-indent: 10px !important;
    min-height: 50px !important;
    color: black !important;
    max-height: 40px;
    font-size: 45% !important;
    margin-left: 5px; 
    width: 94% !important;
}

.emailVerification{
    background-color: #D5DCE5;
    padding: 1px;
    border-radius: 25px;
    width: 52%;
    margin-left: auto;
    margin-right: auto;
    height: 4.92vh;
    min-height: 40px;
    min-height: 38px;
}

.emailVerification h5{
    font-size: 53%;
    margin: 10px;
}

.formInput{
    font-size: 80%;
    border-radius: 22.5px;
    border: 1px solid #D5DCE5;
    width: 100%;
    height: 46px !important;
    line-height: 17px;
    text-align: left;
    color: #7D8B9E;
    min-height: 38px;
    text-align: center;
    outline: none;
}
.resend{
    color: #4287CE;
    font-size: 45%;
    margin-bottom: 0px;
    cursor: pointer;
    margin-top: 15px;
}

#datas{
    width: 90%;
    border-top: 1px solid #F5F6F8;
    margin-left: 40px;
    max-height: 415px;
}

.table100{
    display: table; 
    width: 100%;
}

.divTable{
    display: table-cell; 
    vertical-align: middle;  
    text-align: center;
}

.datas{
    width: 100%;
    border-top: 1px solid #F5F6F8;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.selectwdFiatBank {
    border-radius: 25px;
    border: 2px solid rgb(208, 2, 27) !important;
    height: 50px;
    line-height: 17px;
    text-align: left;
    color: #7D8B9E;
    text-indent: 15px;
    width: 100%;
    max-height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    background-image: url(../../img/caret-down-solid.svg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 48%;
    padding-left: 0px;
    background-size: 17px;
    font-size: 46.6%;
    min-height: 50px;
    text-indent: 10px !important;
    width: 100% !important;
    min-height: 50px !important;
    color: black !important;
    max-height: 40px;
    font-size: 45% !important;
}

.selectDepFiat{
    border-radius: 25px;
    border: 1px solid #D5DCE5 !important;
    height: 50px;
    line-height: 17px;
    text-align: left;
    color: #7D8B9E;
    text-indent: 15px;
    width: 100%;
    max-height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    background-image: url(../../img/caret-down-solid.svg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 48%;
    padding-left: 0px;
    background-size: 17px;
    font-size: 46.6%;
    min-height: 50px;
    text-indent: 10px !important;
    width: 94% !important;
    min-height: 50px !important;
    color: black !important;
    max-height: 40px;
    font-size: 45% !important;
}

.scroll-boxMov::-webkit-scrollbar {
    width: 10px;
    height: 1%;
}
.scroll-boxMov::-webkit-scrollbar-thumb {
    background: #DDE2E6;
    border-radius: 4px;
} 

.scroll-boxMov{
    overflow-y: scroll; 
    height: auto; 
    max-height: 400px; 
    width: 100%; 
    scrollbar-color: #DDE2E6 #DDE2E6; 
    scrollbar-width: thin; 
    margin-top: 10px;
}

.scroll-boxMovDiv{
    display: block; 
    margin-right: 10px; 
    width: 100%;
}

.tabDepFiat {
  overflow: hidden;
  background-color: white;
  margin-top: 13px;
  display: table;
  width: 100%;
}

.tabDepFiatD{
    width: 50%;
    display: table-cell;
}

.tablinksDepFiat{
    width: 100%;
    margin:auto; 
    font-size: 50%;
}

/* Style the buttons that are used to open the tab content */
.tabDepFiatD button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 9px 16px;
  transition: 0.3s;
  border-bottom: 1px solid #D5DCE5;
}

/* Change background color of buttons on hover */
.tabDepFiatD button:hover {
  background-color: #EFF2F5;
}

/* Create an active/current tablink class */
.tabDepFiatD button.active {
  font-family: 'Poppins';
  font-weight: bold;
  border-bottom: 2px solid #4287CE;
}

/* Style the tab content */
.tabDepFiatContent {
  display: none;
  padding: 6px 0px;
  border-top: none;
}

[type="date"] {
    background: url(../../img/calendar-alt-regular.svg) no-repeat !important ;
    text-indent: 10px !important;
    background-size: 22px 22px !important;
    background-position-x: 95% !important;
    background-position-y: 40% !important;
}

input[type="date"]::-webkit-clear-button {
    -webkit-appearance: none;
    display: none;
    -moz-appearance: none;
}
  
input[type="date"]::-ms-clear {
    display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator{
    color: transparent;
    opacity: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    cursor: pointer;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="date"]{
    border-radius: 22.5px;
    border: 1px solid #D5DCE5;
    height: 4.89vh;
    line-height: 17px;
    text-align: left;
    color: #7D8B9E;
    text-indent: 15px;
    width: 90%;
    max-height: 45px;
}

input[type=date]{ 
  text-indent: 4px !important;
}

.error{
    color: #D0021B;
    margin-top: 5px !important;
    margin-left: 10px;
    text-align: left;
    margin-bottom: 0px;
    font-size: 42%;
    display: none;
}

#qrcode img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 110px;
}

.parSelected{
    background-color: rgba(38, 38, 36, 0.57) !important;
    padding: 5px !important;
}

.parNoSelected{
    background-color: #2F3236;
    padding: 5px;
}

#copyIconBtc:hover {color: #0e54ad !important}

#copyIconBtc:active {
  color: #0e54ad !important;
  transform: translateY(4px);
}

#copyIconFiat:hover {color: #0e54ad !important}

#copyIconFiat:active {
  color: #0e54ad !important;
  transform: translateY(4px);
}

.ete2div{
    display: table; 
    border-bottom: 1px solid rgba(180, 180, 180, 0.5); 
    padding-bottom: 8px; 
    width: 85%; 
    margin-left: auto;
    margin-right: auto;
}

.ete2divName{
    display: table-cell; 
    width: 90%
}

.ete2divName li{
    display: block; 
    color: #D5DCE5;
}

.ete2divLogout{
    display: table-cell; 
    width: 10%
}

.ete2divLogout li{
    display: block;
}

.liR{
    display: block; 
    color: #D5DCE5; 
    margin-left: 8%;
}

.iconRightCard{
    position: absolute; 
    right: 9px; 
    top: 7px; 
    font-size: 50%; 
    cursor: pointer; 
    color: #5C5D60;
}

.card1IconDiv{
    display: table-cell; 
    vertical-align: middle; 
    width: 14%
}

.card1NameDiv{
    display: table-cell; 
    vertical-align: bottom; 
    width: 100%; 
}

.card1NameDiv p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 70%; 
    margin-left: 5px;
}

.card1AmountDiv{
    display: table-cell; 
    vertical-align: bottom; 
    width: 23%; 
    padding-right: 13px;
}

.card1Inf{
    width:  100%;
    display: table-cell;
    vertical-align: bottom;
}

.card1AmountDiv p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 70%;
    text-align: right;
}

.card1hr{
    border: 1px solid #979797; 
    width: 95%; 
    margin-top: 10px;
}

.card1info{
    display: table; 
    width: 100%; 
}

.card1InfoLeft{
    display: table-cell; 
    vertical-align: bottom; 
    padding-left: 13px;
    padding-bottom: 6px;
}

.card1InfoLeft p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 46%;
}

.card1infoRight{
    display: table-cell; 
    vertical-align: bottom; 
    padding-bottom: 6px;
}

.card1infoRight p{
    margin: 0px; 
    /*color: #85BB4F; */
    font-size: 46%; 
    float: right; 
    margin-right: 13px;
}

.titleCardDivF .titleCardDivFBuyAndSell{
    display: table; 
    width: 100% !important; 
    margin-bottom: 15px;
}

.titleCardDivFBuyAndSell{
    width: 100%;
    display: table;
}

.titleCardDivF div{
    display: table-cell; 
    vertical-align: bottom; 
    width: 80%;
}

.titleCardP{
    margin: 0px; 
    color: #5C5D60; 
    font-size: 50%; 
    margin-top: 17px; 
    margin-left: 19px
}

#PortfolioName{
    display: table; 
    width: 84%;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

.PortfolioNameL p{
    margin: 0px; 
    color: #5C5D60; 
    font-size: 43%; 
    margin-top: 17px; 
    margin-left: 19px   
}

.PortfolioName p{
    margin-bottom: 0px; 
    color: #5C5D60; 
    font-size: 43%; 
    margin-top: 17px;
}

.cellForm32{
    width: 32%;
}

.cellForm24{
    width: 24%;
}

.cellForm44{
    width: 44%;
}

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

.mr10{
    margin-right: 10px;
}

.mb10{
    margin-bottom: 10px;
}

.mb15{
    margin-bottom: 15px;
}

.mt15{
    margin-top: 15px;
}

.display-none{
    display: none;
}

.display-table{
    display: table;
}

.tablePortfolio{
    display: table; 
    vertical-align: middle; 
    margin-top: 10px; 
    width: 90%; 
    margin-left: auto; 
    margin-right: auto;
}

#PortfolioScroll{
    overflow-y: scroll; 
    height: 245px; 
    margin-left: 3%; 
    width: 95%; 
    scrollbar-color: #2A2C2F #2A2C2F; 
    scrollbar-width: thin;
}

.tablePortfolioImg{
    display: table-cell; 
    width: 6%;
}

.tablePortfolioImg img{
    margin-top: 2px; 
    display: block;
}

.tablePortfolioName{
    display: table-cell;
    width: 16%; 
    vertical-align: middle
}

.tablePortfolioName p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 43%;
}

.tablePortfolioAmount{
    display: table-cell; 
    width: 34%;
    vertical-align: middle
}

.tablePortfolioAmount p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 43%; 
    text-align: right;
}

.tablePortfolioPTC{
    display: table-cell; 
    width: 44%;
    vertical-align: middle
}

.tablePortfolioPTC p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 43%; 
    text-align: right; 
    margin-right: 5%;
}

#totalPortfolio{
    display: table; 
    vertical-align: middle; 
    margin-top: 10px; 
    width: 92%; 
    margin-left: 5%;
    background-color:#2A2C2F; 
    border-radius: 4px; 
    height: 37px;
}

.totalPortfolioP{
    display: table-cell;
    width: 20%; 
    vertical-align: middle
}

.totalPortfolioP p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 43%; 
    text-align: right;
}

.totalPortfolioSelect{
    display: table-cell; 
    width: 34%;
    vertical-align: middle;
}

.totalPortfolioSelect select{
    background-color: #2A2C2F; 
    color: #D5DCE5 !important; 
    border: 0px; 
    vertical-align: middle;
    margin-left: 2%; 
    margin-bottom: 6px
}

.totalPortfolioAmountT{
    display: table-cell; 
    width: 46%;
    vertical-align: middle
}

.totalPortfolioAmountT p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 43%; 
    text-align: right; 
    margin-right: 20%;
}

#PortfolioHr{
    display: none; 
    width: 93%; 
    margin-left: auto; 
    margin-right: auto;
}

#PortfolioHr hr{
    border: 1px solid #5C5D60; 
    width: 95%; 
    margin-top: 13px;
}

#BTCPortfolio{
    display: none; 
    width: 100%; 
    vertical-align: middle; 
    margin-top: 0px; 
    width: 90%; 
    margin-left: auto; 
    margin-right: auto; 
}

#FiatPortfolio{
    display: none; 
    width: 100%; 
    vertical-align: middle; 
    margin-top: 0px; 
    width: 90%; 
    margin-left: auto; 
    margin-right: auto;
}

#disabledPortfolio{
    display: none; 
    width: 100%; 
    vertical-align: middle; 
    margin-top: 0px; 
    width: 90%; 
    margin-left: auto; 
    margin-right: auto;
}

.TypePortfolioDiv{
    background-color: #2A2C2F; 
    border-radius: 6px; 
    width: 100%; 
    height: 310px; 
    display: table-cell; 
    vertical-align: middle;
}

.TypePortfolioClose{
    position: absolute; 
    right: 8%; 
    top: 63px; 
    font-size: 60%;
    cursor: pointer; 
    color: #5C5D60;
}

.TypePortfolioButton{
    width: 80%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 6px; 
    margin-top: 6px;
}

.MarkersTitleDiv{
    display: table-cell; 
    vertical-align: 
    bottom; width: 80%;
}

.MarkersTableH{
    display: table; 
    width: 100%; 
    margin-bottom: 17px;
}

.MarkersTableHName{
    display: table-cell; 
    vertical-align: bottom; 
    width: 23%;
}

.MarkersTableHName p{
    margin: 0px; 
    color: #5C5D60; 
    font-size: 40%; 
    margin-top: 17px; 
    margin-left: 15px;
}

.MarkersTableHULT{
    display: table-cell; 
    vertical-align: bottom; 
    width: 25%;
}

.MarkersTableHULT p{
    margin: 0px; 
    color: #5C5D60; 
    font-size: 40%;
    text-align: right
}

.MarkersTableHH{
    display: table-cell; 
    vertical-align: bottom; 
    width: 22%;
}

.MarkersTableHH p{
    margin: 0px; 
    color: #5C5D60; 
    font-size: 40%;
    text-align: right;
}

.MarkersTableHVol{
    display: table-cell; 
    vertical-align: bottom; 
    width: 30%;
}

.MarkersTableHVol p{
    margin: 0px; 
    color: #5C5D60; 
    font-size: 40%;
    margin-right: 15px !important;
    text-align: right;
}

.MarkersTable{
    display: table; 
    width: 100%; 
    vertical-align: middle; 
    margin-top: 0px; 
    width: calc(100% - 30px);
    margin-left: auto; 
    margin-right: auto;
}

.MarkersTableImg{
    display: table-cell; 
    width: 6%;
}

.MarkersTableImg img{
    margin-top: 2px; 
    display: block; 
    cursor: pointer;
}

.MarkersTableName{
    display: table-cell;
    width: 16%; 
    vertical-align: middle
}

.MarkersTableName p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 40%; 
    cursor: pointer;
}

.MarkersTableULT{
    display: table-cell; 
    width: 32%;
    vertical-align: middle
}

.MarkersTableULT p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 40%; 
    text-align: right; 
    cursor: pointer;
}

.MarkersTableHHH{
    display: table-cell; 
    width: 23%;
    vertical-align: middle
}

.MarkersTableHHH p{
    margin: 0px; 
    /*color: #85BB4F; */
    font-size: 40%; 
    text-align: right; 
    cursor: pointer;
}

.MarkersTableVol{
    display: table-cell; 
    width: 29%;
    vertical-align: middle
}

.MarkersTableVol p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 40%; 
    text-align: right; 
    cursor: pointer;
}

.exchangeH{
    display: table; 
    width: 100%; 
    margin-bottom: 17px;
}

.exchangeHDate{
    display: table-cell; vertical-align: bottom; width: 40%;
}

.exchangeHDate p{
    margin: 0px; color: #5C5D60; font-size: 43%; margin-top: 17px; margin-left: 19%;
}

.exchangeHTotal{
    display: table-cell; vertical-align: bottom; width: 22%;
}

.exchangeHTotal p{
    margin: 0px; color: #5C5D60; font-size: 43%; text-align: center;
}

.exchangeHPrice{
    display: table-cell; vertical-align: bottom; width: 18%;
}

.exchangeHPrice p{
    margin: 0px; color: #5C5D60; font-size: 43%; text-align: center;
}

.exchange{
    display: table; width: 100%; vertical-align: middle; margin-top: 10px; width: 90%; margin-left: auto; margin-right: auto;
}

.exchangeIcon{
    display: table-cell;width: 5%; vertical-align: middle;
}

.exchangeIcon p{
    margin: 0px; color: #D5DCE5; font-size: 43%;
}

.exchangeDate{
    display: table-cell; width: 45%; vertical-align: middle;
}

.exchangeDate p{
    margin: 0px; color: #D5DCE5; font-size: 43%; text-align: left;
}

.exchangeTotal{
    display: table-cell; width: 16%; vertical-align: middle;
}

.exchangeTotal p{
    margin: 0px; color: #D5DCE5; font-size: 43%; text-align: right;
}

.exchangePrice{
    display: table-cell; width: 28%; vertical-align: middle;
}

.exchangePrice p{
    margin: 0px; color: #D5DCE5; font-size: 43%; text-align: right;
}

.autoHeight{
    height: auto !important;
    padding-bottom: 20px !important;
    position: relative;
    overflow: hidden;
    transition:height 0.3s ease-out;
}

.minimizeHeightR{
    height: 50px !important;
    position: relative;
    overflow: hidden;
    transition:height 0.3s ease-out;
}

.seeButtons{
    padding-top: 14px;
    padding-left: 18px;
}

.divTableExchange{
    display: table; 
    width: 95%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 15px;
}

/* Width */ 

.w10{
    width: 10%;
}

.w45{
    width: 45%;
}

.w35{
    width: 35%;
}

.w30{
    width:30%;
}

.w28{
    width:28%;
}

.w20{
    width:20%;
}

.w95{
    width: 95%;
}

.w3{
    width: 3%;
}

.w7{
    width: 7%;
}

.w18{
    width: 18%;
}

.w33{
    width: 33%;
}

.w13{
    width: 13%;
}

.w4{
    width: 4%;
}

.w34{
    width: 34%;
}

.w31{
    width: 31%;
}

.w100{
    width: 100%;
}

.w91{
    width: 91% !important;
}

.w14{
    width: 14%;
}

.w24{
    width: 24%;
}

.w19{
    width: 19%;
}

.w5{
    width: 5%;
}

.textCenter{
    text-align: center;
}

.textRight{
    text-align: right;
}

.tableH{
    color: #5C5D60; 
    font-size: 43%;
}

.tableC{
    color: #D5DCE5; 
    font-size: 43%
}

.divTableExchange td{
    padding-bottom: 5px;
}

.tableSellBuyDiv{
    display: table; 
    width: 97%;
    margin-left: auto; 
    margin-right: auto;
}

.tableOrderBuy{
    display: table-cell; 
    width: 50%; 
    border-right: 1px solid #46484B;
}

.tableOrderSell{
    display: table-cell; 
    width: 50%; 
}

.tableOrderBuy p,
.tableOrderSell p{
    color: #5A5B5E; 
    font-size: 44%; 
    margin-left: 3%; 
    margin-bottom: 5px; 
    text-align: left;
}

.tableOrderBuy table,
.tableOrderSell table{
    width: 98%;
}

.tableOrderSell table{
    margin-left: auto; 
    margin-right: auto;
}

.tableOrderBuy td,
.tableOrderSell td{
    padding-bottom: 5px;
}

.tableCG{
    color: #85BB4F; 
    font-size: 43%;
}

.tableCR{
    color: #C04F5D; 
    font-size: 43%;
}

.optionsMarkersDiv{
    display: table; 
    width: 100%; 
    margin-top: 15px;
}

.optionsMarkersT{
    display: table-cell; 
    vertical-align: middle; 
    width: 15%;
}

.optionsMarkersT p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 60%; 
    margin-left: 17px
}

.tableGraphF{
    margin-top: 20px;
}

.tableGraphL{
    display: table; 
    width: 89%; 
    margin-left: 5%;
}

.tableGraphLL{
    display: table-cell; 
    vertical-align: bottom; 
    width: 100%; 
    height: 0px
}

.tableGraphLR{
    display: table-cell; 
    width: 8%;    
}

.tableGraphLR p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 47%; 
    width: 28%; 
    margin-left: 10px; 
    bottom: 8px; 
    position: relative;
}

.pr2{
    padding-right: 2%;
}

.pr15{
    padding-right: 15px;
}

.trashIcon{
    color: #D5DCE5;
    cursor: pointer;
}

.circleIcon{
    color: #4287CE;
    cursor: pointer;
    font-size: 60%;
}

.grayButton: hover{
    background-color: #3268a1 !important;
    outline: none !important;
}

.blueButton:hover {
    background-color: #3268a1 !important;
    outline: none !important;
}

.grayButton:active{
    transform: none; 
    box-shadow: 0; 
    outline: none !important;
}

.blueButton:active,
.whiteButton:active,
.redButton:active, 
.greenButton:active { 
    transform: scale(0.98); 
    box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.5); 
    outline: none !important;
} 

.whiteButton:hover {
    background-color: #e3e3e3 !important;
    outline: none !important;
}

.redButton:hover {
    background-color: #9e414c !important;
    outline: none !important;
} 

.greenButton:hover {
    background-color: #6a9440 !important;
    outline: none !important;
}

.messageInf{
    color: #7D8B9E;
    font-size: 35%;
    margin-left: 13px;
}

.messageInfAttention{
    color: #4A4A4A;
    font-size: 48%;
    text-align: center;
    margin: 30px 7%;
}

.addressBTCInfCardInf{
    width: 70%; 
    margin: auto; 
    padding-top: 20px;    
}

.ccolumnOne{
    vertical-align: top !important;
}

.divBuyAndSell{
    height: 40px;
    position: absolute;
    display: table;
    width: 100%;
}

.BuyAndSellPricePrice{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: left;
    padding-left: 13px;
    font-size: 45%;
}

.BuyAndSellPricePrice p{
    margin: 0px; 
    color: #D5DCE5
}

.BuyAndSellPriceCurrency{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: right;
    padding-right: 13px;
    font-size: 45%;
}

.BuyAndSellPriceCurrency p{
    margin: 0px;
    color: #5C5D60
}

.BuyAndSellTextLeft{
    position: absolute; 
    left: 15px; 
    bottom: 10px;
    font-size: 45%;
}

.BuyAndSellTextLeft p{
    margin: 0px; 
    color: #D5DCE5
}

.BuyAndSellTextLeft p i{
    font-size: 75%;
    cursor: pointer;
}

.BuyAndSellTextRight{
    position: absolute; 
    right: 13px; 
    bottom: 10px; 
    font-size: 45%;
}

.BuyAndSellTextRight p{
    margin: 0px; 
    color: #5C5D60;
}

.movBTCHeaderTable{
    margin-top: 20px; 
    width: 100%;
}

.movVESHeaderTable{
    margin-top: 20px; 
    width: 100%;
}

.movBTCTotalFinal{
    width: 141px; 
    background-color: rgba(218, 221, 226, 0.8);
}

.movBTCAmountFinal{
    width: 141px; 
    background-color: rgba(218, 221, 226, 0.8);
}

.hidden{
    overflow-y: hidden !important;
}

.withdrawBTCT{
    display: table; 
    width: 100%
}

.withdrawBTCT div{
    display: table-cell; 
    width: 48%; 
    text-align: center;
}

.withdrawBTCTL{
    display: table; 
    width: 100%; 
    margin-top: 5px;   
}

.withdrawBTCTLDiv{
    width: 50%; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 5px; 
    position: relative; 
    display: table-cell;
}

.depTrDInp{
    display: table; 
    width: 100%
}

.depTrDInpD{
    display: table-cell; 
    width: 48%; 
    text-align: center;
}
.labeltransparent{
    margin-left: 10%; 
    color: white !important;
}

.depCopyDiv{
    width: 95%; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative;
}

.depFiatInfDetailText{
    display: table-cell; 
    width: 15%
}

.tableLimitDiv{
    display: table; 
    vertical-align: middle; 
    margin-top: 10px; 
    width: 100%; 
    margin-left: 3%;
}

.tableLimitDivSelect{
    display: table;
    vertical-align: middle; 
    width: 100%
}

.BuyAndSellSelect{
    background-color: #2F3236; 
    color: #D5DCE5 !important; 
    border: 0px; 
    vertical-align: middle;
    margin-left: 2%; 
    margin-bottom: 6px; 
    width: 95% !important;
}

.tableLimitDivBuyAndSell{
    display: table; 
    width: 100%; 
    margin-left: 13px; 
    margin-top: 10px;
}

.tableLimitDivNote{
    display: table; 
    width: 100%; 
    margin-left: 13px; 
    margin-top: 20px;
}

.tableLimitDivBuyAndSellL{
    display: table-cell; 
    vertical-align: middle; 
    width: 40%;
}

.tableLimitDivBuyAndSellR{
    display: table-cell; 
    vertical-align: center; 
    width: 60%;
}

.tableLimitDivNote div{
    display: table-cell; 
    vertical-align: middle; 
    width: 50%;
}

.tableLimitDivBuyAndSellL p{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 50%;
}

.tableLimitDivBuyAndSellR p{
    margin: 0px; 
    font-size: 50%; 
    float: right; 
    margin-right: 10%;
    cursor: pointer;
}

.textGreen{
    color: #85BB4F
}

.textRed{
    color: #C04F5D
}

.BuyAndSellNote{
    margin: 0px; 
    color: #D5DCE5; 
    font-size: 40%;
}

.textInInput{
    width: 93%; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative;
}

.BuyAndSellDivInput{
    background-color: transparent; 
    text-align: right; 
    border: 1px solid #D5DCE5;
    border-radius: 38px; 
    width: 100%; 
    font-size: 50%; 
    color: #D5DCE5 !important; 
    line-height: 17px; 
    height: 45px;
    padding-right: 45px; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.BuyAndSellDivInputSp{
    background-color: transparent; 
    text-align: right; 
    border: 1px solid #D5DCE5;
    border-radius: 38px; 
    width: 100%; 
    font-size: 50%; 
    color: #5C5D60 !important; 
    line-height: 17px; 
    height: 45px;
    padding-right: 45px; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.mt-10{
    margin-top: 10px !important;
}


.buyButton{
    background-color: #85BB4F; 
    border: 1px solid #85BB4F;
}

.sellButton{
    background-color: #C04F5D; 
    border: 1px solid #C04F5D;
}

.cardOperations{
    width: 100%; 
    height: 100vh; 
    display: none; 
    position: fixed; 
    left: 0; 
    top: 0px; 
    z-index: 15;
    background: rgba(0, 0, 0, 0.6)
}

.clickClose{
    vertical-align: middle; 
    display: table-cell;
}

.maxW-630{
    max-width: 630px; 
    padding-top: 15px;
}

.maxW-800{
    max-width: 800px; 
    padding-top: 15px;
}

.maxW-520{
    max-width: 520px; 
    padding-top: 15px;
}

.maxW-470{
    max-width: 470px;
}

.maxW-680{
    max-width: 680px;
}

.maxW-630{
     max-width: 630px;
}

.marginX33{
    margin: 0px 33px;
}

.marginX23{
    margin: 0px 23px;
}

.titleDiv{
    display: table; 
    width: 100%;
}

.title{
    display: table-cell;
}

.title p{
    margin: 0px; 
    font-size: 80%; 
    letter-spacing: -0.86px;
}

.divBalance{
    display: table-cell; 
    width: 220px;
}

.divBalanceIn{
    max-width: 220px; 
    text-align: center; 
    margin-left: auto; 
    padding-top: 15px; 
    position: relative;
}

.divBalanceText{
    position: absolute; 
    left: 9%; 
    top: 32px; 
    font-size: 40%;
}

.divBalanceText p{
    margin: 0px; 
    color: #7D8B9E
}

.divBalanceNumber{
    position: absolute; 
    right: 6%; 
    top: 32px;
    font-size: 43%;
}

.divBalanceNumber p{
    margin: 0px; 
    color: #262624
}

.divBalanceInInput{
    max-height: 46px; 
    background-color: #EFF2F5; 
    text-align: center; 
    text-indent: 20%; 
    border: 1px solid #EFF2F5;
    border-radius: 10px; 
    width: 100%; 
    font-size: 50%; 
    color: #D5DCE5 !important; 
    line-height: 17px; 
    height: 45px;
}

.addressBTCInfTextAddress{
    margin-left: 12px;
}

.addressCrInfo{
    width: 100%; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative;
}

.addressInfoInput{
    max-height: 46px; 
    background-color: white; 
    text-align: center; 
    text-indent: 20%; 
    border: 1px solid #D5DCE5;
    border-radius: 38px; 
    width: 100%; 
    font-size: 50%; 
    color: white !important; 
    line-height: 17px; 
    height: 45px;
}

.addressCrInfoText{
    position: absolute; 
    left: 4%; 
    top: 15px; 
    font-size: 43%;
}

.addressCrInfoText p{
    margin: 0px; 
    color: black; 
    width: 270px; 
    overflow: hidden; 
    text-align: left;
}

.addressCrInfoIcon{
    position: absolute; 
    right: 4%; 
    top: 15px;
    font-size: 60%;
}

.addressCrInfoIcon i{
    margin: 0px; 
    color: #4287CE; 
    cursor: pointer
}

.addressBTCInfCardExp{
    display: table; 
    width: 100%;
}

.addressBTCInfCardExpText{
    display: table-cell; 
    width: 50%
}

.addressBTCInfCardExpText p{
    color: #7D8B9E; 
    font-size: 40%; 
    float: left; 
    margin: 19px 0px 0px 13px;
}

.addressBTCInfCardExpDate{
    display: table-cell; 
    width: 50%
}

.addressBTCInfCardExpDate p{
    color: #262624; 
    font-size: 43%; 
    float: right; 
    margin: 19px 13px 0px 0px;
}

.cardAmountRounded{
    width: 100%; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 15px; 
    position: relative;
}

.cardAmountRoundedLast{
    width: 100%; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
    padding-top: 5px; 
    position: relative;
}

.cardAmountRoundedText{
    position: absolute; 
    left: 4%; 
    top: 30px; 
    font-size: 40%;
}

.cardAmountRoundedTextLast{
    position: absolute;
    left: 4%;
    top: 10px;
    font-size: 40%;
}

.cardAmountRoundedValueLast{
    position: absolute; 
    right: 4%; 
    top: 10px;
    font-size: 43%;
}
.cardAmountRoundedText p{
    margin: 0px; 
    color: #7D8B9E
}

.cardAmountRoundedValue{
    position: absolute; 
    right: 4%; 
    top: 30px;
    font-size: 43%;
}

.cardAmountRoundedValue p{
    margin: 0px; 
    color: #262624
}

.cardAmountRoundedInput{
    max-height: 46px; 
    background-color: #EFF2F5; 
    text-align: center; 
    text-indent: 20%; 
    border: 1px solid #D5DCE5;
    border-radius: 38px; 
    width: 100%; 
    font-size: 50%; 
    color: #D5DCE5 !important; 
    line-height: 17px; 
    height: 45px;
}

.divQrCode{
    text-align: center; 
    margin-top: 20px;
    height: 110px;
}

.goBack{
    width: 55%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 6px; 
    margin-top: 14px;
}

.hiddenInput{
    margin-left: -999999px;
}

.label-input-ml10{
    margin-left: 10%;
}

.inputNumberOrdersWidth{
    width: 83% !important;
}

.withdrawBTCAmount{
    box-shadow: none
}

.withdrawBTCWallet{
    text-align: left;
}

.FeeAndTotalDivText{
    position: absolute; 
    left: 10%; 
    top: 20px; 
    font-size: 40%;
    background-color: #EFF2F5;
    z-index: 50;
}

.FeeAndTotalDivText p{
    margin: 0px; 
    color: #7D8B9E
}

.FeeAndTotalDivValue{
    position: absolute; 
    right: 10%; 
    top: 20px;
    font-size: 43%;
}

.FeeAndTotalDivValue p{
    margin: 0px; 
    color: #262624
}

.pt20{
    padding-top: 20px;
}

.FeeAndTotalDivInput{
    max-height: 46px; 
    background-color: #EFF2F5; 
    text-align: center; 
    text-indent: 20%; 
    border: 1px solid #D5DCE5;
    border-radius: 38px; 
    width: 90%; 
    font-size: 50%; 
    color: #D5DCE5 !important;
    line-height: 17px; 
    height: 45px;
}

.buttonAction{
    width: 55%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 6px; 
    margin-top: 30px;
}

.theadExchange{
    display: table;
    table-layout: fixed;
    width: calc( 99% - 12px );   
}

.tbodyExchange{
    display: block;
    height: 250px;
    overflow: auto;
}

.tbodyOrders{
    display: block;
    height: 240px;
    overflow: auto;
}

.tbodyExchange tr, .tbodyOrders tr{
    width: 99%;
    display: table;
    /*display: table;
    width: 100%;
    table-layout: fixed;*/
}

.scroll-boxExchange::-webkit-scrollbar {
    width: 10px;
    height: 1%;
}
.scroll-boxExchange::-webkit-scrollbar-thumb {
    background: #2A2C2F;
    border-radius: 4px;
}

.scroll-boxExchange{
    overflow-y: scroll; 
    scrollbar-color: #2A2C2F #2A2C2F; 
    scrollbar-width: thin;
}

.textInCardResume{
    display: table; 
    width: 100%;
}

.textInCardResumeDiv{
    display: table-cell; 
    width: 50%
}

.textInCardResumeDiv35{
    display: table-cell; 
    width: 35%
}

.textInCardResumeDivText{
    color: #7D8B9E; 
    font-size: 40%; 
    margin-left: 13px; 
    float: left; 
    margin-top:0px;
}

.textInCardResumeDivValue{
    color: #262624; 
    font-size: 43%;
    margin-right: 13px; 
    float: right;
    margin-top: 0px;
}

.textInCardHrDiv{
    width: 95%; 
    margin-left: auto; 
    margin-right: auto;
}

.textInCardHrDiv hr{
    border: 1px solid #D5DCE5; 
    width: 100%; 
    margin-top: 0px;
}

.CrConfirmTextEmail{
    margin-left: 12px; 
    text-align: center; 
    font-size: 43%; 
    margin-bottom: 10px;
}

.inputConfirmCode{
    font-size: 67% !important;
}

.resendCodeOp{
    text-align: center; 
    font-size: 40%;
}

.buttonOpValid{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    margin-top: 14px;
    max-width: 250px;
}

.buttonOpCancel{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    max-width: 250px;
}

.TrImage{
    text-align: center;
}

.TrImage img{
    width: 70px;
}

.TrImageTitle{
    text-align: center;
}

.TrImageTitle p{
    color:#262624; 
    font-size: 67%;
}

.TrImageButton{
    width: 80%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 6px; 
    margin-top: 14px;
}

.TrImageButton div{
    width: 75%;
}

.tableMovEye{
    font-size: 60%; 
    top: -4px; 
    position: relative; 
    color: #4287CE; 
    cursor: pointer
}

.pairPos{
    color: #85BB4F;
}

.pairNeg{
    color: #C04F5D;
}

.movBTCHeaderTableFirst{
    display: block; 
    margin-right: 10px; 
    width: 100%;
}

.movBTCHeaderTable1{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: center;
}

.movBTCHeaderTable2{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: center; 
    margin-right: 22px;
}

.movBTCHeaderTable3{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: right; 
    margin-right: 25px;
}

.movBTCHeaderTable4{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: left; 
    margin-right: 10px
}

.movBTCHeaderTable5{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: right; 
    margin-right: 15px;
}

.movBTCHeaderTable6{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: right; 
    margin-right: 15px;
}

.movFiatHeaderTable1{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: center;
}

.movFiatHeaderTable2{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: center;
}

.movFiatHeaderTable3{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: left; 
    margin-right: 10px
}

.movFiatHeaderTable4{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 40%; 
    text-align: right;
    margin-right: 15px;
}

.divTableMov{
    height: 40px;
}

.divTableMovInf{
    height: 25px;
}

.movBTCBodyTable2{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: center;
}

.movBTCBodyTable3{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: right; 
    margin-right: 20px;
}

.movBTCBodyTable4{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: left;
}

.movBTCBodyTable5{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: right; 
    margin-right: 10px;
}

.movFiatBodyTable2{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: center;
}

.movFiatBodyTable3{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: left;
}

.movFiatBodyTable4{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: right; 
    margin-right: 10px
}

.pY5{
    padding: 5px 0px;
}

.movBTCBodyTableR2{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: left;
}

.movBTCBodyTableR3{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: right; 
    margin-right: 5px;
}

.movFiatBodyTableR2{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: left;
}

.movFiatBodyTableR3{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 45%; 
    text-align: right; 
    margin-right: 5px
}

.imovBTCRD{
    display: none
}

#imovVES, #imovBTC{
    padding-right: 10px;
    height: calc(85vh - 305px) !important;
}

#imovVESR, #imovBTCR{
    padding-right: 10px;
    height: calc(70vh - 220px) !important;
}

.divNumberMov{
    display: block; 
    margin-right: 17px;
    padding-right: calc(5% - 10px);
}

.divTableMovInfText{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 42%; 
    text-align: left; 
    margin-left: 15px;
}

.divTableMovInfValue{
    margin: 0px; 
    color: #4A4A4A; 
    font-size: 46%; 
    text-align: left; 
    margin-right: 10px; 
    float: right;
}

.vaTop{
    vertical-align: top;
}

.depCopyDivFiatText{
    position: absolute; 
    left: 10%; 
    top: 15px; 
    font-size: 43%;
}

.depCopyDivFiatText p{
    margin: 0px; 
    color: black;
}

.depCopyDivFiatIcon{
    position: absolute; 
    right: 4%; 
    top: 15px;
    font-size: 60%;
}

.depCopyDivFiatIcon i{
    margin: 0px; 
    color: #4287CE; 
    cursor: pointer
}

.infDivDepFiat{
    padding-left: 20px; 
    margin-top: 20px; 
    margin-bottom: 20px;
}

.infDivDepFiatRow{
    display: table;
    width: 100%; 
    vertical-align: middle;
    margin: 10px 0px;
}
.depFiatInfDetailText p{
    color: #7D8B9E; 
    font-size: 40%; 
    margin-left: 13px; 
    float: left; 
    margin:0;
}

.depFiatInfDetailValue{
    display: table-cell;
}

.depFiatInfDetailValue p{
    font-size: 47%; 
    margin-right: 13px; 
    float: left;
    margin:0;
}

.depTrDInpDDate{
    max-height: 46px;
    border: 1px solid #D5DCE5;
    border-radius: 38px;
    line-height: 17px;
    height: 45px;
}

.depTrDInpDrEF{
    text-align: left;
}

.depTrDInpDRec{
    display: table; 
    height: auto; 
    width: 100%; 
    margin-right: auto;
}

.h65{
    height: 65px;
    position: relative;
}

.depTrDInpDRecSelect{
    display: flex; 
    height: 48px; 
    border-radius: 25px; 
    border: 1px solid #D5DCE5; 
    line-height: 30px; 
    text-align: left; 
    color: #7D8B9E;
    text-indent: 15px; 
    width: 90%; 
    margin: auto;
}

.depTrDInpDRecSelect p{
    color:#7D8B9E; 
    position: relative; 
    font-size: 45%; 
    overflow: hidden;
}

.depTrDInpDRecInput{
    left: 59%; 
    position: relative; 
    top: -49px; 
    height: 50px; 
    width: 39%; 
    right: -1px;
}

.depTrDInpDRecInput input{
    position: absolute; 
    left: 0; 
    float:left; 
    width: 1%; 
    margin-left: 3%; 
    margin-top: 0; 
    margin-bottom: 5px; 
    bottom: 0; 
    z-index: 4; 
    opacity: 0; 
    cursor: pointer; 
    height: 100%; 
    cursor: pointer; 
    margin:auto;
}

.depTrDInpDRecInput button{
    width: 100%;
    color: #FFFFFF; 
    background-color: #4287CE; 
    line-height: 17px; 
    border-radius: 25px; 
    width: 90%;
    height: 100%; 
    border: 1px solid #4287CE; 
    font-size: 45%; 
    outline: none; 
    line-height: 40px; 
    font-size: 50%;
}

.edepFiatInfRec{
    top: -50px; 
    position: relative;
}

.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup2 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: white;
  color: #262624;
  text-align: center;
  border-radius: 6px;
  padding: 12px 8px;
  position: absolute;
  z-index: 1;
  bottom: 170%;
  left: 50%;
  margin-left: -88px;
  font-size: 110%;
  line-height: 1.1;
}

/* The actual popup */
.popup2 .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #D5DCE5;
  color: #262624;
  text-align: center;
  border-radius: 6px;
  padding: 12px 8px;
  position: absolute;
  z-index: 1;
  bottom: 170%;
  left: 50%;
  margin-left: -88px;
  font-size: 110%;
  line-height: 1.1;
}

/* The actual popup */
.my-float .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #4287CE;
  color: white;
  text-align: center;
  /*padding: 12px 8px;*/
  position: absolute;
  z-index: 1;
  top: 0%;
  right: 0%;
  margin-left: -88px;
  font-size: 47%;
  line-height: 1.1;
  border-radius: 24px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.79);
  height: 50px !important;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

/* Popup arrow */
.popup2 .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #D5DCE5 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Toggle this class - hide and show the popup */
.popup2 .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}


/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/* Add animation (fade in the popup) */
@-webkit-keyframes moveTo {
  from {width: 50px; right: 0%;  font-size: 0%;}
  to {width: 160px; right: 0%; font-size: 47%;}
}

@keyframes moveTo {
  from {width: 50px; right: 0%; font-size: 0%;}
  to {width: 160px; right: 0%; font-size: 47%;}
}

/* Step */
/* Toggle this class - hide and show the popup */
.my-float .show {
  visibility: visible;
  -webkit-animation: moveTo 0.25s;
  animation: moveTo 0.25s;
}

.my-float .show {
  visibility: visible;
  -webkit-animation: moveTo 0.25s;
  animation: moveTo 0.25s;
}



.divSeeRecText{
    display: table-cell; 
    width: 62%; 
    vertical-align: middle;
}

.divSeeRecText h6{
    text-align: center; 
    font-size: 40%;
    margin-top: 0px; 
    float: right; 
    margin-right: 5px;
}

.divSeeRecIcon{
    display: table-cell; 
    width: 38%;
}

.divSeeRecIcon i{
    font-size: 60%; 
    top: -4px; 
    position: relative; 
    color: #4287CE; 
    cursor: pointer
}

.expSessionT{
    text-align: center;
    padding: 0px 10%;
}

.expSessionT p{
    color:#262624; 
    font-size: 67%;
}

.expSessionB{
    text-align: center;
    padding: 0px 10%;
}

.expSessionB p{
    color:#262624; 
    font-size: 60%;
}

#grafica{
    width:800px;
    height: 270px;
    background-color: #f6f6f6;
    display: block;
    margin:0px auto;
}

/* Code Limitless */

canvas{
    /*border: 1px solid #5C5D60;*/
    margin-left: auto;
    margin-right: auto;
    display: block;
}

button:disabled,
button[disabled]{
  border: 1px solid #999999 !important;
  background-color: #aaaaaa !important;
  color: #666666 !important;
}

button[disabled]:hover {
    background-color: #aaaaaa !important;
    outline: none !important;
    cursor: auto !important;
}

.float{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 3.5%;
    right: 3.5%;
    background-color: #4287CE;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.29);
    cursor: pointer;
}

.my-float{
    margin-top: 12px;
}

.floatClose{
    margin-left: 7%;
    font-size: 110%;
}



/* Breakpoints Responsive */


@media screen and (max-width: 1500px){
    body{
        font-size: 28px;
    }
    .tableDivs{
        width: 50px; 
    }
    .BuyAndSellTextLeft{
        bottom: 11px;
    }
    .BuyAndSellTextRight{
        bottom: 11px;
    }
    .tbodyExchange {
        height: 235px;
    }
}

.icon{
    width: 75%;
    height: 90%;
    margin-top: 10%;
    background-size: 80%;
    background-position: center center;
    margin-left: auto;
    background-repeat: no-repeat;
    margin-right: auto;
    text-align: center;
}

.icon-portfolio{
    height: 18px;
    width: 18px;
    border-radius: 100%;
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
}

.icon-background30{
    background-size: 30px !important;
}

@media screen and (max-width: 1300px){
    body{
        font-size: 25px;
    }
    .rlanguage div {
        margin-top: 5px;
    }
    .BuyAndSellTextLeft{
        bottom: 11px;
    }
    .BuyAndSellTextRight{
        bottom: 11px;
    }
    .tbodyOrders, .tbodyExchange {
        height: 225px;
    }
}

@media screen and (max-width: 1200px){
    .rlanguage div {
        margin-top: 5px;
    }
    .tableDivText{
        width: 10%;
    }
    .DivTimes{
        width: 86%;
    }
}

@media screen and (max-width: 1100px){
    body{
        font-size: 23px;
    }
    .tbodyOrders, .tbodyExchange {
        height: 205px;
    }
    .BuyAndSellTextLeft{
        bottom: 12px;
    }
    .BuyAndSellTextRight{
        bottom: 12px;
    }
    .tableButtonsTwo{
        width: 60%;
    }
    
    #movButton{
        display: none;
    }
    
    #movButtonR{
        display: inline-block !important;
    }
    #desBTC{
        padding-left: 2px;
    }
}

@media screen and (max-width: 1000px){
    body{
        font-size: 20px;
    }
    .BuyAndSellTextLeft{
        bottom: 13px;
    }
    .BuyAndSellTextRight{
        bottom: 13px;
    }
}

@media screen and (max-width: 900px){
    .tableDivText{
        width: 12%;
    }
    .DivTimes{
        width: 84%;
    }
    body{
        font-size: 18px;
    }
}


@media screen and (max-width: 800px){
    header{
        height: 80px;
    }
    body{
        font-size: 16px;
    }
    .BuyAndSellTextLeft{
        bottom: 14px;
    }
    .BuyAndSellTextRight{
        bottom: 14px;
    }
}

@media screen and (max-width: 700px){
    .bars{
        display: table !important;
    }
    .bars i{
        color: #D5DCE5;
    }
    .logo{
        margin-left: 0px;
    }
    .menuLeft{
        display: none;
    }
    .bar{
        display: none;
    }
    .menuRight{
        margin-right: 27px;
    }
    .rIcon{
        margin-right: 15px;
        font-size: 80%;
    }
    .rlanguage{
        font-size: 45%;
        width: 20px;
        height: 20px;
        margin-right: 0px;
    }
    .rlanguage div{
        margin-top: 2px;
    }
    .menuRight{
        padding-top: 0px;
    }
    
    .register-footer h6 {
        margin-bottom: 20px;
    }
    
    .cellForm{
        display: block;
    }
    .cellForm34{
        width: 100%;
    }
    .cellForm66{
        width: 100%;
    }
    
    .cellForm39{
        width: 100%;
    }
    .cellForm61{
        width: 100%;
    }
    
    body{
        font-size: 25px;
    }
    .tbodyExchange {
        height: 210px;
    }
    
    .BuyAndSellTextLeft{
        bottom: 11px;
    }
    .BuyAndSellTextRight{
        bottom: 11px;
    }
    
    .card7{
        margin-left: 14px; 
        display: block; 
        margin-right: 14px;
        height: 335px;
    }
    
    .tableLimit, #primero, #segundo{
        display: block !important;
        width: 100% !important;
    }
    .tableButtonsTwo, .tableButtonsTwoDiv{
        display: block;
        width: 100% !important;
        margin-top: 20px;
    }
    .card4{
        height: 520px;
    }
    .totalInputCard4{
        width: 93% !important; 
    }

    .card6{
        height: 615px;
    }
    .BuyAndSellDiv{
        display: block; 
        width: 100%;
        margin-bottom: 7px;
    }
    
    .tableButtonsTwoDiv{
        width: 92% !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px !important;
    }
    .tableDivText {
        width: 16%;
    }
    .DivTimes {
        width: 84%;
    }
    
    .tableDivsNine, .tableDivsTen, .tableDivsEleven, .tableDivsTwelve, .tableDivsTthirteen{
        display: none;
    }
    #primero{
        border-right: 0px !important;
        border-bottom: 1px solid #46484B;
        padding-bottom: 20px;
    }
    .cantText{
        text-align: center !important;
        margin-right: 19px !important;
    }
    .totText{
        text-align: center !important;
        margin-right: 48px !important;
    }
    .priText{
        margin-right: 10px !important;
        text-align: center !important;
    }
    .interPriceText{
        text-align: right !important;
        margin-right: 30% !important;
    }
    
    .addressBTCInfCardInf{
        width: 100%;
    }
    .movBTCHeaderTable{
        display: none;
    }
    .movVESHeaderTable{
        display: none;
    }
    .movBTCTotalFinal{
        width: 50%;
    }
    
    .movBTCAmountFinal{
        width: 50%;
    }
    
    .withdrawBTCT div, .withdrawBTCTLDiv{
        display: table;
        width: 100%;
    }
    
    .withdrawBTCTL{
        margin-top: 20px;
    }
    .withdrawBTCTLDivSecond{
        margin-top: 15px;
    }
    .depTrDInpD {
        display: block;
        width: 100%;
        text-align: center;
    }
    .labeltransparent{
        height: 0px;
    }
    .depCopyDiv{
        width: 92%; 
    }
    .depFiatInfDetailText{
        display: table-cell; 
        width: 20%
    }
    
    .cardWithdraw {
        max-height: 70vh;
    }
    
    .tableLimitDiv{
        width: 90%; 
        margin-left: auto;
        margin-right: auto;
    }
    
    .tbodyOrders {
        height: 210px;
    }
    
    .popup .popuptext {
        width: 145px;
        margin-left: -80px;
    }
    .rIconRefresh{
        display: none;
    }


}

@media screen and (max-width: 500px){
    .tableDivText {
        width: 18%;
    }
    .DivTimes {
        width: 82%;
    }
}

@media screen and (max-width: 400px){
    .tableDivText {
        width: 20%;
    }
    .DivTimes {
        width: 79%;
    }
}








