.form-control:focus {
    color: #000000;
    border: 1px solid #ffaa00;
    outline: 0;
    box-shadow: 0 0 0 0px #ffaa00;
}

/*inputs*/
/*RADIO BUTTON*/

.container_check {
    position: relative;
    cursor: pointer;
    display: block;
    padding-left: 35px; /* Adjust the spacing between the label and the custom radio button */
    margin-bottom: 12px; /* Adjust the margin between each radio button */
}

.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #d2d8dd;
    border-radius: 50%;
}

.container_check:hover .custom-radio {
    background-color: #ccc; /* Change color on hover */
}

.container_check input:checked ~ .custom-radio {
    background-color: #ff7f00;
}

/* You can style the inner dot for the radio button */
.custom-radio:after {
    content: "";
    position: absolute;
    display: none;
}

.container_check input:checked ~ .custom-radio:after {
    display: block;
}

.container_check .custom-radio:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px; /* Adjust the size of the inner dot */
    height: 12px; /* Adjust the size of the inner dot */
    background-color: #fff; /* Color of the inner dot */
    border-radius: 50%; /* Make it round */
}
/*

.password svg{
    color: #ced4da;
    position: absolute;
    right: 3%;
    top: 30%;
}
*/
.toggle-pasword{
    position: absolute;
    right: 5%;
    top: 30%;
}

.select2-results__option span {
    display: flex;
    align-items: center;
}

.img-flag {
    margin: 7px;
    margin-right: 10px;
}

.select2-selection__rendered span{
    display: flex;
    align-items: center;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    background-image: none !important;
}

.form-control.is-valid, .was-validated .form-control:valid{
    background-image: none !important;
}

/* Select */

select{
    border: none;
}