.material-icons, .material-icons-outlined {
    position: relative;
    top: 5px;
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: inherit;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

.clock-icon {
    list-style-type: none;
}

.w-33 {
    width: 33%;
}

.clock-icon li {
    margin-left: -15px;
}

.clock-icon li::before {
    content: 'schedule';
    font-family: 'Material Icons Outlined';
    display: inline-block;
    margin-right: 5px;
    color: darkgray;
    vertical-align: middle;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-help {
    cursor: help;
}

td, th {
    vertical-align: middle !important
}

.display-none {
    display: none;
}

.fa-button-bigger {
    font-size: 1.5em;
}

#form-navigation {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 20px;
}

.required label:after {
    content:" *";
    color: red;
}

.nav-link {
    padding: 0rem 1rem;
}

#dev-frame-container {
    display: flex;
    justify-content: center;
}

#dev-frame {
    border: 4px solid red;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 25px;
    text-align: center;
    color: red;
    background-color: #d6e9f8;
    font-size: 2em;
    letter-spacing: 5px;
}