/* Add here all your CSS customizations */

#video-title {
    color: #1b7421;
}

#show-content, #content {
    cursor:pointer;
    font-weight: 400;
    font-size: 12px;
    color: #484848;
}

#show-content {
    color: #0472a0;
}

#show-video-title:hover {
    text-decoration: underline;
}

#moderation_guidelines {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    border-radius: 4px;
    margin-top:20px;
    padding:15px;
}

#moderation_guidelines h2 {
    margin-top: 0px;
    font-size:25px;
    font-weight: bold;
}

#moderation_guidelines h4 {
    font-size: 16px;
}

#moderation_guidelines #rules_title, #moderation_guidelines #examples_title {

    margin-top:15px;
    margin-bottom:5px;
    font-weight: bold;
    text-decoration: underline;

}

#moderation_guidelines #rules {

}

#moderation_guidelines #examples {

}

.very_high_noise_percentage {
    background-color: #1663a0;
    padding:1.5px;
    border-radius: 1.5px;
    color:#ffffff !important;
    font-weight: bolder;
}

.very_high_hate_percentage {
    background-color: #b81f25;
    padding:1.5px;
    border-radius: 3px;
    color:#ffffff !important;
    font-weight: 600;
}

.high_hate_percentage {
    background-color: #ec8227;
    padding:1.5px;
    border-radius: 3px;
    color:#ffffff !important;
    font-weight: 600;
}

.low_hate_percentage {
    background-color: #258a07;
    padding:1.5px;
    border-radius: 3px;
    color:#ffffff !important;
    font-weight: 600;
}

#show_decisions {
    cursor:pointer;
    color:blue;
}

#decisions_list {

    background-color:#cccccc;
    list-style-type: none;
    padding: 3px;

}

#decisions_list div {
    color:black !important;
}

#see_more_details {
    text-decoration: underline;
    font-weight: bold;
    cursor:pointer;
}

.choices {
    color:black !important;
    margin-top:5px;
    margin-bottom:10px !important;
    width: 75%;
    display: inline-table;
}

.choices__inner {
    padding-bottom: 0px !important;
    background-color: #fff !important;
    font-size: 13px !important;
    padding:0 !important;
    min-height:0 !important;
    border-radius: 6px !important;
}

.choices__list--dropdown .choices__item--selectable {
    padding-right:0px !important;
}

.choices__list--single {
    padding: 0px 0px 0px 5px !important;
}

form[name="add_moderation_instruction"] label, form[name="add_moderation_instruction"] input[type="submit"] {
    display:block;
    margin-top:15px;
}

/* FLORIAN DATASET COUNTER STYLING SECTION */
.testCountDiv {
    display: flex;
    flex-flow: row wrap;
    gap: .5rem;
    background-color: #0000000f;
    border-radius: .3rem;
    padding: .25rem;
    overflow: hidden;
}

a.languageCounterBox.linkToDataset, a.languageCounterBox.linkToDataset:hover {
    cursor: pointer;
    text-decoration: underline;
}

a.languageCounterBox.linkToDataset {
    color: #0088cc;
    transition: all .5s ease-in-out;
}

a.languageCounterBox.linkToDataset:hover {
    color: #21b5ff;
    box-shadow: 0 0 0.5rem 0.15rem #0000003b;
}

.languageCounterBox {
    padding: .25rem .6rem;
    background-color: #00000017;
    border-radius: .25rem;
}

.lowCount.languageCounterBox {
    background-color: #ff000045;
}

.satisfactoryCount.languageCounterBox {
    background-color: #28c20052;
}