[type="radio"] + span,
.switch label input[type="checkbox"] + .lever + span {
    color: black;
}

::placeholder,
.input-field > label,
input + label,
.time-start > label,
.time-end > label,
.select-wrapper + label,
.select-wrapper.disabled + label,
label[for="date"],
[type="radio"]:checked + span, 
[type="radio"]:checked + span:hover, 
.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup,
input[type="time"]:not(.browser-default):disabled + label,
.switch label input[type="checkbox"]:checked + .lever + span,
.select-wrapper input.select-dropdown:disabled {
    color: rgb(68, 65, 255);
    font-weight: bold;
}

#selected-date-day-fr {
    margin-right: 5px;
    font-size: 16px;
    align-self: center;
}

#date {
    margin: 0;
}

#steps>.duration:last-of-type {
    display: none;
}

.step.error>.card-content {
    animation-name: step-error;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    border-radius: 10px;
    margin: 0px;
    transition-duration: 0;
}

@keyframes step-error {
    50% {
        background-color: #ef5350;
    }
}

#table-drafts {
    border-radius: 10px;
    overflow: hidden;
}

#table-drafts td.edit,
#table-drafts td.delete {
    width: 50px;
}

#table-drafts td.edit i.edit,
#table-drafts td.delete i.delete {
    cursor: pointer;
}

#drafts-tag {
    cursor: pointer;
    position: relative;
}


#cancel {
    font-size: small;
    margin-top: 10px;
    margin-left: 5px;
}

.step-duration>.card-content {
    padding: 5px 10px;
    overflow: auto;
    cursor: default;
    font-size: x-small;
}

.fixed-action-btn {
    width: 220px;
}

.fixed-action-btn ul .btn-floating {
    white-space: nowrap;
    width: auto;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
}

.fixed-action-btn ul .btn-floating .material-icons {
    width: auto;
}

.fixed-action-btn ul.right-align {
    text-align: right;
}

#working-day-duration {
    position: sticky;
    bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0040ff9c !important;
    color: white;
    z-index: 10;
}

#working-day-duration.error {
    background-color: #ff00009c !important;
}

.remove,
.confirm-remove {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

.move-up-down-buttons {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 5px;
}

#steps > :nth-child(1 of .step) .move-up,
#steps > :nth-last-child(1 of .step) .move-down {
    display: none
}

img.user-picture {
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}

.note > .user {
   font-weight: bold;
}

.note > .user img {
    width: 40px;
    height: 40px;
}

.note > .note {
    margin-left: 20px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
    border-left: 3px solid lightblue;
}