@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

body{
    overflow-x: hidden;

    font-family: 'Poppins', sans-serif;
    background: #ececec;
}

/*------------ Login container ------------*/

.box-area{
    width: 930px;
}

/*------------ Right box ------------*/

.right-box{
    padding: 40px 30px 40px 40px;
}

/*------------ Custom Placeholder ------------*/

::placeholder{
    font-size: 16px;
}

.rounded-4{
    border-radius: 20px;
}
.rounded-5{
    border-radius: 30px;
    
}

#more-details {
    display: block !important;
    visibility: visible !important;
}

/*------------ For small screens------------*/

@media only screen and (max-width: 768px){

     .box-area{
        margin: 0 10px;

     }
     .left-box{
        height: 100px;
        overflow: hidden;
     }
     .right-box{
        padding: 20px;
     }

}
.select2-container{
    max-width: 100%;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple{
    width: 100% !important;
}

.select2-container--default .select2-selection--single{
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 38px;
}

.select2-dropdown{
    width: auto !important;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Garantir posicionamento correto do dropdown do Select2
   Usar left:0 para evitar "vazamento" que cria uma barra azul
   no rodapé em alguns navegadores/temas */
.select2-container--open .select2-dropdown{
    left: 0 !important;
    right: auto !important;
}