body{
    font-family: "apple-system,BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Ubuntu",sans-serif;
}
.dja{
    display: flex;
    justify-content: center;
    align-items: center;
}
.df{
    display: flex;
}
.dnone{
    display: none;
}
/* DOMENSÃO E TAMANHOS */
.he-40{
    height: 40px;
}
.he-50{
    height: 50px;
}
.vh-90{
    height: 90vh;
}
.w-33{
    width: 33%;
}
.w-45{
    width: 45%;
}
.focus:focus{
    outline: none;
}
.p-12{
    padding: 12px;    
}
.xshadow{
    box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05); 
}
.rounded-6{
    border-radius: 6px;
}
.input-pay{                              
    border-radius: 6px;
}
.input-cartao{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.input-cartao-1{
    border-bottom-left-radius: 6px;
}
.input-cartao-2{
    border-bottom-right-radius: 6px;
}
.cursor{
    cursor: pointer;
}
/* FORMATAÇÃO DE TEXTO */
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-45{
    font-size: 45px;
}
.text-justify{
    text-align: justify
}
.mobile{
    display: none;
}
.desktop{
    display: block;
}
.position-absolute{
    position: absolute;
}
.right-5{
    right: 200px;
}
@media screen and (max-width: 768px) {

    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }
    .right-5{
        right: 5px;
    }
    
}