

body {
width: 450px;
}

.plugin-label {
    margin: 10px;
}

#displayUICheckbox {
    width: 15px;
    height: 15px;
}

.playerbar{
    width: 100px;
    display: flex;
    flex-direction: row ;
    justify-content: space-evenly;
}

.playericone {
    cursor: pointer;
}

#color-picker {
    width: 40px;
    height: 30px;
}

#color-picker>:hover {
    outline: none
}

.red {
    background: #FF0000
}

.green {
    background: #008000
}

.blue {
    background: #0000FF
}

.yellow {
    background: #FFFF00
}

.purple {
    background: #800080
}

.orange {
    background: #FFA500
}

#playerbar{
    width: 100px;
    display: flex;
    flex-direction: row ;
    justify-content: space-evenly;
    padding: 5px;
}

#current-session-model-name {
    font-weight: bold;
}

.invalid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.valid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
}

#commentSuccessul {
    display: none;
}

.objective-not-validated {
    color: rgba(255, 0, 0, 0.8);
}

.objective-validated {
    color: #5cb85c
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
  }