/*---------------------------- MODAL-CSS ------------------------*/
    .modal-header {
        padding: 8px;
        border-bottom: 1px solid lightgray;
    }

    .modal-title {
        font-size: 20px !important;
        font-weight: 400;
        line-height: 50px;
        padding: 0 10px;
    }

    .modal label.form-label {
        border: none;
        padding: 0;
        color: #000;
    }

    .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 1.1;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        box-shadow: none;
    }

    .modal-footer {
        padding: 0px 15px 20px;
    }