@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;src:url(/fonts/fa-light-300.eot);src:url(/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-light-300.woff2) format("woff2"),url(/fonts/fa-light-300.woff) format("woff"),url(/fonts/fa-light-300.ttf) format("truetype"),url(/fonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-family:"Font Awesome 5 Pro";font-weight:300}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;src:url(/fonts/fa-regular-400.eot);src:url(/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fa-regular-400.woff) format("woff"),url(/fonts/fa-regular-400.ttf) format("truetype"),url(/fonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Pro";font-weight:400}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;src:url(/fonts/fa-solid-900.eot);src:url(/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fa-solid-900.woff) format("woff"),url(/fonts/fa-solid-900.ttf) format("truetype"),url(/fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(/fonts/fa-brands-400.eot);src:url(/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/fonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fa-brands-400.woff) format("woff"),url(/fonts/fa-brands-400.ttf) format("truetype"),url(/fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}

@font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("/fonts/6/fa-light-300.woff2") format("woff2"), url("/fonts/6/fa-light-300.ttf") format("truetype"); }

@font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/fonts/6/fa-regular-400.woff2") format("woff2"), url("/fonts/6/fa-regular-400.ttf") format("truetype"); }

@font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/fonts/6/fa-solid-900.woff2") format("woff2"), url("/fonts/6/fa-solid-900.ttf") format("truetype"); }


html, body, div.surface, div.panel {
/*    height: 99%;*/
    margin: 0;
}

div.panel {
   /* padding: 15px;*/
}


.iframe-edword {
    width: 100%;
    height: 100%;

}



form {
    margin-top: 20px;
}
button.btn  {
    margin-top: 10px;
}
div.panel label {
    /*width: 70px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;*/
    margin: 0 0 8px;
    display: inline-block;
}
div.form-group  {
    margin-top: 10px;
}

div.assignmnets-view,
div.library-view {
    max-width: 90%;
    /*min-height: 100vh;*/
    min-height: 100%;
    margin-bottom: 100px;
}


div.assignmnets-view img,
div.library-view img{
    max-width: 100%;

}


/*
.theme-light .panel {
    padding-left: 0;
    padding-top: 0;
!*    background-color: #F3F3F3;*!
    overflow: unset;
}

*/

select.input-field {
    height: 2.5rem !important;
}

.theme-light  contrast {

}

.theme-contrast  a {
    color: #ffff01;
}
.theme-contrast  a:hover,a:focus {
    text-decoration: underline;
}

.theme-dark  a {
    color: #9ea2ff;
}
.theme-dark  a:hover,a:focus {
    text-decoration: underline;
}


.theme-light   select {

}

.theme-dark  select {

}

.panel {
    border-width: 0 !important;
}
.panel2 {
    background-color: #F8F8F8;

}


.theme-dark  .panel2 {
    background-color: #2D2D2D;
}

.theme-contrast  .panel2 {
    background-color: #000000;
}


.theme-dark .assignments-list-items .assignments-list-item:hover   {
    background-color: #FFFFFF;
    color: #666666;

}
.theme-dark .assignments-list-items .assignments-list-item   {
    background-color: #666666;
    color: #FFFFFF;
}


.theme-contrast .assignments-list-items .assignments-list-item:hover   {
    background-color: #FFFFFF;
    color: #666666;
}
.theme-contrast .assignments-list-items .assignments-list-item   {
    background-color: #666666;
    color: #FFFFFF;
}

.theme-dark .assignments-list-item .item-name:before,
.theme-dark .assignments-list-item .item-text:before,
.theme-contrast .assignments-list-item .item-name:before,
.theme-contrast .assignments-list-item .item-text:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(right, rgba(102, 102, 102, 0) 70%, #666666 100%) !important;
    background-image: -o-linear-gradient(right, rgba(102, 102, 102, 0) 70%, #666666 100%) !important;;
    background-image: linear-gradient(to right, rgba(102, 102, 102, 0) 70%, #666666 100%) !important;;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00666666', endColorstr='#FF666666', GradientType=0) !important;;
}

.theme-dark .assignments-list-item:hover .item-name:before,
.theme-dark .assignments-list-item:hover .item-text:before,
.theme-contrast .assignments-list-item:hover .item-name:before,
.theme-contrast .assignments-list-item:hover .item-text:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 70%, #fff 100%) !important;;
    background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0) 70%, #fff 100%) !important;;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 70%, #fff 100%) !important;;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0) !important;;
}



.theme-dark .grey-ring,
.theme-contrast .grey-ring {
    background-color: transparent;
    border: 1px solid #F4F4F4 !important;
}

.theme-dark .assignments-list-item:hover  .grey-ring,
.theme-contrast .assignments-list-item:hover  .grey-ring {
    border: 1px solid #6A6A6A !important;

}

.theme-dark .assignments-list-gr .control-list .control-icon,
.theme-contrast .assignments-list-gr .control-list .control-icon {
    background-color: #6a6a6a;
}
.theme-dark .assignments-list-gr .title-list,
.theme-contrast .assignments-list-gr .title-list {
        color: #FFFFFF;
}


.surface .assignments-list-table .assignments-list-table-header .header-label:nth-child(4),
.surface .assignments-list-table .assignments-list-item > div:nth-child(4) {
    margin-left: calc( 21% - 174px);
}

.surface div.assignmnets-view,
.surface div.library-view {
    max-width: 100%;
    width: 100%;
}


.error-message {
    color: red;
    margin-top: 10px;
}

.external-link {
    display: inline-block !important;
    width: 40px !important;;
    height: 40px !important;;
    color: black !important;;
    position: relative !important;;
    right: unset !important;
}

.theme-dark .external-link,
.theme-contrast .external-link {
    color: white;
}

.theme-dark .surface {
    background-color: #1f1f1f;
}
.theme-contrast .surface {
    background-color: #000000;
}
.external-link:before {
    font-family: 'FontAwesome';
    content: "\f08e";
    font-size: 30px;
    position: absolute;
    top: 11px;
    left: 5px;
}

.external-link-link {
    position: absolute;
    right: 24px;
    top: 10px;
}

.logo-ouriginal.convigure-view {
    display: block;
    text-align: right;
    margin-top: 50px;
}


div.settings {
    position: absolute;
    right: 66px;
    top: 35px;
    cursor: pointer;


}
div.settings:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f013";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

}

span.cl-settings {
    position: relative;
    /*right: 66px;
    top: 35px;*/
    cursor: pointer;
    display: inline-block;
    margin-left: 24px;
}
span.cl-settings:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f013";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

}

.xxxx {
/* Rectangle 156 */
    position: absolute;
    width: 32px;
    height: 16px ;
    left: 850px;
    top: 22px;

/* Greys/ Grey 5 */
    background: #808080;
    border-radius: 16px;

}

.yyy {
    /* Ellipse 2 */

    position: absolute;
    width: 12px;
    height: 12px;
    left: 852.33px;
    top: 24px;

    /* Greys/Grey1 */
    background: #F4F4F4;

}

#panel1 {
    padding-top: 57px;
}
#panel2 {
    padding-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
}

.assignment-list{

    position: relative;
    padding-top: 30px;

}


.assignment-list .control{
    margin-left: 10px;
}
.assignment-list .header-list{

}
.assignment-list.close-list .header-list{
    display: none;
}
.assignment-list .header-list div{
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;

    box-sizing: border-box;
}

.assignment-list .item-list-empty{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    display: none;
}
.assignment-list .item-list{

    font-size: 14px;
}

.assignment-list .item-list .assignment-item  {
    background: #FFFFFF;
    border-radius: 4px;
    height: 60px;
    margin-bottom: 8px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.theme-dark .assignment-list .item-list .assignment-item {
    background-color: #3f3f3f;
    color: #FFFFFF
}
.theme-contrast .assignment-list .item-list .assignment-item {
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #ff0;
    box-sizing: border-box;

}



.assignment-list .item-list .assignment-item div {

    box-sizing: border-box;
}


.assignment-list .item-list .assignment-item div,
.assignment-list .header-list div {
    display: inline-block;
    width: 100px;
    min-width: 100px;

   /* outline: red 1px solid;*/

}
.assignment-list .item-list div {

}
.assignment-list .header-list  {
    font-size: 0;
}

.assignment-list .header-list div {

}

.assignment-list .header-list div:nth-of-type(1),
.assignment-list .item-list .assignment-item div:nth-of-type(1){
        width: calc( 100% - 415px );
        min-width: 200px;
        padding-left: 10px;
        padding-right: 5px;
}

.assignment-list .item-list .assignment-item div:nth-of-type(1) span {
    display: block;
    font-size: 14px;
    color: #999999;
}

.assignment-list .header-list div:nth-of-type(2),
.assignment-list .item-list .assignment-item div:nth-of-type(2){
    text-align: center;
}

.assignment-list .header-list div:nth-of-type(3),
.assignment-list .item-list .assignment-item div:nth-of-type(3){
    text-align: center;
}

.assignment-list .header-list div:nth-of-type(4),
.assignment-list .item-list .assignment-item div:nth-of-type(4){
    text-align: center;
}


.assignment-list .item-list .assignment-item div:nth-of-type(2) span {
    width: 59px;
    height: 32px;
    background: #4D4D4D;
    border-radius: 4px;
    color: #F4F4F4;
    display: inline-block;
    line-height: 32px;
    box-sizing: border-box;
    vertical-align: text-bottom;
}

.assignment-list .item-list .assignment-item div:nth-of-type(3) span {
    width: 59px;
    height: 32px;
    background: #4D4D4D;
    border-radius: 4px;
    color: #F4F4F4;
    display: inline-block;
    line-height: 32px;
    box-sizing: border-box;
    vertical-align: text-bottom;
}
.assignment-list .item-list .assignment-item div:nth-of-type(4) span {
    width: 59px;
    height: 32px;
    background: #3AA97A;
    border-radius: 4px;
    color: #F4F4F4;
    display: inline-block;
    line-height: 32px;
    box-sizing: border-box;
    vertical-align: text-bottom;
}

.assignment-list .item-list .assignment-item div:nth-of-type(5) span {
    vertical-align: text-bottom;
    width: 32px;
    height: 32px;
    display: inline-block;
}




.plagiarism-control {
    display: none;
    color: #B2B2B2;
    position: relative;
}

.plagiarism-control+ label {
    position: relative;
}

.plagiarism-control+ label:before{
    content: " ";
    background: #808080;

    border-radius: 16px;
    width: 32px;
    height: 16px;
    position: relative;
    top: 5px;
    display: inline-block;
}
.plagiarism-control + label:after {
    content: " ";
    background: #F4F4F4;
    position: absolute;
    left: 2px;
    top: 7px;
    width: 11px;
    height: 11px;
    border-radius: 100%;

}
.plagiarism-control:checked + label:after {
    content: " ";
    background: #F4F4F4;
    position: absolute;
    left: 19px;
    top: 7px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
}
.plagiarism-control:checked + label:before {
    content: " ";

    background: #3AA97A;
    border-radius: 16px;
    width: 32px;
    height: 16px;
    position: relative;
    top: 5px;
    display: inline-block;
}

.plagiarism-control:checked + label:after {

}

.assignment-list .control  {
    /*left: -20px;*/
    position: absolute;
    top: 0;
}
.assignment-list .control div.icon {
    display: inline-block;
    width: 12px;
}
.assignment-list.close-list .control div.icon:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}

.assignment-list .control  div.icon:before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
}
.assignment-list .control {
    cursor: pointer;
}
.assignment-list .control span {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}

.theme-contrast .assignment-list .control span,
.theme-contrast .assignment-list .control div.icon:before {
    color: #FF0;
}

.assignment-list.close-list .item-list {
    height: 0;
    overflow: hidden;

}
.navigation-back {
    color: #494B83;
    font-size: 14px; ;
    line-height: 19px; ;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 20px;
}

.navigation-back:before {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    left: -20px;
    top: 0;
    color: #6264A7;
    position: absolute;


}

.assignment-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin-top: 40px;
}

.assignment-due {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #737373;
    margin-top: 5px;
}

.student-list {
    margin-top: 32px;

}
.student-list .student-list-headers{

    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    height: 44px;
}
.student-list .student-list-headers > div{
    display: inline-block;
    width: 100px;
    min-width: 100px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
}

.student-list  .student-list-items {

}

.student-list  .student-list-items .student-list-item {
        height: 44px;
    border-bottom: 1px solid #E0E0E0;
}

.student-list  .student-list-items .student-list-item  > div {
    display: inline-block;
    width: 100px;
    min-width: 100px;
    line-height: 44px;
}

.student-list .student-list-headers > div:nth-of-type(1),
.student-list  .student-list-items .student-list-item  > div:nth-of-type(1){
    position: relative;
    padding-left: 50px;
    text-align: left;

    width: calc( 100% - 365px );
    min-width: 200px;
}
.student-list .student-list-headers > div:nth-of-type(2),
.student-list  .student-list-items .student-list-item  > div:nth-of-type(2){
    text-align: center;
}
.student-list .student-list-headers > div:nth-of-type(3),
.student-list  .student-list-items .student-list-item  > div:nth-of-type(3){
    text-align: center;
}

.student-list .student-list-headers > div:nth-of-type(4),
.student-list  .student-list-items .student-list-item  > div:nth-of-type(4){
    text-align: center;
}

.student-list  .student-list-items .student-list-item  > div:nth-of-type(4) span a {
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #6264A7;

}
.flag-checked {
    position: relative;
    width: 40px;
    height: 20px;
    display: inline-block;
}
.flag-checked:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    left: 0px;
    top: -10px;
    color: #6264A7;
    position: absolute;
}

.student-ico {
    border-radius: 100%;
    background-color: #A16114;
    width: 32px;
    height: 32px;
    color: #F4F4F4;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0px;
    text-align: center;
    line-height: 32px;
}


.theme-dark .assignment-due {
    color: #BABABA;
}
.theme-contrast .assignment-due {
    color: #FFFFFF;
}
.theme-dark .assignment-item,
.theme-contrast .assignment-item {
    color: #000000;
}
.theme-dark .assignment-title,
.theme-contrast .assignment-title {
    color: #FFFFFF;
}

.theme-dark .navigation-back{
    color: #a6a7dc;
}
.theme-dark .navigation-back:before{
    color: #a6a7dc;
}

.theme-contrast .navigation-back {
    color: #ff0;
}
.theme-contrast .navigation-back:before {
    color: #ff0;
}


.theme-dark .student-list .student-list-items .student-list-item > div:nth-of-type(3) span a,
.theme-contrast .student-list .student-list-items .student-list-item > div:nth-of-type(3) span a{
    color: #FFFFFF;
}


.theme-dark .flag-checked:before,
.theme-contrast .flag-checked:before {
    color: #FFFFFF;
}


.theme-dark img.ed-logo.theme-light,
.theme-contrast img.ed-logo.theme-light {
        display: none;
}

.theme-light img.ed-logo.theme-dark.theme-contrast{
        display: none;
}

.assignment-list .assignment-item div:nth-of-type(4) span {
    display: none!important;;
}

.assignment-list .assignment-item[ec-state=active] div:nth-of-type(4) span {
    display: inline-block!important;
}

.assignment-list .assignment-item div:nth-of-type(3) span {
    display: none!important;;
}

.assignment-list .assignment-item[ec-state=active] div:nth-of-type(3) span {
    display: inline-block!important;
}

.loading-layer{
    width: 100%;
    height: 100px;
    text-align: center;
    vert-align: middle;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite;
    animation-duration: 1s;
    animation-timing-function: steps(8);
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: fa-spin;
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}



@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loading {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 25px;
}
.loading::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f110";
     font-size: 30px;
     line-height: 50px;
    font-weight: bold;
}


.assignment-list .header-list,
.assignment-list .item-list,
.student-list .student-list-headers,
.student-list .item-list {

    display: none;
}
.assignment-list .loading-layer,
.student-list .loading-layer {
    display: block;
}


.assignment-list.close-list .loading-layer {
    display: none !important;
}

.assignment-list.close-list .header-list {
    display: none !important;
}

.assignment-list.list-loaded .header-list,
.assignment-list.list-loaded .item-list,
.student-list.list-loaded .student-list-headers,
.student-list.list-loaded .item-list {
    display: block;
}
.assignment-list.list-loaded .header-list,
.assignment-list.list-loaded .item-list
{
    padding-left: 34px;
    padding-right: 34px;

}
.assignment-list.list-loaded .loading-layer,
.student-list.list-loaded .loading-layer {
    display: none;
}





.item-state-error, .item-state-sent,.item-state-waiting {
    min-width: 35px;
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    height: 24px;
    line-height: 24px;
    text-align: center;

}

.item-state-error {
    cursor:pointer;
}


.item-state-waiting span:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f1d8";
    font-size: 19px;
    color: #4B4B4B;
    font-weight: 900;
    display: inline-block;
}


.item-state-sent span:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f110";
    font-size: 19px;
    color: #4B4B4B;
    font-weight: 900;
    display: inline-block;
}

.item-state-error span:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f071";
    font-size: 19px;
    color: #4B4B4B;
    font-weight: 900;
    display: inline-block;

}

.item-state-error:hover span:before{
    color: #000000;
}

div#panel1 > img {
    display: none;
}

@media screen and (max-width: 705px) {

    .assignment-list .item-list{
        font-size: 12px;
    }

    .assignment-list .item-list .assignment-item div:nth-of-type(1) span {
        font-size: 12px;
    }



    .assignment-list .item-list .assignment-item div,
    .assignment-list .header-list div {
        display: inline-block;
        width: 15%;
        min-width: 50px;
    }

    .assignment-list .header-list div:nth-of-type(1),
    .assignment-list .item-list .assignment-item div:nth-of-type(1){
        width: 55%;
        max-width: 55%;
        min-width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .assignment-list .item-list .assignment-item div:nth-of-type(2) span,
    .assignment-list .item-list .assignment-item div:nth-of-type(3) span{
            width: 40px;
            height: 24px;
            line-height: 24px;
    }

    div.settings {
        right: 8%;
        top: 10px;
    }
    div#panel1 > img {
        display: none;
    }

    .assignment-title {
        font-size: 16px;
    }
    .assignment-due {
        font-size: 12px;
    }
    .student-list .student-list-headers > div,
    .student-list .student-list-items .student-list-item > div{
        width: 15%;
        min-width: 50px;
        font-size: 12px;
    }

    .student-list .student-list-headers > div:nth-of-type(1),
    .student-list .student-list-items .student-list-item > div:nth-of-type(1) {
        width: calc(55% - 50px);
        max-width: calc(55% - 50px);
        min-width: 120px;

    }

    .student-list .student-list-items .student-list-item > div:nth-of-type(1) {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .item-state-waiting span:before {
        font-size: 16px;
        line-height: 44px;
    }

    .assignment-title {
        margin-top: 10px;
    }

    .assignment-list .item-list .assignment-item div:nth-of-type(4) span {
        height: 24px;
    }
    .assignment-list .item-list .assignment-item {
        height: 53px;
        padding-top: 5px;
        padding-bottom: unset;
    }

    .assignment-list .item-list .assignment-item div:nth-of-type(2),
    .assignment-list .item-list .assignment-item div:nth-of-type(3),
    .assignment-list .item-list .assignment-item div:nth-of-type(4) {
        vertical-align: text-bottom;
    }

    .student-list .student-list-items .student-list-item > div:nth-of-type(2),
    .student-list .student-list-items .student-list-item > div:nth-of-type(3) {
        vertical-align: top;
    }

    .student-list .student-list-headers > div {
        line-height: 24px;
    }

    .student-list .student-list-items .student-list-item > div {

    }
    .student-list .student-list-headers > div {
        font-size: 10px;
    }
    .student-list .student-list-headers {
        height: 24px;
    }


    .student-list-item > div:nth-of-type(1) {
        /*pointer-events: none;*/
    }

    .assignment-list.list-loaded .header-list, .assignment-list.list-loaded .item-list {
        padding-left: 0;
        padding-right: 0;
    }
}


#panelerror {
    position: relative;
    color: #1A1A1A;
    width: 70%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-top:50px;
    margin-bottom:100px;
    background: #F4F4F4;
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.16);
    border-radius: 8px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;

    padding: 150px;
    box-sizing: border-box;
}

#warningicon {
    position: absolute;
    top: 50px;
    left: calc( 50% - 50px );
    width: 100px;
    height: 100px;
}
#warningicon:before {
    content: "\f071";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 96px;
    color: #F17068;
}

#btnTryAgain {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    align-items: center;
    text-align: center;
    /* Greys/ White */
    background-color: #007A87;
    color: #FFF;
    border: 1px solid #025059;
    border-radius: 4px;

    width: 131px;
    height: 47px;
    position: absolute;
    left: calc( 50% - 65px );
    bottom: 100px;
    cursor: pointer;
}

#btnTryAgain:hover {
    /*background-color: #007A87;*/
    background-color: #025059;
    color: #f4f4f4;
}


.theme-dark #panelerror {
    background-color: #3f3f3f;
    color: #FFFFFF;
}
.theme-contrast #panelerror {

    border: 1px solid #FFFFFF;
    background-color: #000000;
    color: #FFFFFF;
}

.theme-dark #btnTryAgain {
    border-color: rgba(255,255,255,.3);
    background-color: #000000;
    color: #FFFFFF;

}
.theme-dark #btnTryAgain:hover {
    background:rgba(255,255,255,.1);
    color:#fff
}
.theme-contrast #btnTryAgain {
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.theme-contrast #btnTryAgain:hover {
     background:#ffff00;
     color:#000000

}