body {
    background: black;
}


.cr-question-list {
    background: black;
    padding: 1em;
}

.cr-question-surround {
    background: black;
    margin-bottom: 1em;
}
.cr-question-outer {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    background: darkorchid;
    padding: 1em;
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    .cr-question-outer {
    }
}
@media screen and (min-width: 801px) {
    .cr-question-outer {
    }
}

.cr-result-title {
    color: white;
    font-size: 150%;
    vertical-align: bottom;
    font-weight: bold;
}

.cr-question-buttonrowlike {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 10px;
    overflow-x: auto;
}

.cr-question-buttonlike {
    border-radius: 0.3em;
    user-select: none;
    border-width: 3px;
    border-style: solid;

    cursor: pointer;
    margin: 7px;
    padding: 2px;
    line-height: 120%;
    white-space: nowrap;
    margin: 5px;
    padding: 0.3em;
    padding-left: 1em;
    padding-right: 1em;
    min-width: 6em;
}
.cr-question-title {
    color: white;
    font-size: 150%;
    vertical-align: bottom;
    font-weight: bold;
}

.cr-question-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.cr-question-buttonlike:hover {
    box-shadow: 0px 0px 15px rgb(255,255,255);
    border-color: white;
}

.cr-question-submit-disabled:hover {
    box-shadow:none;
    cursor: default;
}

.cr-question-toggle {
    text-align: left;
}

.cr-question-longlist-outer {
    background: black;
    overflow-y: auto;
    overflow-x: auto;
    padding: 6px;
    min-height: 20vh;
    scrollbar-width: auto;
}

.cr-tag-toggle-selected {
    background: rgb(143,124,255);
    border-color: rgb(153,134,255);
    box-shadow: 0px 0px 15px rgb(255,255,255);
}

.cr-tag-toggle-selected:before {
    font-size: 130%;
    content: "\2705";
}

.cr-tag-toggle-unselected:before {
    font-size: 130%;
    content: "\274E";
}

.cr-tag-toggle-unselected {
    border-color: slateblue;
    background :slateblue;
}

.cr-question-buttonlike {
    border-radius: 0.3em;
    user-select: none;
    border-width: 3px;
    border-style: solid;

    cursor: pointer;
    margin: 3px;
    padding: 2px;
    line-height: 135%;
    white-space: nowrap;
    margin: 2px;
    padding: 0.1em;
    padding-left: .5em;
    padding-right: .5em;
    min-width: 6em;
}


.cr-pie-simple-result-chart {
    height: 400px;
}

.cr-lines-simple-result-chart {
    height: 300px;
}


.cr-tag-toggle-selected-urg {
    background: rgb(250,20,20);
    border-color: rgb(250,10,10);
    box-shadow: 0px 0px 15px rgb(255,255,255);
}

.cr-tag-toggle-selected-urg:before {
    font-size: 130%;
    content: "\2705";
}

.cr-tag-toggle-unselected-urg:before {
    font-size: 130%;
    content: "\274E";
}

.cr-tag-toggle-unselected-urg {
    border-color: rgb(200,80,80);
    background :rgb(200,60,60);
}



.cr-tag-toggle-selected-2 {
    background: lightgreen;
    border-color: lightgreen;
    box-shadow: 0px 0px 15px rgb(255,255,255);
}

.cr-tag-toggle-selected-2:before {
    font-size: 130%;
    content: "\2705";
}

.cr-tag-toggle-unselected-2:before {
    font-size: 130%;
    content: "\274E";
}

.cr-tag-toggle-unselected-2 {
    border-color: darkseagreen;
    background :darkseagreen;
}

.somedata {
    background: white;
    color: black;
    padding: 15px;
}

.client_slot_empty {
    width: 180px;
    height: 180px;
    background: grey;
    border: 2px solid white;
}

.client_slot_populated {
    width: 180px;
    height: 180px;
    border: 2px solid rgb(196, 245, 245);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.client_slot_title_container {
    padding: 0px;
    background: rgb(196, 245, 245);
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 160%;
    width: 100%;
}

.client_slot_linksbutton_container {
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.client_slot_label_container {
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: rgb(196, 245, 245);
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 60%;
}