/* KHUSUS EDITFORM KARENA DIA TIDAK BISA MEMAKAI SCOPED CSS*/
.form-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.input-text-container, .input-file-container {
    display: flex;
    flex-direction: column;
}

.input-text-container-table {
    display: flex;
    gap: 5px;
    align-content: center;
    align-items: center;
    width:100%;
}

    .input-text-container select, .input-text-container-table select {
        min-height: 30px;
        border: 1px solid black;
        border-radius: 4px;
        padding: 5px;
    }

    .input-text-container input, .input-text-container-table input {
        min-height: 30px;
        border: 1px solid black;
        border-radius: 4px;
        padding: 5px;
    }

.input-text-container-table-noborder {
    display: flex;
    gap: 5px;
    align-content: center;
    align-items: center;
    width: 100%;
}

    .input-text-container-noborder select, .input-text-container-table-noborder select {
        min-height: 30px;
        border: none;
        border-radius: 4px;
        padding: 5px;
    }

    .input-text-container-noborder input, .input-text-container-table-noborder input {
        min-height: 30px;
        border: none;
        border-radius: 4px;
        padding: 5px;
    }
        .input-text-container-noborder input:focus, .input-text-container-table-noborder input:focus {
            outline: none !important;
            box-shadow: none !important;
            border-color: inherit !important;
        }
    .input-text-container-noborder .form-control:focus, .input-text-container-table-noborder .form-control:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: inherit !important;
    }

.input-file-container input {
    min-height: 30px;
    padding: 5px;
}

.input-button-container {
    margin-top: 10px;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

.input-text-container label {
    font-size: 14px;
}

.input-text-container span {
    /*color: red;*/
}

.profile-picture-preview {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    object-fit: cover;
}

.font-small {
    font-size: 10px;
}
.font-medium {
    font-size: 12px;
}

.button-cancel {
    min-width: 100px;
}

.button-save {
    min-width: 100px;
}