.form-container{
    width: 100%;
}

.student-container, .formation-container {
    margin: 0 10px;
}

fieldset{
    border-radius: 10px;
    margin: 10px 0;
}

fieldset legend{
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}
div > button.btn {
    background-color:rgba(1,87,155,0.8) !important;
}

.input-field > label {
    color: #363947;
}

input[type=range]{
    --dir: right;
    --fill: green;
    --fillGreen: green;
    --fillYellow: gold;
    --fillRed: red;
    --fillbg: rgba(100, 100, 100, 0.15);
    --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.456 14.494a.75.75 0 0 1 1.068.17a3.08 3.08 0 0 0 .572.492A3.381 3.381 0 0 0 12 15.72c.855 0 1.487-.283 1.904-.562a3.081 3.081 0 0 0 .572-.492l.021-.026a.75.75 0 0 1 1.197.905l-.027.034c-.013.016-.03.038-.052.063c-.044.05-.105.119-.184.198a4.569 4.569 0 0 1-.695.566A4.88 4.88 0 0 1 12 17.22a4.88 4.88 0 0 1-2.736-.814a4.57 4.57 0 0 1-.695-.566a3.253 3.253 0 0 1-.236-.261c-.259-.332-.223-.824.123-1.084Z"/><path fill="currentColor" d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12S5.925 1 12 1M2.5 12a9.5 9.5 0 0 0 9.5 9.5a9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5A9.5 9.5 0 0 0 2.5 12"/><path fill="currentColor" d="M9 10.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0M16.25 12a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5"/></svg>');
    --stars: 5;
    --starsize: 1.5rem;
    --symbol: var(--star);
    --value: 1;
    --w: calc(var(--stars) * var(--starsize) + 1px);
    --x: calc(100% * (var(--value) / var(--stars)));
    block-size: var(--starsize);
    inline-size: var(--w);
    position: relative;
    touch-action: manipulation;
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track{
    block-size: 100%;
    mask: repeat left center/var(--starsize) var(--symbol);
    -webkit-mask: repeat left center/var(--starsize) var(--symbol);
    background: linear-gradient(to var(--dir), var(--fillGreen) 0 var(--x), var(--fillbg) 0 var(--x));
}

input[type=range]::-webkit-slider-thumb {
    height: var(--starsize);
    opacity: 0;
    width: var(--starsize);
    -webkit-appearance: none;
}