
.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;
}

.titleCripto{
    font-size: 41%;
    margin-left: 3%;
}

.bodyCripto{
    font-size: 47%;
}

.selectButton{
    width: 100px;
    
}

.selectButton button{
    font-size: 34%;
    height: 27px;
    vertical-align: middle;
    width: 100% !important;
}

.oddRow{
    background-color: rgba(245, 246, 248, 0.8);
}

.tableCrOut{
    width: 76%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.nameCr{
    float: left;
}

.nameCr p{
    margin: 10px 0px;
}

.divSelectButton{
    /*float: right;
    display: table;*/
    vertical-align: middle;
}

.divSelectButton div{
    float: right;
    display: flex;
}

.rowCr{
    padding: 0px 2%;
}

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

  .cellForm33{
    width:33%;
}

.cellForm33 p{
    text-align: center;
}

.cellFormCurrency{
    width:30%;
}

.cellFormCurrency p{
    text-align: left;
}

.cellFormBalance{
    width:70%;
    padding-right: calc(6% + 100px);
}

.cellFormBalance p{
    text-align: right;
}

.cellFormAvailable{
    width:55%;
}

.cellFormAvailable p{
    text-align: right;
    padding-right: calc(5% + 100px);
}

.cellFromSymB{
    width:10%;
}

.cellFromSymB p{
    text-align: left;
}

.cellFromNameB{
    width:12%;
}

.cellFromNameB p{
    text-align: left;
}

.cellFormBalanceB{
    width: calc(78% - 100px);
}

.cellFormBalanceB p{
    text-align: right;
    margin-right: 10%;
}

.cellFormAvailableB{
    width: calc(55% - 100px);
}

.cellFormAvailableB p{
    text-align: right;
    padding-right: 7%;
}

.cellFormSelectB{
    width:100px;
}

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

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

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

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

/* Breakpoints Responsive */

@media screen and (max-width: 1500px){
    .title h3{
        margin-left: 13%;
    }
    /*.regForm{
        width: 75%;
    }*/
    body{
        font-size: 28px;
    }
    .firstSpan {
        top: -21px;
    }
    .inputContainer {
        top: 25px;
    }
}

@media screen and (max-width: 1440px){
    .wsleft{
        width: 2.9%
    }
    .wsright{
        margin-left: 42.5%;
        width: 3.5%;
    }
}

@media screen and (max-width: 1200px){
    .regForm{
        width: 90%;
    }
    hr{
        width: 80%;
    }
    body{
        font-size: 25px;
    }
    .rlanguage div {
        margin-top: 5px;
    }
    .firstSpan {
        top: -21px;
    }
    .inputContainer {
        top: 21px;
    }
}

@media screen and (max-width: 1100px){
    .regForm{
        width: 100%;
    }
}

@media screen and (max-width: 1060px){
    .wsleft{
        width: 2.8%;
    }
    .wsright{
        margin-left: 47.8%;
        width: 3.5%;
    }
    .card{
        width: 80%;
    }
}

@media screen and (max-width: 950px){
    .card{
        margin-left: 5%;
        width: 90%;
    }
    .wsleft{
        width: 3.4%;
    }
    .wsright{
        margin-left: 54%;
        width: 3.7%;
    }
}

@media screen and (max-width: 850px){
    hr{
        width: 85%;
    }
}

@media screen and (max-width: 800px){
    /*.cellForm {
        display: block;
    }
    .cellForm50{
        width: 100%;
    }*/
    .cellForm25{
        width: 100%;
    }
    header{
        height: 80px;
    }
    .regForm{
        width: 100%;
    }
    hr{
        width: 77%;
    }
    select{
        background-position-x: 95%;
    }
    .wsleft{
        width: 2.8%;
    }
    .wsright{
        margin-left: 54.3%;
        width: 3.4%;
    }
}

@media screen and (max-width: 700px){
    .card{
        padding-bottom: 25px;
    }
    .bars{
        display: table !important;
    }
    .bars i{
        color: var(--menu-font-color);
    }
    .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;
    }
    .text-timeline{
        display: none;
    }
    .text-timelineG{
        display: none;
    }
    .dtimeline{
        padding-top: 9px;
    }
    .dtimeline i{
        top: 4px;
        left: 4px;
    }
    .check-icon{
        width: 21px;
        height: 21px;
        padding: 2px;
        border: 2px solid white;
    }
    .timeline{
        margin-top: 35px;
        margin-left: 5%;
        margin-right: 5%;
    }
    .menuRight{
        padding-top: 0px;
    }
    .wsleft{
        width: 5.9%;
    }
    .wsright{
        margin-left: 74.9%;
        width: 6.8%;
    }
    .title{
        margin-top: 20px;
    }
    .title h3{
        margin-left: 9%;
    }
    .divForm{
        margin-bottom: 15px;
    }
    
    .buttons div{
        display: block;
        position: relative;
        left: 50%;
        width: 52.22%;
        transform: translate(-50%, -50%);
        height: 39px;
    }
    
    .register-footer h6 {
        margin-bottom: 20px;
    }
    
    .cancel-button{
        font-size: 48%;
        width: 100%;
        height: 40px;
    }
    .accept-button{
        font-size: 48%;
        width: 100%;
        height: 40px;
    }
    .regForm{
        width: 100%;
        
    }
    hr{
        width: 80%;
    }
    #previous{
        top: 112px;
    }
    
    #next{
        bottom: 65px;
    }
    
    #later{
        top: 24px;
    }
    
    .buttons{
        width: 100%;
        margin-top: 20px;
    }
    
    .cardWithdraw {
        max-height: 70vh;
    }
    .regForm{
        padding-top: 30px;
    }
    .setButtons {
        margin-top: 10px;
    }
    
    .pageCnt{
        height: calc(90vh - 80px);
    }
    
    .principalTitle h3{
        padding: 20px 0px 0px 0px;
    }
    
    .buttons{
        display: none;
    }
    
    .buttonsR{
        display: block;
    }
    .selectButton, .cellFormSelectB{
        width: 80px;
    }
    .cellFormBalance{
        padding-right: calc(6% + 80px);
    }
    .cellFormBalanceB{
        width: calc(78% - 80px);
    }
    .bar{
        display: none;
    }
}



@media screen and (max-width: 600px){
    .wsleft{
        width: 5.5%;
    }
    .wsright{
        margin-left: 75.5%;
    }
    .tableCrOut{
        width: 95%;
    }
    .pd2,.rowCr{
        padding: 0px;
    }
}
@media screen and (max-width: 520px){
    .wsleft{
        width: 5.1%;
    }
    .wsright{
        margin-left: 75.5%;
    }

}
@media screen and (max-width: 450px){
    .wsleft{
        width: 4.6%;
    }
    .wsright{
        margin-left: 76.3%
    }
}
@media screen and (max-width: 380px){
    .wsleft{
        width: 2.3%;
    }
    .wsright{
        margin-left: 76.3%;
    }
}