.main-container {
    grid-template-rows: 45ch 100vh;
}
.content-container{
    display: grid;
    grid-template-rows: 10ch calc(100% - 10ch);
    grid-template-rows: 100%;
    font-size:16px;
    font-size:22px;
}
.view-multiple-choice-test .option-container{
    display:grid;
    grid-template-columns: 5ch auto;
}
.view-multiple-choice-test .option-container fieldset{
    display:contents;
}
.view-multiple-choice-test .panels-container{
    display:grid;
    grid-template-rows: auto 1fr;
    grid-template-columns:  1fr min-content 1fr;
}
.view-multiple-choice-test .panels-container>*{
    height:100%;
    overflow:auto;
}
.view-multiple-choice-test .test-source-container{
    /*background: red;*/
}
.view-multiple-choice-test .test-source-container textarea{
    width:100%;
    height: 95%;
}
.view-multiple-choice-test .test-content{
    grid-column:3;
}

.view-multiple-choice-test .test-controls{
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}
.view-multiple-choice-test .test-question-controls input[type=file]{
    display:none;
}

.view-multiple-choice-test .test-assessment-controls,
.view-multiple-choice-test .test-question-controls{
    display: flex;
    margin: 0ch 5ch;
    flex-wrap: wrap;
    align-content: center;
    text-align:center;
}
.view-multiple-choice-test .test-assessment-controls>*,
.view-multiple-choice-test .test-question-controls>*{
    margin:1ch 0ch;
}
.view-multiple-choice-test .test-question-controls>fieldset{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.view-multiple-choice-test .question-block{
    display: grid;
    grid-template-columns: 1fr auto;
    border-bottom: 5ch;
    border-bottom: solid 1px #3882f1;
    margin-bottom: 5ch;
    padding-bottom: 2ch;
}
.test-question-evaluation{
    grid-row:2;
}
.view-multiple-choice-test .question-block>*{
}

.test-question-item-controls{
    margin: 0ch 3ch;
}

.test-question-item-controls{
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    grid-row: 1/3;
    grid-column: 2;
}
.test-question-item-controls{
    /*display:none*/
    visibility:hidden;
}
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container,
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
}
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .preview-panel{
    grid-column:1/3;
}
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-source-container{
    grid-column:1/3;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
}
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-question-controls,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-question-controls{
    grid-row:1;
    grid-column:1;
}
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-main-content,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-main-content{
    grid-row:1;
    grid-column:2;
    overflow:hidden;
}
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-main-content .test-content,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-main-content .test-content{
    display:none;
}
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-main-content label.panel-title,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-main-content label.panel-title{
    display:unset;
}
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-main-content .search-assessment-control,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-main-content .search-assessment-control{
    display:none;
}
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-assessment-controls,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-assessment-controls{
    grid-row:1;
    grid-column:2;
}

.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container{
    grid-template-columns: fit-content(50%) min-content auto;
    grid-template-rows: 1fr 1fr;
}
.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container{
    grid-template-columns: 1fr;
}
.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-content {
    grid-column: unset;
}
.test-controls:has(.current-panel-view option[value="1"]:checked) + .panels-container .test-question-item-controls,
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-question-item-controls,
.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-question-item-controls,
.test-controls:has(.current-panel-view option[value="4"]:checked) + .panels-container .test-question-item-controls,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-question-item-controls,
.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-question-evaluation{
    /*display:revert;*/
    visibility:unset;
}

.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container #preview_button,
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container #insert-all-questions{
    display:none
}

.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .question-block{
    grid-template-columns: auto max-content min-content;
}
.test-controls:has(.current-panel-view option[value="4"]:checked) + .panels-container{
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5ch;
}

.test-controls+.panels-container>*{
    display:none;
}
/*
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .preview-panel .question-save,
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .preview-panel,
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-source-container,
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-question-controls,
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-assessment-controls,
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-main-content .question-edit,
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-main-content{
    display:revert;
}
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container{
    grid-template-rows:auto 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-question-controls{
    grid-row:1;
    grid-column:1;
}
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-assessment-controls{
    grid-row:1;
    grid-column:2;
}
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-source-container{
    grid-row:2;
    grid-column:1;
}
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .preview-panel{
    grid-row:2;
    grid-column:2;
}
.test-controls:has(.current-panel-view option[value="0"]:checked) + .panels-container .test-main-content{
    grid-row:2;
    grid-column:3;
}
*/


.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .preview-panel .question-save,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-question-controls,
/*.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-assessment-controls*/
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .test-main-content,
.test-controls:has(.current-panel-view option[value="6"]:checked) + .panels-container .preview-panel{
    display:revert;
}


.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .preview-panel .question-save,
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-source-container,
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-question-controls,
.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-main-content
/*.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .test-assessment-controls*/
/*.test-controls:has(.current-panel-view option[value="5"]:checked) + .panels-container .preview-panel*/{
    display:revert;
}
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .preview-panel .question-save,
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .preview-panel,
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-question-controls,
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-assessment-controls,
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-main-content .question-edit,
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-main-content{
    display:revert;
}
.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-main-content{
    display:revert;
}

.test-controls:has(.current-panel-view option[value="4"]:checked) + .panels-container .test-main-content .question-move,
.test-controls:has(.current-panel-view option[value="4"]:checked) + .panels-container .test-destination-content .question-add,
.test-controls:has(.current-panel-view option[value="4"]:checked) + .panels-container .test-main-content,
.test-controls:has(.current-panel-view option[value="4"]:checked) + .panels-container .test-destination-content{
    display:revert;
}

/*
.test-controls:has(.current-panel-view option[value="1"]:checked) + .panels-container .test-assessment-controls
,.test-controls:has(.current-panel-view option[value="1"]:checked) + .panels-container .test-main-content
,.test-controls:has(.current-panel-view option[value="1"]:checked) + .panels-container .test-destination-content

,.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-source-container
,.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-destination-content

,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-source-container
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-question-controls
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .preview-panel
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-assessment-controls
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-destination-content

,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-source-container
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-question-controls
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .preview-panel
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-assessment-controls
,.test-controls:has(.current-panel-view option[value="3"]:checked) + .panels-container .test-destination-content
{
    display:none;
}
*/

.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .preview-panel{
    grid-column:1;
    grid-row-start:1;
    grid-row-end:3;
    width:37vw;
}
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-main-content{
    grid-column:3;
    grid-row-start:1;
    grid-row-end:3;
}
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-question-controls{
    grid-column:2;
    grid-row:1;
}
.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .test-assessment-controls{
    grid-column:2;
}

select[multiple].current-panel-view{
    display: table-row;
    height: 3.4ch;
    overflow: hidden;
    border:none;
} 
select[multiple].current-panel-view:focus,
select[multiple].current-panel-view:focus-visible{
    border:none;
    outline:none;
}
.current-panel-view>*{
    display: table-cell;
    padding: 0.3ch 10ch;
    font-size: 1.1em;
    font-weight: bold;
}
.current-panel-view option:checked{
    background: #1f78f1;
    color: white;
}

#preview_button{
/*    display:none;*/
}

.search-assessment-control{
    display:flex;
    flex-direction:column;
}
.difficulty-container,
.relevance-container{
    display: grid;
    grid-template-columns: 1fr repeat(3, auto 1fr);
    text-align: left;
    line-height: 3ch;
    align-items: start;
    position:relative;
    width:70ch;
}
.difficulty-container label,
.relevance-container label{
    white-space: nowrap;
    padding-left:1ch;
}
.difficulty-container>div:first-child>label,
.difficulty-container>label:first-child,
.relevance-container>div:first-child>label{
    font-weight: bold;
}


.question-save,
.question-add,
.question-move,
.question-edit
/*.question-delete*/{
    display:none;
}

.question-block(has(.relevance-container input:checked)){
    display:none;
}
.question-block:has(.relevance-container input:checked):has(.difficulty-container input:checked){
    background:#fdffa37a;/*yellow*/
}
.question-block:has(.relevance-container input:checked):has(.difficulty-container input:checked) .question-delete{
    display:unset;
}
.question-block:has(.relevance-container input:checked[value='should_know']):has(.difficulty-container input:checked[value='easy']),
.question-block:has(.relevance-container input:checked[value='could_know']):has(.difficulty-container input:checked[value='medium']),
.question-block:has(.relevance-container input:checked[value='could_know']):has(.difficulty-container input:checked[value='easy']){
    background:#ffdcd47a;/*red*/
}
.question-block:has(.relevance-container input:checked[value='could_know']):has(.difficulty-container input:checked[value='advanced']),
.question-block:has(.relevance-container input:checked[value='should_know']):has(.difficulty-container input:checked[value='medium']),
.question-block:has(.relevance-container input:checked[value='must_know']):has(.difficulty-container input:checked[value='easy']){
}
.question-block:has(.relevance-container input:checked[value='should_know']):has(.difficulty-container input:checked[value='advanced']),
.question-block:has(.relevance-container input:checked[value='must_know']):has(.difficulty-container input:checked[value='advanced']),
.question-block:has(.relevance-container input:checked[value='must_know']):has(.difficulty-container input:checked[value='medium']){
    background:#d4ffd47a;/*green*/
}
.question-block:has(.relevance-container input:checked[value='should_know']):has(.difficulty-container input:checked[value='advanced']) .question-delete,
.question-block:has(.relevance-container input:checked[value='must_know']):has(.difficulty-container input:checked[value='advanced']) .question-delete,
.question-block:has(.relevance-container input:checked[value='must_know']):has(.difficulty-container input:checked[value='medium']) .question-delete{
    display:none;
}
fieldset:has(#options_number){
    display:none;
}
#options_number{
    width:8ch;
}
.header label.page-main-title{
    font-size:2.1em;
}


label.panel-title {
    position: sticky;
    top: 0;
    background: #f7f7fa;
    width: 100%;
    z-index:1;
}
label.panel-title{
    font-size: 2.1em;
    padding-bottom: 1ch;
    display:none;
}
label.button{
    -webkit-appearance: button;
}
label input[type="checkbox"],
label input[type="radio"]{
    visibility: hidden;
}
label:has(input[type="checkbox"]:not(:checked)),
label:has(input[type="radio"]:not(:checked)){
    background-image: linear-gradient(253.82deg, #a0a0a0 54.47%, #787878 113.95%);
}
label:has(input[type="checkbox"]:checked) .unchecked-caption,
label:has(input[type="checkbox"]:not(:checked)) .checked-caption{
    display:none;
}

label:active:has(input[type="checkbox"]:not(:checked)),
label:active:has(input[type="radio"]:not(:checked)){
    background-image: linear-gradient(253.82deg, #787878 54.47%, #a0a0a0 113.95%);
}
.multiple-choice-test:has(.question-block)>.empty-test{
    display:none;
}

.test-controls:has(.current-panel-view option[value="2"]:checked) + .panels-container .preview-panel:not(:has(.question-block)){
    display:none;
}
.question-add{
    margin-bottom: 5ch;
}

.searchAllAssessments{
    height:5ch;
}
.new-assessment-row{
    display: grid;
    grid-template-columns: auto min-content;
}
#save-new-assessment,
#new-assessment-name{
    display:none;
}
.new-assessment-controls #new-assessment-name,
.new-assessment-controls #save-new-assessment{
    display:revert;
}
.new-assessment-controls #new-assessment{
    visibility:hidden;
}

#loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
    display:none;
}

.loading-spinner {
  /* Add your loading spinner styles here */
}

.loading-message {
  margin-top: 10px;
}

.test-question-evaluation .relevance-container .help-icon{
    color:#0663ef;
}
.test-question-evaluation .relevance-container .help-text{
    display:none;
}
.test-question-evaluation .relevance-container .evaluation-label:hover + .help-icon + .help-text,
.test-question-evaluation .relevance-container .help-icon:hover + .help-text{
    display:unset;
    position: absolute;
    top:-12ch;
    background: white;
    color: black;
    z-index: 2;
    padding: 1.5ch;
    border: solid 1px #0663ef;
}
label[contenteditable='true']{
    border: solid #767676 1px;
    padding: 0 1ch;
    background: white;
}
#paste_button{
    display:none;
}
.view-multiple-choice-test .test-controls{
    visibility:hidden;
    display:none;
}

.main-container.empty{
    grid-template-rows: 45ch auto;
}
.main-container.empty #insert-all-questions{
    display:none;
}
.test-question-evaluation input[type='radio']{
    margin:auto;
}
#chat_prompt{
    width:-webkit-fill-available;
    height:10ch;
}
#process_prompt{
    margin-left:2ch;
    min-width: fit-content;
}
#extra-text{
    white-space: break-spaces;
    border:solid 1px #767676;
}
#test_difficulty_container legend{
    color: #2c63c9;
    font-weight: bold;
    margin: 0.2ch;
}