@media (min-width: 768px)
{
    .passos-compra
    {
        z-index: 10;
        margin-left: 20px;
        overflow: hidden;
    }
}

.passos-compra
{
    margin-top: 10px;
}

.passo-compra
{
    padding: 20px;
    border-radius: 10px;
    font-size: medium;   
    cursor: pointer;    
}

.passo-compra:hover
{
    font-weight: bold;
}

.inactive
{
    cursor: not-allowed;
}

.borda-tipo
{
    border: 1px solid; 
    padding: 10px;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tipo-ativo
{
    border-color: #0362c1;
    background-color: #0362c1;
    color: #fff;
}

.active
{
    background-color: #ecf0f4;
    font-weight: bold;
    color: #079d26;
}

.line
{
    border: 1px solid #c4bfbf;
}

.form-control
{
    border-radius: 8px !important;
    border: 1px solid #cbc8c8;
}

h2
{
    font-weight: 400 !important;
}