﻿.error {
    border-color: #dc3545;
}

    .error:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
    }

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

/*select2 CSS*/
.select2-dropdown--below {
    margin-top: 1px;
}

.select2-selection__arrow {
    display: none;
}

.select2-container .select2-selection--single {
    height: 45px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid rgb(241, 241, 241);
    border-radius: 8px !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef;
}

.link-table a {
    font-weight: normal;
}

.input-group-text2 {
    border: 1px solid #f1f1f1;
    background-color: #ffffff;
    /*border-left: 0;*/
    border-right: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.custom-checkbox:hover .checkmark {
    background-color: var(--pink-700);
    transition-duration: 500ms;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


.custom-checkbox:hover .checkmark {
    background-color: var(--pink-700);
    transition-duration: 500ms;
}

.custom-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px #EAEAED solid;
}

.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
    left: 7px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked ~ .checkmark {
    background-color: var(--pink-700);
}

.checkbox .custom-checkbox {
    border-radius: 2px;
    background: #E24C86;
    transition: box-shadow 180ms ease;
    box-shadow: inset 0 0 0 12px #fff;
    top: 2px;
}

.accordion-check {
    top: 22px;
}

.text-1-doc {
    color: #000000;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 16%;
    float: left;
    position: relative;
    font-weight: 400;
    text-align: center;
}

#progressbar #payment:before {
    content: "5";
}

#progressbar #success:before {
    content: "6";
}

.bg-checkbox {
    border-radius: var(--radius-radius-md, 8px);
    background: var(--background-body-background-secondary, #FEF9FB);
    padding: 25px 20px 20px 30px;
}

#progressbar #identity:before {
    content: "4";
}

.btn-collapse::after {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: auto;
    content: url('../assets/images/chevron-down-solid.svg'); /* Use the appropriate Unicode value for the Font Awesome icon */
    /*  font-family: "Font Awesome 6 Free"; */
    line-height: normal !important;
    color: #6c757d;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
