.sidebar {
    width: 200px;
}

/*input wrapper*/
/* input, select, and textarea wrapper */
/* input wrapper */
.input-wrapper {
    position: relative;
}
.input-wrapper input,
.input-wrapper select,
.input-wrapper textarea {
    width: 100%;
    transition: all 0.3s;
}

.input-wrapper:focus-within .placeholder,
input:not(:placeholder-shown) + .placeholder,
.date-picker:not(:placeholder-shown) + .placeholder,
select:not(:placeholder-shown) + .placeholder,
textarea:not(:placeholder-shown) + .placeholder {
    top: -2px;
    left: 5px;
    font-size: 11px;
    color: grey;
    background-color: white;
    z-index: 9;
}

.placeholder {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all 0.3s;
    color: gray;
    z-index: 9;
}

._star {
    color: red;
}
.input-error{
    color: red;
    margin-top: 2px;
}