

.style-input .form-div{
margin-bottom:1rem;
}


.style-input .var-check{
display: block;
text-align: left;
color:#c91414;
}



.style-input .form-radio label{
display: block;
}
.style-input .form-radio .form-check-input:checked {
background-color: hsl(238.63deg 44.47% 47.42%);
border-color: #545454;
}



.form-floating>label{
transition: all 0.1s !important;
color: black;
}



.style-input.circle input, .style-input.circle select{
border-radius: 10rem;
padding-left: 25px;
}


.style-input .manage-paises .div-input{
display: none;
}




.style-input.circle .manage-paises .div-input .cod-pais{
border-radius: 25px 0px 0px 25px;
padding-left: 12px;
}


.style-input.circle .manage-paises .div-input .tel{
border-radius:0px 25px 25px 0px;
padding-left: 13px!important;
}

.style-input.circle .manage-paises .div-input .var-check{
padding-left: 0px !important;
}


.style-input.circle .manage-paises .div-input .form-floating>label{
padding:1rem .75rem !important;
}





.style-input.circle .form-group{
padding-left: 24px !important;
}


.style-input.circle input[type="radio"]{
padding-left: 0rem;
}

.style-input.circle .form-floating>label{
padding-left: 25px ;
}



.style-input.circle .var-check{
padding-left: 20px ;
}

.style-input.dark .form-control{
background: transparent !important;
color: white !important;
}


.style-input.dark label{
color: white;
}



.style-input .form-check-input:checked {
    background-color: #3F51B5;
    border-color: transparent;
}




/*----------------- ESTILOS DE INPUT --------------------------*/


.style-input.style-1  .form-select,.style-input.style-1  .form-select:hover,  .style-input.style-1 .form-select:focus,  .style-input.style-1 .form-select:active, .style-input.style-1  .form-control, .style-input.style-1 .form-control:hover, .style-input.style-1 .form-control:focus, .style-input.style-1 .form-control:active {
    border: 2px solid #4b4f88;
    box-shadow: none;
    background: transparent !important;
    color: white;
}


.style-input.style-1 .form-select option{
color: black;
}



.style-input.style-1 .var-check{
color: #9c979f;
}


/*--------------------------------------------------------*/










[class*="style-btn-"]{
border-radius: 6px;
border:none;
}

[class*="style-btn-"].btn-rounded{
border-radius: 6rem !important;
}






.style-btn-1, .style-btn-1:hover, .style-btn-1:focus, .style-btn-1:active {
background: #303a83;
color: white;
}



.style-btn-2, .style-btn-2:hover, .style-btn-2:focus, .style-btn-2:active {
background: #686868;
color: white;
}



.style-btn-3 , .style-btn-3:hover, .style-btn-3:focus, .style-btn-3:active {
background: #24166e;
color: white;
}




.style-btn-4, .style-btn-4:hover, .style-btn-4:focus, .style-btn-4:active {
background: #32bf99;
color: white;
}

.style-btn-5, .style-btn-5:hover, .style-btn-5:focus, .style-btn-5:active {
background: #464983;
color: white;
}


.style-btn-6, .style-btn-6:hover, .style-btn-6:focus, .style-btn-6:active {
background: #fda6a6;
color: white;
}



.style-btn-bg, .style-btn-bg:hover, .style-btn-bg:focus, .style-btn-bg:active, .style-btn-bg:disabled {
    border-radius: 5rem;
    font-size: 27px;
    text-transform: none;
    margin: 15px 0;
    background: #07091e;
    padding: 6px 27px;
    box-shadow: 0px 0px 6px white !important;
}








.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 25px;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
font-size: 24px;
line-height: 1.33;
border-radius: 35px;
}










