/* Minification failed. Returning unminified contents.
(2281,29): run-time error CSS1030: Expected identifier, found ':'
(2281,37): run-time error CSS1031: Expected selector, found ')'
(2281,37): run-time error CSS1025: Expected comma or open brace, found ')'
 */

body {
}
#barcode-canvas,
#qr-video {
    line-height: 0;
    max-width: 100%;
    max-height: 220px;
    max-width: 320px;
    display: block;
    margin: 0 auto;
}
.examseatingcontainer.non-editable {
    width: 100%;
    overflow-x: scroll;
}
.editable .unallocatedcolumncontent,
.editable .allocatedcolumncontent {
    vertical-align: top;
    max-height: calc(100vh - 220px);
    overflow-y: scroll;
}
.editable .allocatedcolumncontent {
    width: calc(100vw - 340px);
    overflow-y: scroll;
}
.editable .hideunallocated .allocatedcolumncontent {
    width: calc(100vw - 58px);
}
.editable .smaller .allocatedcolumncontent {
    width: calc(100vw - 260px);
    overflow-y: scroll;
}
.processing{
    opacity:0.5;
}
.examseat {
    width: 120px;
    height: 120px;
    margin: 4px;
    padding: 2px;
    border: 1px solid #888888;
    background-color: #EEEEEE;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}
.examseatingtable .seat {
    min-width: 128px;
    height: 128px;
}
.examseat .examseatcand{
    cursor:pointer;

}
.examseat.hasAA{
    border: 2px solid black;
}
.examseat.hasAA.hasLaptop {
    border: 2px solid red;
}
.seat.Laptop .examseat.hasAA.hasLaptop {
    border: 2px solid black;
}
.seat .rg{
    
  display:none;
}
.seat .ts {
    display: none;
}
.editable .editing .seat .rg {
    display: inline;
}

.examseatingtable .examseat {
    max-width: 120px;
    max-height: 120px;
}
#examseatingtable.editing .examseat.student.selected {
    background-color: rgba(200,255,200,1) !important;
}
.examAssistanceRequiredli {
    min-height: 50px;
}
.examAssistanceRequiredli.withbutton {
    padding-right: 50px;
}
.examAssistanceRequiredli .btn{
    position:absolute;
    top:10px;
    right:10px;
}

.examroomticks {
    width:60px;
    color:lightgray;
}
.clashindicator{
    height:20px;
}
td img.clashindicator
{
    cursor:pointer;
}
.invigilatorsessions {
    margin-bottom: 5px;
    clear:both;

}
.invigilatorsessions > .room,
.invigilatorsessions > a {
    font-size: 1.2em;
    display: inline-block;
}
.invigilatorsessions > div {
    margin-bottom: 5px;
    display: inline-block;
    line-height: 20px;
}
.invigilatorsessions .seatsassigned.texttags {
    display: block;
    margin: 5px 0;
    min-height: 20px;
    max-width:100%;
}
.invigilatorsessions .seatsassigned.texttags .tag{
    float:none;
}
    .examroomticks.started .tickstarted {
        color: green;
    }
.examroomticks.ended .tickended{
    color: green;
}
.examroomticks.papercheckdone .tickpaperschecked {
    color: green;
}
.examroomticks.papercheckinprogress .tickpaperschecked {
    color: orange;
}

.examroomticks.atttaken .tickattendancetaken {
    color: green;
}

.examroomticks.attinprogress .tickattendancetaken {
    color: orange;
}


.examroomticks.invatttaken .tickinvigilatorattendancetaken {
    color: green;
}
.examroomticks.invatttaken.invattabsence .tickinvigilatorattendancetaken {
    color: red;
}
.examroomticks.invattinprogress .tickinvigilatorattendancetaken {
    color: orange;
}

.examroomticks .tickpaused,
.examroomticks .tickitsupportrequired,
.examroomticks .tickassistancerequired {
    color: red;
    display: none;
}
.examroomticks.paused .tickpaused,
.examroomticks.itsupportrequired .tickitsupportrequired,
.examroomticks.assistancerequired .tickassistancerequired {
    display: inline;
}

.examAAUsedActionButton {
    width: 30px;
    height: 30px;
    margin: 2px 4px;
    display: inline-block;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    border: 2px solid #DDD;
    border-radius: 20px;
    background-position: center;
   
}
.examAAUsedActionButtons {
    width: 80px;
    margin-top:-5px;
    float: right;
}
.examAAUsedActionButton.used {
    background-image: url('/Content/Images/emojis/tick.png');
}

.examAAUsedActionButton.notused {
    background-image: url('/Content/Images/emojis/x.png');
}
.examAAUsedActionButtons.Used .examAAUsedActionButton.used,
.examAAUsedActionButtons.NotUsed .examAAUsedActionButton.notused
{
    border-color: green;
    background-color: #dff0d8;
}
.examAAUsedActionButtons.Used .examAAUsedActionButton.notused,
.examAAUsedActionButtons.NotUsed .examAAUsedActionButton.used {
    filter: grayscale(100%);
    opacity: 0.5;
}
#exampausedoverlay {
    display: none;
}
#exampausedoverlay.paused {
    display: block;
}
/*#exampausedoverlay.paused > div {
    position:fixed;
    z-index:1000;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    opacity:0.5;
    background-color:white;
}*/
    #exampausedoverlay.paused > .glyphicon {
        display: block;
        text-align: center;
        font-size: 10vw;
        color: black;
        position: fixed;
        z-index: 1001;
        width: 40%;
        height: 40%;
        opacity: 0.8;
        margin: auto;
        left: 30%;
        top: 23%;
        background-color: #DDD;
        vertical-align: bottom;
        border: 1px solid black;
        border-radius: 8px;
        box-shadow: 0px 0px 4px 4px #888888;
    }
/*#exampausedoverlay.paused > .glyphicon {
    display: block;
    text-align:center;
    font-size:50vw;
    color:black;
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}*/
    #exampausedoverlay.paused #examresumebutton {
        position: fixed;
        z-index: 1001;
        width:200px;
        left: calc(50% - 100px);
        top:50%;
    }
    .examroomlistitemtext {
        margin: 2px 0px 2px 70px;
    }
.endexamcomponentbutton,
.examcomponentlistforinvigilators .endtimewithduration .examended,
.examcomponentlistforinvigilators .endtimewithduration .examended {
    display: none;
}
.examcomponentlistforinvigilators li.examcomponentended .endtimewithduration .examended {
    display: inline-block;
    margin-left: 32px;
}
.started .examcomponentlistforinvigilators .endtimewithduration .endexamcomponentbutton {
    display: inline-block;
    position: absolute;
    right: 18px;
    bottom:20px;
}

/*body.fullscreen #examttcoldiv .alert .examended {
    display: none !important;
}*/

.ended .examcomponentlistforinvigilators li .endtimewithduration .endexamcomponentbutton,
.examcomponentlistforinvigilators li.examcomponentended .endtimewithduration .endexamcomponentbutton {
    display: none !important;
}

.examcomponentlistforinvigilators.list-group.list-group-dismissible .close {
    float: none;
    position: absolute;
    top: -4px;
    right: 0px;
    color: white;
}
.examcomponentlistforinvigilators.list-group.list-group-dismissible .close:hover {
    color: #888;
}

label.examstarted,
label.examended {
    display: block;
}
.examendbutton {
    display: none;
}
.examattrow.started .examstartbutton {
    display: none;
}
.examattrow.started .examendbutton {
    display: block;
}
.examattrow.started.ended .examendbutton {
    display: none;
}

#examStartEndTimes tr td.examended {
    font-weight: normal;
    color: gray;
    font-style: italic;
}

#examStartEndTimes tr.hasstarted td.examended {
    color: black;
}
.hasstarted .examstarted,
.hasended .examended,
#examStartEndTimes tr.hasstarted .examstarted,
#examStartEndTimes tr.hasended .examended {
    font-weight: bold;
    color: black;
    font-style: normal;
}
.candidate-room-seat.candidate-only {
    font-style: italic;
}
.exam-pause,
.exam-resume,
.examattrow.started .hideonstarted,
.examattrow.ended .hideonend {
    display: none;
}
.examattrow.started .exam-pause,
.examattrow.paused .exam-resume,
.examattrow.paused .showonpaused,
.examattrow.started .showonstarted,
.examattrow.ended .showonend
{
    display: block;
}
.examattrow.paused .hideonpaused,
.examattrow.started.ended .hideonend {
    display: none;
}
#CandidateSeatSelection td,
.movetoseat .examattstatusbutton {
    padding: 2px 4px;
    margin: 2px;
}

#scannedcode {
    display: inline-block;
    min-width: 200px;
    height: 32px;
}
/*.examseatingtable.maxx-4 .examseat {
    width: calc(25vw - 28px);
    height: 25vw;
}
.examseatingtable.maxx-5 .examseat {
    width: calc(20vw - 24px);
    height: 20vw;
}
.examseatingtable.maxx-6 .examseat {
    width: calc(16.6666666666667vw - 21.3333333333333px);
    height: 16.6666666666667vw;
}
.examseatingtable.maxx-7 .examseat {
    width: calc(14.2857142857143vw - 19.4285714285714px);
    height: 14.2857142857143vw;
}
.examseatingtable.maxx-8 .examseat {
    width: calc(12.5vw - 18px);
    height: 12.5vw;
}
.examseatingtable.maxx-9 .examseat {
    width: calc(11.1111111111111vw - 16.8888888888889px);
    height: 11.1111111111111vw;
}

.examseatingtable.maxx-10 .examseat {
    width: calc(10vw - 16px);
    height: 10vw;
}
.examseatingtable.maxx-11 .examseat {
    width: calc(9.09090909090909vw - 15.2727272727273px);
    height: 9.09090909090909vw;
}
.examseatingtable.maxx-12 .examseat {
    width: calc(8.33333333333333vw - 14.6666666666667px);
    height: 8.33333333333333vw;
}
.examseatingtable.maxx-13 .examseat {
    width: calc(7.69230769230769vw - 14.1538461538462px);
    height: 7.69230769230769vw;
}
.examseatingtable.maxx-14 .examseat {
    width: calc(7.14285714285714vw - 13.7142857142857px);
    height: 7.14285714285714vw;
}
.examseatingtable.maxx-15 .examseat {
    width: calc(6.66666666666667vw - 13.3333333333333px);
    height: 6.66666666666667vw;
}
.examseatingtable.maxx-16 .examseat {
    width: calc(6.25vw - 13px);
    height: 6.25vw;
}
.examseatingtable.maxx-17 .examseat {
    width: calc(5.88235294117647vw - 12.7058823529412px);
    height: 5.88235294117647vw;
}
.examseatingtable.maxx-18 .examseat {
    width: calc(5.55555555555556vw - 12.4444444444444px);
    height: 5.55555555555556vw;
}
.examseatingtable.maxx-19 .examseat {
    width: calc(5.26315789473684vw - 12.2105263157895px);
    height: 5.26315789473684vw;
}
.examseatingtable.maxx-20 .examseat {
    width: calc(5vw - 12px);
    height: 5vw;
}
.examseatingtable.maxx-21 .examseat {
    width: calc(4.76190476190476vw - 11.8095238095238px);
    height: 4.76190476190476vw;
}
.examseatingtable.maxx-22 .examseat {
    width: calc(4.54545454545455vw - 11.6363636363636px);
    height: 4.54545454545455vw;
}
.examseatingtable.maxx-23 .examseat {
    width: calc(4.34782608695652vw - 11.4782608695652px);
    height: 4.34782608695652vw;
}
.examseatingtable.maxx-24 .examseat {
    width: calc(4.16666666666667vw - 11.3333333333333px);
    height: 4.16666666666667vw;
}
.examseatingtable.maxx-25 .examseat {
    width: calc(4vw - 11.2px);
    height: 4vw;
}
.examseatingtable.maxx-26 .examseat {
    width: calc(3.84615384615385vw - 11.0769230769231px);
    height: 3.84615384615385vw;
}*/
.examseat .examseatcand .examseatbuttons {
    font-size: 12pt;
    position: absolute;
    top: 70px;
    left: 1px;
    width: 100%;
}
.examseat .aas {
   height:40px;
   overflow:hidden;
   position:absolute;
   display:inline-block;
   font-size:8px;
   line-height:8px;
   margin-top:4px;
   z-index:1;
}
.examseat .aas .fas,
.examseat .aas .far
{
   font-size:14px;
   vertical-align:middle;
   line-height:20px;
   
}
img.aa {
    width: 20px;
    vertical-align: top;
}
img.aa-larger {
    width: 40px;
}
/*ul.accessarrangements li {
    list-style-type: none;
}*/
li.aa.inactive,
img.aa.inactive {
    opacity: 0.5;
}
.texttags .tag img.aa {
    width: 15px;
}
.checkbox > label > img.aa {
    height: 20px;
    vertical-align: text-bottom;
}
.glyphicon.aa {
    font-size:14px;
}
.examseat .aas.aas-many{
    margin-top:-4px;
}
.examseat .aas.aas-4 img.aa {
    margin-right: -2px;
}
.examseat .aas.aas-many img.aa {
    margin-left: -2px;
    margin-right: -2px;
}

.examseat.empty {
    background-color: white;
}
.examseat .unallocateseat {
    display: none;
    position: absolute;
    right: 5px;
    top: 100px;
    color: darkred;
    font-size: 12px;
    text-align: center;
  
    width: 20px;
    height: 20px;
    line-height:16px;
    cursor:pointer;
    z-index:10;
}
#examseatingtable{
    background-color:white;
}
#examseatingtable.editing .unallocateseat:hover {
    color: red;
    font-size: 18px;
}
#examseatingtable.editing .unallocateseat {
    display: inline-block;
}
#examseatingtable.editing .unallocatedseat .unallocateseat {
    display: none !important;
}
#examseatingtable th.unallocated,
#examseatingtable td.unallocated:nth-child(2) {
    border-right: 4px solid #204d74;
}
.examseatingunallocatedsortaa img.aa {
    margin-top: -3px;
}
.examseat .pin {
    display: none;
    position: absolute;
    left: 30%;
    top: 4px;
    color: lightgray;
    font-size: 12px;
}
.examseat.pinned .pin {
    display: inline-block;
    color: black;
    font-size: 14px;
}
b.pinned{
    font-style:italic;
}
#examseatingtable.editing .pin:hover {
    color: #333;
}
.seat.NotUsed {
    background-color: #EEE;
}
.seat.NotUsed .examseat {
    background-color: #CCC;
}
.examseat.busy,
.examseat.empty.NotUsed {
    background-color: #BBB;
}

#examseatingtable.editing .examseat a.btn{
    display:none;
}
#examseatingtable.editing td.seat.coord.changed {
    border-color:green;
}
#examseatingtable.editing .pin {
    display: inline-block;
}
#examseatingtable th
{
    text-align:center;
}
#examseatingtable.editing .unallocatedseat .pin {
    display: none !important;
}
.hideunallocated .unallocated {
    display: none !important;
}
.seat.unallocated,
.seat.outside,
.seat.outside .examseat.attstatus- {
    background-color: #DDD;
}
.seat.deactivated {
    background-color: #444;
}
.seat.deactivated .examseat.empty {
    background-color: #CCC;
}
.seat.reserved {
    background-color: #EEF;
}

.seat.reserved .examseat.empty {
    background-color: #EEF;
}
.seathasLaptop {
    background-image: url('images/exams/laptop.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 2px;
    background-size: 22px;
}
.examseat.Laptop .coord {
    background-image: url('images/exams/laptop.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 2px;
    background-size: 20px;
}
.examseat.Laptop .coord {
    padding-right: 24px;
}
.examstatus {
    display: none;
}
.invigilate .headertext 
{
    max-width: calc(100% - 75px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}
.invigilate.notstarted .attstatus-Late .examattstatuspresentbutton,
.invigilate.started .attstatus-Late .examattstatuslatestartbutton,
.attstatus-Present .examstatuspresent,
.attstatus-Late .examstatuslate,
.attstatus-Absent .examstatusabsent {
    display: inline;
}

.invigilate.started .attstatus-Late.started .examattstatuslatestartbutton,
.examattstatuslatestartbutton,
.attstatus- .examattstatuslatebutton,
.attstatus- .examattstatusotherbutton {
    display: none;
}

.attstatus-Present .examattstatusotherpresentbutton,
.attstatus-Present .examattstatuspresentbutton,
.attstatus-Present .examattstatusabsentbutton,
.attstatus-Present .examattstatuslatebutton {
    display: none;
}
.attstatus-Absent .examattstatusotherabsentbutton,
.attstatus-Absent .examattstatusabsentbutton,
.attstatus-Absent .examattstatuspresentbutton {
    display: none;
}
.invigilate.started .attstatus-Late .examattstatuspresentbutton,
.attstatus-Late .examattstatusabsentbutton,
.attstatus-Late .examattstatuslatebutton {
    display: none;
}
.attstatus-Late,
table.dataTable tbody tr.attstatus-Late,
.examseat.late {
    background-color: #FFEDB1; /* rgba(255,220,100,.5);*/
}

.attstatus-Present,
table.dataTable tbody tr.attstatus-Present,
.examseat.present {
    background-color: #E3FFE3; /* rgba(200,255,200,.5); */
}
.attstatus-Absent,
table.dataTable tbody tr.attstatus-Absent,
.examseat.absent {
    background-color: #FFE3E3; /*rgba(255,200,200,.5);*/
}

.ontoiletbreak, .onsrb {
    background-color: #ACD8E6 !important;
}
.purplesrb .onsrb {
    background-color: #CCCCFF !important;
}

tr.attstatus- td.invigilatorcandidateactions {
    min-width: 128px;
}
@media (min-width: 1200px) {
    tr.attstatus- td.invigilatorcandidateactions {
        min-width: 235px;
    }
}
@media (max-width: 768px) {
    td.invigilatorcandidateactions .btn{
        padding:4px 8px;
        font-size:12px;
    }
    tr.attstatus- td.invigilatorcandidateactions {
        min-width: 105px;
    }
}
@media (max-width: 399px) {
    td.invigilatorcandidateactions a.btn {
        display: block;
        max-width: 23px;
        margin: 0px auto 2px auto;
    }
    td.invigilatorcandidateactions .btn {
        padding: 2px 4px;
    }

    tr.attstatus- td.invigilatorcandidateactions {
        min-width: 50px;
    }
}
.examstatusicon i,
.examstatusicon span {
    display: none;
    /*<span class="glyphicon glyphicon-search" aria-hidden="true"></span>*/
}
.attstatus-Present .inline-if-present,
.attstatus-Absent .inline-if-absent,
.attstatus-Late .inline-if-late,
.late .inline-if-late,
.absent .inline-if-absent,
.present .inline-if-present {
    display: inline !important;
}

#customendtimecandidatesdiv li h5 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}
.examseat .coord {
    font-size: 12pt;
    color: #777777;
    position: absolute;
    top: 0px;
    left: 1px;
    text-transform: uppercase;
}
.examseat.busy .coord,
.examseat.empty .coord {
    font-size: 12pt;
    user-select: none;
}

    .examseat .candno {
        font-size: 12pt;
        color: #777777;
        position: absolute;
        top: 0px;
        right: 1px;
    }

    .examseat .examseatcand .candname {
        font-size: 12pt;
        position: absolute;
        top: 25px;
        line-height:14px;
        left: 1px;
        width: 100%;
        height:44px;
        overflow:hidden;
        text-align: center;
        font-weight:bold;
    }
    .examseat .examseatcand .candname.longname {
        font-size: 10pt;
    }
.examseat .examseatcand .examCompCode {
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: clip;
    height: 12px;
    word-break: break-all;
}
/*table.examscheduletable tr.complete.selected,
table.examscheduletable tr.complete,
table.examscheduletable tr.complete td
{
    background-color: rgba(200,255,200,.5) !important;
}

table.examscheduletable tr.selected {
    background-color: white !important;
}*/

.examseatingplanbuttons .visible-someunallocated,
.examseatingplanbuttons .visible-noneselected,
.examseatingplanbuttons .visible-oneselected,
.examseatingplanbuttons .visible-morethanoneselected,
.examseatingplanbuttons .visible-someselected {
    display: none;
}


.examseatingplanbuttons.morethanoneselected .visible-morethanoneselected,
.examseatingplanbuttons.someunallocated .visible-someunallocated,
.examseatingplanbuttons.noneselected .visible-noneselected,
.examseatingplanbuttons.oneselected .visible-oneselected,
.examseatingplanbuttons.someselected .visible-someselected {
    display: block;
}
.examseatingplanbuttons.morethanoneselected .inline-block.visible-morethanoneselected,
.examseatingplanbuttons.someunallocated .inline-block.visible-someunallocated,
.examseatingplanbuttons.noneselected .inline-block.visible-noneselected,
.examseatingplanbuttons.oneselected .inline-block.visible-oneselected,
.examseatingplanbuttons.someselected .inline-block.visible-someselected {
    display: inline-block;
}

@media print {
    .examseatingtable .examseat {
        background-color: white !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

/* 
    ,#,#,#

    ,exam-yellow (#FFFF20),exam-blue (2020FF) ,exam-purple (9370db FF20FF),exam-green (20FF20)
    ffa500,#67aecb,#dda0dd,#40e0d0,#ffd700,#1e90ff,#ff69b4,#adff2f,#daa520,#add8e6
    ,#4b0082,#90ee90,#f0e68c,#87cefa,#ba55d3,#000080,#6b8e23*/

.selectexamcolor {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 4px;
    border: 10px solid #888;
    text-align:center;
}
.issortable .selectexamcolor {
    display: inline-block;
    width: 120px;
    height: 30px;
    margin: 0px;
    border: 10px solid #888;
    text-align: center;
}
.selectexamcolor>.glyphicon{ display:inline; color:transparent; }
input[type="radio"]:checked + label > .selectexamcolor > .glyphicon {
    color:black;
} 
.dropdown-menu .selectexamcolor {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px 0px -2px 0px;
    border-width:4px;
}

    .selectexamcolor.exam-yellow,
    .selectexamcolor.exam-FFFF20 {
        border-color: #FFFF20;
    }
    .selectexamcolor.exam-blue {
        border-color: #ADD8E6;
    }
   
    .selectexamcolor.exam-2020FF {
        border-color: #2020FF;
    }
.selectexamcolor.exam-FF2020 {
    border-color: #ff2020;
}
.selectexamcolor.exam-9370db,
.selectexamcolor.exam-purple {
    border-color: #9370db;
}
    .selectexamcolor.exam-FF20FF {
        border-color: #FF20FF;
    }
    .selectexamcolor.exam-green,
    .selectexamcolor.exam-20FF20 {
        border-color: #20FF20;
    }
    .selectexamcolor.exam-ffa500 { border-color: #ffa500; }
    .selectexamcolor.exam-67aecb {
        border-color: #67aecb;
    }
    .selectexamcolor.exam-dda0dd {
        border-color: #dda0dd;
    }
    .selectexamcolor.exam-40e0d0 {
        border-color: #40e0d0;
    }
    .selectexamcolor.exam-ffd700 {
        border-color: #ffd700;
    }
    .selectexamcolor.exam-1e90ff {
        border-color: #1e90ff;
    }
    .selectexamcolor.exam-ff69b4 {
        border-color: #ff69b4;
    }
    .selectexamcolor.exam-adff2f {
        border-color: #adff2f;
    }
    .selectexamcolor.exam-daa520 {
        border-color: #daa520;
    }
    .selectexamcolor.exam-4b0082 {
        border-color: #4b0082;
    }
    .selectexamcolor.exam-90ee90 {
        border-color: #90ee90;
    }
    .selectexamcolor.exam-add8e6 {
        border-color: #add8e6;
    }
    .selectexamcolor.exam-f0e68c {
        border-color: #f0e68c;
    }
    .selectexamcolor.exam-87cefa {
        border-color: #87cefa;
    }
    .selectexamcolor.exam-ba55d3 {
        border-color: #ba55d3;
    }
    .selectexamcolor.exam-000080 {
        border-color: #000080;
    }
    .selectexamcolor.exam-6b8e23 {
        border-color: #6b8e23;
    }

tr.exam-6b8e23 td:first-child,
.list-group-item.exam-6b8e23 {
    border-left: 6px solid #6b8e23;
}
tr.exam-6b8e23 td:last-child, 
.list-group-item.exam-6b8e23 {
    border-right: 6px solid #6b8e23;
}
.list-group-item.exam-6b8e23-top {
    border-top: 4px solid #6b8e23;
    margin-top: 4px;
}
.list-group-item.exam-6b8e23-bottom {
    border-bottom: 4px solid #6b8e23;
}
.examseatingtable .exam-6b8e23 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #6b8e23 !important;
}

tr.exam-000080 td:first-child,
.list-group-item.exam-000080 {
    border-left: 6px solid #000080;
}
tr.exam-000080 td:last-child, 
.list-group-item.exam-000080 {
    border-right: 6px solid #000080;
}
.list-group-item.exam-000080-top {
    border-top: 4px solid #000080;
    margin-top: 4px;
}
.list-group-item.exam-000080-bottom {
    border-bottom: 4px solid #000080;
}
.examseatingtable .exam-000080 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #000080 !important;
}


tr.exam-ba55d3 td:first-child,
.list-group-item.exam-ba55d3 {
    border-left: 6px solid #ba55d3;
}
tr.exam-ba55d3 td:last-child, 
.list-group-item.exam-ba55d3 {
    border-right: 6px solid #ba55d3;
}
.list-group-item.exam-ba55d3-top {
    border-top: 4px solid #ba55d3;
    margin-top: 4px;
}
.list-group-item.exam-ba55d3-bottom {
    border-bottom: 4px solid #ba55d3;
}
.examseatingtable .exam-ba55d3 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #ba55d3 !important;
}


tr.exam-87cefa td:first-child,
.list-group-item.exam-87cefa {
    border-left: 6px solid #87cefa;
}
tr.exam-87cefa td:last-child, 
.list-group-item.exam-87cefa {
    border-right: 6px solid #87cefa;
}
.list-group-item.exam-87cefa-top {
    border-top: 4px solid #87cefa;
    margin-top: 4px;
}
.list-group-item.exam-87cefa-bottom {
    border-bottom: 4px solid #87cefa;
}
.examseatingtable .exam-87cefa {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #87cefa !important;
}


tr.exam-f0e68c td:first-child,
.list-group-item.exam-f0e68c {
    border-left: 6px solid #f0e68c;
}
tr.exam-f0e68c td:last-child, 
.list-group-item.exam-f0e68c {
    border-right: 6px solid #f0e68c;
}
.list-group-item.exam-f0e68c-top {
    border-top: 4px solid #f0e68c;
    margin-top: 4px;
}
.list-group-item.exam-f0e68c-bottom {
    border-bottom: 4px solid #f0e68c;
}
.examseatingtable .exam-f0e68c {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #f0e68c !important;
}


tr.exam-90ee90 td:first-child,
.list-group-item.exam-90ee90 {
    border-left: 6px solid #90ee90;
}
tr.exam-90ee90 td:last-child, 
.list-group-item.exam-90ee90 {
    border-right: 6px solid #90ee90;
}
.list-group-item.exam-90ee90-top {
    border-top: 4px solid #90ee90;
    margin-top: 4px;
}
.list-group-item.exam-90ee90-bottom {
    border-bottom: 4px solid #90ee90;
}
.examseatingtable .exam-90ee90 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #90ee90 !important;
}


tr.exam-4b0082 td:first-child,
.list-group-item.exam-4b0082 {
    border-left: 6px solid #4b0082;
}
tr.exam-4b0082 td:last-child, 
.list-group-item.exam-4b0082 {
    border-right: 6px solid #4b0082;
}
.list-group-item.exam-4b0082-top {
    border-top: 4px solid #4b0082;
    margin-top: 4px;
}
.list-group-item.exam-4b0082-bottom {
    border-bottom: 4px solid #4b0082;
}
.examseatingtable .exam-4b0082 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #4b0082 !important;
}


tr.exam-BDFDFF td:first-child,
.list-group-item.exam-BDFDFF {
    border-left: 6px solid #BDFDFF;
}

tr.exam-BDFDFF td:last-child,
.list-group-item.exam-BDFDFF {
    border-right: 6px solid #BDFDFF;
}

.list-group-item.exam-BDFDFF-top {
    border-top: 4px solid #BDFDFF;
    margin-top: 4px;
}

.list-group-item.exam-BDFDFF-bottom {
    border-bottom: 4px solid #BDFDFF;
}

.examseatingtable .exam-BDFDFF {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #BDFDFF !important;
}

tr.exam-add8e6 td:first-child,
.list-group-item.exam-add8e6 {
    border-left: 6px solid #add8e6;
}
tr.exam-add8e6 td:last-child, 
.list-group-item.exam-add8e6 {
    border-right: 6px solid #add8e6;
}
.list-group-item.exam-add8e6-top {
    border-top: 4px solid #add8e6;
    margin-top: 4px;
}
.list-group-item.exam-add8e6-bottom {
    border-bottom: 4px solid #add8e6;
}
.examseatingtable .exam-add8e6 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #add8e6 !important;
}


tr.exam-daa520 td:first-child,
.list-group-item.exam-daa520 {
    border-left: 6px solid #daa520;
}
tr.exam-daa520 td:last-child, 
.list-group-item.exam-daa520 {
    border-right: 6px solid #daa520;
}
.list-group-item.exam-daa520-top {
    border-top: 4px solid #daa520;
    margin-top: 4px;
}
.list-group-item.exam-daa520-bottom {
    border-bottom: 4px solid #daa520;
}
.examseatingtable .exam-daa520 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #daa520 !important;
}

tr.exam-adff2f td:first-child,
.list-group-item.exam-adff2f {
    border-left: 6px solid #adff2f;
}
tr.exam-adff2f td:last-child, 
.list-group-item.exam-adff2f {
    border-right: 6px solid #adff2f;
}
.list-group-item.exam-adff2f-top {
    border-top: 4px solid #adff2f;
    margin-top: 4px;
}
.list-group-item.exam-adff2f-bottom {
    border-bottom: 4px solid #adff2f;
}
.examseatingtable .exam-adff2f {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #adff2f !important;
}

tr.exam-ff69b4 td:first-child,
.list-group-item.exam-ff69b4 {
    border-left: 6px solid #ff69b4;
}
tr.exam-ff69b4 td:last-child, 
.list-group-item.exam-ff69b4 {
    border-right: 6px solid #ff69b4;
}
.list-group-item.exam-ff69b4-top {
    border-top: 4px solid #ff69b4;
    margin-top: 4px;
}
.list-group-item.exam-ff69b4-bottom {
    border-bottom: 4px solid #ff69b4;
}
.examseatingtable .exam-ff69b4 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #ff69b4 !important;
}

tr.exam-1e90ff td:first-child,
.list-group-item.exam-1e90ff {
    border-left: 6px solid #1e90ff;
}
tr.exam-1e90ff td:last-child, 
.list-group-item.exam-1e90ff {
    border-right: 6px solid #1e90ff;
}
.list-group-item.exam-1e90ff-top {
    border-top: 4px solid #1e90ff;
    margin-top: 4px;
}
.list-group-item.exam-1e90ff-bottom {
    border-bottom: 4px solid #1e90ff;
}
.examseatingtable .exam-1e90ff {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #1e90ff !important;
}

tr.exam-ffa500 td:first-child,
.list-group-item.exam-ffa500 {
    border-left: 6px solid #ffa500;
}
tr.exam-ffa500 td:last-child,
.list-group-item.exam-ffa500 {
    border-right: 6px solid #ffa500;
}
.list-group-item.exam-ffa500-top {
    border-top: 4px solid #ffa500;
    margin-top: 4px;
}
.list-group-item.exam-ffa500-bottom {
    border-bottom: 4px solid #ffa500;
}
.examseatingtable .exam-ffa500 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #ffa500 !important;
}

tr.exam-67aecb td:first-child,
.list-group-item.exam-67aecb {
    border-left: 6px solid #67aecb;
}
tr.exam-67aecb td:last-child,
.list-group-item.exam-67aecb {
    border-right: 6px solid #67aecb;
}
.list-group-item.exam-67aecb-top {
    border-top: 4px solid #67aecb;
    margin-top: 4px;
}
.list-group-item.exam-67aecb-bottom {
    border-bottom: 4px solid #67aecb;
}
.examseatingtable .exam-67aecb {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #67aecb !important;
}

tr.exam-dda0dd td:first-child,
.list-group-item.exam-dda0dd {
    border-left: 6px solid #dda0dd;
}
tr.exam-dda0dd td:last-child, 
.list-group-item.exam-dda0dd {
    border-right: 6px solid #dda0dd;
}
.list-group-item.exam-dda0dd-top {
    border-top: 4px solid #dda0dd;
    margin-top: 4px;
}
.list-group-item.exam-dda0dd-bottom {
    border-bottom: 4px solid #dda0dd;
}
.examseatingtable .exam-dda0dd {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #dda0dd !important;
}

tr.exam-40e0d0 td:first-child,
.list-group-item.exam-40e0d0 {
    border-left: 6px solid #40e0d0;
}
tr.exam-40e0d0 td:last-child, 
.list-group-item.exam-40e0d0 {
    border-right: 6px solid #40e0d0;
}
.list-group-item.exam-40e0d0-top {
    border-top: 4px solid #40e0d0;
    margin-top: 4px;
}
.list-group-item.exam-40e0d0-bottom {
    border-bottom: 4px solid #40e0d0;
}
.examseatingtable .exam-40e0d0 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #40e0d0 !important;
}

tr.exam-ffd700 td:first-child,
.list-group-item.exam-ffd700 {
    border-left: 6px solid #ffd700;
}
tr.exam-ffd700 td:last-child, 
.list-group-item.exam-ffd700 {
    border-right: 6px solid #ffd700;
}
.list-group-item.exam-ffd700-top {
    border-top: 4px solid #ffd700;
    margin-top: 4px;
}
.list-group-item.exam-ffd700-bottom {
    border-bottom: 4px solid #ffd700;
}
.examseatingtable .exam-ffd700 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #ffd700 !important;
}


tr.exam-FFFF20 td:first-child,
.list-group-item.exam-FFFF20 {
    border-left: 6px solid #FFFF20;
}
tr.exam-FFFF20 td:last-child,
.list-group-item.exam-yellow {
    border-right: 6px solid #FFFF20;
}
.list-group-item.exam-FFFF20-top {
    border-top: 4px solid #FFFF20;
    margin-top: 4px;
}
.list-group-item.exam-FFFF20-bottom {
    border-bottom: 4px solid #FFFF20;
}
.examseatingtable .exam-FFFF20 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: yellow !important;
}

tr.exam-yellow td:first-child,
.list-group-item.exam-yellow {
    border-left: 6px solid yellow;
}
tr.exam-yellow td:last-child,
.list-group-item.exam-yellow {
    border-right: 6px solid yellow;
}
.list-group-item.exam-yellow-top {
    border-top: 4px solid yellow;
    margin-top: 4px;
}
.list-group-item.exam-yellow-bottom {
    border-bottom: 4px solid yellow;
}
.examseatingtable .exam-yellow {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: yellow !important;
}

tr.exam-grey td:first-child,
.list-group-item.exam-grey {
    border-left: 6px solid grey;
}

tr.exam-grey td:last-child,
.list-group-item.exam-grey {
    border-right: 6px solid grey;
}

.list-group-item.exam-grey-top {
    border-top: 4px solid grey;
    margin-top: 4px;
}

.list-group-item.exam-grey-bottom {
    border-bottom: 4px solid grey;
}

.examseatingtable .exam-grey {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: grey !important;
}


tr.exam-2020FF td:first-child,
.list-group-item.exam-2020FF {
    border-left: 6px solid #2020FF;
}
tr.exam-2020FF td:last-child,
.list-group-item.exam-2020FF {
    border-right: 6px solid #2020FF;
}
.list-group-item.exam-2020FF-top {
    border-top: 4px solid #2020FF;
    margin-top: 4px;
}
.list-group-item.exam-2020FF-bottom {
    border-bottom: 4px solid #2020FF;
}
.examseatingtable .exam-2020FF {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #2020FF !important;
}



tr.exam-FF2020 td:first-child,
.list-group-item.exam-FF2020 {
    border-left: 6px solid #FF2020;
}

tr.exam-FF2020 td:last-child,
.list-group-item.exam-FF2020 {
    border-right: 6px solid #FF2020;
}

.list-group-item.exam-FF2020-top {
    border-top: 4px solid #FF2020;
    margin-top: 4px;
}

.list-group-item.exam-FF2020-bottom {
    border-bottom: 4px solid #FF2020;
}
.examseatingtable .exam-FF2020 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #FF2020 !important;
}


tr.exam-blue td:first-child,
.list-group-item.exam-blue {
    border-left: 6px solid lightblue;
}
tr.exam-blue td:last-child,
.list-group-item.exam-blue {
    border-right: 6px solid lightblue;
}
.list-group-item.exam-blue-top {
    border-top: 4px solid lightblue;
    margin-top:4px;
}
.list-group-item.exam-blue-bottom {
    border-bottom: 4px solid lightblue;
}
.examseatingtable .exam-blue {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: lightblue !important;
}

tr.exam-red td:first-child,
.list-group-item.exam-red {
    border-left: 6px solid red;
}
tr.exam-red td:last-child,
.list-group-item.exam-red {
    border-right: 6px solid red;
}
.list-group-item.exam-red-top {
    border-top: 4px solid red;
    margin-top: 4px;
}
.list-group-item.exam-red-bottom {
    border-bottom: 4px solid red;
}
.examseatingtable .exam-red {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: red !important;
}

tr.exam-FF20FF td:first-child,
.list-group-item.exam-FF20FF {
    border-left: 6px solid #FF20FF;
}
tr.exam-FF20FF td:last-child,
.list-group-item.exam-FF20FF {
    border-right: 6px solid #FF20FF;
}
.list-group-item.exam-FF20FF-top {
    border-top: 4px solid #FF20FF;
    margin-top: 4px;
}
.list-group-item.exam-FF20FF-bottom {
    border-bottom: 4px solid #FF20FF;
}
.examseatingtable .exam-FF20FF {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #FF20FF !important;
}
tr.exam-purple td:first-child,
.list-group-item.exam-purple {
    border-left: 6px solid #9370db;
}
tr.exam-purple td:last-child,
.list-group-item.exam-purple {
    border-right: 6px solid #9370db;
}
.list-group-item.exam-purple-top {
    border-top: 4px solid #9370db;
    margin-top: 4px;
}
.list-group-item.exam-purple-bottom {
    border-bottom: 4px solid #9370db;
}
.examseatingtable .exam-purple {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #9370db !important;
}



    tr.exam-20FF20 td:first-child,
    .list-group-item.exam-20FF20 {
        border-left: 6px solid #20FF20;
    }
tr.exam-20FF20 td:last-child,
.list-group-item.exam-20FF20 {
    border-right: 6px solid #20FF20;
}
.list-group-item.exam-20FF20-top {
    border-top: 4px solid #20FF20;
    margin-top: 4px;
}
.list-group-item.exam-20FF20-bottom {
    border-bottom: 4px solid #20FF20;
}
.examseatingtable .exam-20FF20 {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #20FF20 !important;
}

tr.exam-green td:first-child,
.list-group-item.exam-green {
    border-left: 6px solid #20FF20;
}
tr.exam-green td:last-child,
.list-group-item.exam-green {
    border-right: 6px solid #20FF20;
}
.list-group-item.exam-green-top {
    border-top: 4px solid #20FF20;
    margin-top: 4px;
}
.list-group-item.exam-green-bottom {
    border-bottom: 4px solid #20FF20;
}
.examseatingtable .exam-green {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    background-color: #20FF20 !important;
}
select.InvigilatorAvailabilityRadio{
    margin-top:4px;
    max-width:280px;
}

.InvigilatorAvailabilityTable .sessionchange {
    margin-top: 4px;
}
#InvigilatorAvailabilityTable .cardlabel{
    display:none;
}
#InvigilatorAvailabilityTable .form-group {
    margin-bottom: 5px;
    margin-top: 5px;
}
#InvigilatorAvailabilityTable .col-note input {
    min-width: 100px;
}
.invigroomrow{
    display:block !important;
    margin:0px;
}
.invigilatoracceptbtns{
    margin: 0px 0px 0px 8px;
}
.invigilatoraccepted {
    height: 34px;
    min-width: 160px;
    float: right;
}

.invigilatoraccepted .btn-group {
    margin: 2px;
}

     

.invigilatoraccepted .isdeclined,
.invigilatoraccepted .isaccepted {
    display: none;
    float: right;
}

.invigilatoraccepted[data-status='N'] .isdeclined,
.invigilatoraccepted[data-status='Y'] .isaccepted {
    display: inline-block;
}

.invigilatorpresentbtns .presentbutton,
.invigilatorpresentbtns .absentbutton,
.invigilatoraccepted[data-status='N'] .acceptbutton,
.invigilatoraccepted[data-status='Y'] .declinebutton {
    color: grey;
}
.InvigilatorsCantChangeAccept .invigilatoraccepted[data-status='N'] .acceptbutton,
.InvigilatorsCantChangeAccept .invigilatoraccepted[data-status='Y'] .declinebutton 
{
    display: none;
}

.invigilatorpresentbtns.present .presentbutton,
.invigilatorpresentbtns.absent .absentbutton,
.invigilatoraccepted[data-status='Y'] .acceptbutton,
.invigilatoraccepted[data-status='N'] .declinebutton {
    background-color: lightgreen;
}
.flextable-label{
    display:none;
}
table.flextable .cardlabel
#InvigilatorAvailabilityTable .cardlabel,
table.flextable .cardlabel-inline
#InvigilatorAvailabilityTable .cardlabel-inline,
table.flextable .cardlabel-inline-block
#InvigilatorAvailabilityTable .cardlabel-inline-block {
    display: none;
}

@media screen and (max-width:767px) {
    table.flextable thead, 
    #InvigilatorAvailabilityTable thead {
        display: none;
    }
    .flextable-label {
        display: initial;
    }
    .flextable-hidden {
        display: none;
    }
    .flextable-label-block {
        display: block;
    }
    table.flextable,
    #InvigilatorAvailabilityTable {
        border-top: 1px solid rgb(128,128,128);
    }

    table.flextable tr,
    #InvigilatorAvailabilityTable tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0.5em 0;
        border-bottom: 1px solid rgb(128,128,128);
    }
    table.flextable td,
    table.flextable th,
    #InvigilatorAvailabilityTable td,
    #InvigilatorAvailabilityTable th {
        flex: 1 1 150px;
        border: none !important;
        
    }
    table.flextable .col-1-100pc
    {
        flex: 1 1 100%;
    }
    table.flextable .col-1-100,
    #InvigilatorAvailabilityTable .col-date {
        flex: 1 1 100px;
    }
    table.flextable .col-1-300,
    #InvigilatorAvailabilityTable .col-note {
        flex: 1 1 300px;
    }
    table.flextable .col-3-300,
    #InvigilatorAvailabilityTable .col-availradio {
        flex: 3 3 300px;
    }
    table.flextable .cardlabel
    #InvigilatorAvailabilityTable .cardlabel {
        display: block;
    }
    table.flextable .cardlabel-inline
    #InvigilatorAvailabilityTable .cardlabel-inline {
        display: inline;
    }
    table.flextable .cardlabel-inline-block
    #InvigilatorAvailabilityTable .cardlabel-inline-block {
        display: inline-block;
    }
    .invigilatoraccepted .btn-group {
        margin: 8px 2px;
    }
}

.text-green:before,
.text-coloured:before,
.text-green,
.text-coloured {
    color: green !important;
}
.text-purple:before,
.text-purple {
    color: purple !important;
}
.text-red:before,
.text-red {
    color: darkred !important;
}
.text-blue:before,
.text-blue {
    color: blue !important;
}
.text-orange:before,
.text-orange {
    color: orange !important;
}
.text-grey:before, .text-gray:before,
.text-grey, .text-gray {
    color: gray !important;
}
.text-yellow:before,
.text-yellow {
    color: yellow !important;
}
.text-pink:before,
.text-pink {
    color: pink !important;
}
.text-lilac:before,
.text-lilac {
    color: #E7D2E5 !important;
}

@media (max-width: 767px) {
    tr.exam-ffa500 td:nth-child(2) {
        border-left: 6px solid #ffa500;
    }

    tr.exam-87ceeb td:nth-child(2) {
        border-left: 6px solid #87ceeb;
    }

    tr.exam-dda0dd td:nth-child(2) {
        border-left: 6px solid #dda0dd;
    }

    tr.exam-40e0d0 td:nth-child(2) {
        border-left: 6px solid #40e0d0;
    }

    tr.exam-ffd700 td:nth-child(2) {
        border-left: 6px solid #ffd700;
    }

    tr.exam-1e90ff td:nth-child(2) {
        border-left: 6px solid #1e90ff;
    }

    tr.exam-ff69b4 td:nth-child(2) {
        border-left: 6px solid #ff69b4;
    }

    tr.exam-adff2f td:nth-child(2) {
        border-left: 6px solid #adff2f;
    }

    tr.exam-daa520 td:nth-child(2) {
        border-left: 6px solid #daa520;
    }

    tr.exam-add8e6 td:nth-child(2) {
        border-left: 6px solid #add8e6;
    }

    tr.exam-4b0082 td:nth-child(2) {
        border-left: 6px solid #4b0082;
    }

    tr.exam-BDFDFF td:nth-child(2) {
        border-left: 6px solid #BDFDFF;
    }

    tr.exam-90ee90 td:nth-child(2) {
        border-left: 6px solid #90ee90;
    }

    tr.exam-f0e68c td:nth-child(2) {
        border-left: 6px solid #f0e68c;
    }

    tr.exam-87cefa td:nth-child(2) {
        border-left: 6px solid #87cefa;
    }

    tr.exam-ba55d3 td:nth-child(2) {
        border-left: 6px solid #ba55d3;
    }

    tr.exam-000080 td:nth-child(2) {
        border-left: 6px solid #000080;
    }

    tr.exam-6b8e23 td:nth-child(2) {
        border-left: 6px solid #6b8e23;
    }	
    tr.exam-yellow td:nth-child(2)
    {
        border-left: 6px solid yellow;
    }
    tr.exam-FFFF20 td:nth-child(2) {
        border-left: 6px solid #FFFF20;
    }
    tr.exam-2020FF td:nth-child(2) {
        border-left: 6px solid #2020FF;
    }
    tr.exam-FF2020 td:nth-child(2) {
        border-left: 6px solid #FF2020;
    }
    tr.exam-blue td:nth-child(2) {
        border-left: 6px solid lightblue;
    }
    tr.exam-red td:nth-child(2) {
        border-left: 6px solid red;
    }

    tr.exam-FF20FF td:nth-child(2) {
        border-left: 6px solid #FF20FF;
    }
    tr.exam-purple td:nth-child(2) {
        border-left: 6px solid #9370db;
    }

    tr.exam-20FF20 td:nth-child(2) {
        border-left: 6px solid #20FF20;
    }
    tr.exam-green td:nth-child(2) {
        border-left: 6px solid #20FF20;
    }
    tr.exam-grey td:nth-child(2) {
        border-left: 6px solid gray;
    }
}

@media print {
    body {
        padding-top:10px;
    }
    #bydayprintcontainer tfoot,
    #bydayattendancetable_filter {
        display: none;
    }
    #bydayprintcontainer select {
        width: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none; /* If you want to remove the border as well */
        background: none;
    }
}

.invigilateoverview .examattrow{
    display:inline-block;
    width: calc(100vw - 300px);
}
body.fullscreen .invigilateoverview .examattrow {
    width: calc(100vw - 500px);
}
body.fullscreen .invigilateoverview .clocks {
    font-size: 60px;
    line-height: 50px;
    max-width: 400px;
}
.exam-endtime{
    font-size:1.2em;
}
body.fullscreen .exam-endtime {
    font-size: 1.5em;
}

body.fullscreen .started .endtimewithduration {
    text-align:right;
    line-height:1em;
}
body.fullscreen .started .exam-endtime {
    font-size: 1.5em;
}


body.fullscreen .badge.badge-duration {
    font-size: 1.2em;
    font-family:monospace;
    background-color:transparent;
    color:black;
}
body.fullscreen .started .badge.badge-duration {
    font-size: .8em;
    font-family: monospace;
    background-color: transparent;
    color: black;
}


.invigilateoverview .clocks {
    display: inline;
    float: right;
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    font-family: monospace;
    max-width: 200px;
}
.invigilateoverview .clocks .date {
    font-size: 18px;
    line-height: 24px;
}
.analogclock{
    width:200px;
}
.digitalclock {
    font-size: 40px;
    line-height: 40px;
}
.digitalclock .ampm {
    margin-left:4px;
    font-size: 0.8em;
}
.digitalclock .seconds{
    font-size:0.8em;
}
.digitalclock.twentyfourhour {
    font-size: 60px;
    line-height: 60px;
}
.digitalclock.includeseconds {
    font-size: 35px;
    line-height: 35px;
}
.digitalclock.twentyfourhour.includeseconds {
    font-size: 50px;
    line-height: 50px;
}
body.fullscreen .analogclock {
    width: 400px;
}
body.fullscreen .digitalclock {
    font-size: 82px;
    line-height: 65px;
    margin-top:-10px;
}
body.fullscreen .clocks.without-analog .digitalclock {
    margin-top: 10px;
    margin-bottom: 10px;
}

body.fullscreen .digitalclock.twentyfourhour {
    font-size: 130px;
    line-height: 100px;
}
body.fullscreen .digitalclock.digitalclock-first.twentyfourhour {
    font-size: 130px;
    line-height: 120px;
    margin-bottom: -10px;
}
body.fullscreen .digitalclock.twentyfourhour.includeseconds {
    font-size: 100px;
    line-height: 80px;
}

body.fullscreen .digitalclock.digitalclock-first.twentyfourhour.includeseconds {
    font-size: 100px;
    line-height: 100px;
    margin-bottom:-10px;
}

body.fullscreen .invigilateoverview .clocks .date {
    font-size: 42px;
    line-height: 42px;
    margin-bottom:5px;
}
    .invigilateoverview .clocks .centrenumber {
        font-size: 16px;
        font-weight: bold;
    }
body.fullscreen .invigilateoverview .clocks .centrenumber {
    font-size: 42px;
    line-height:40px;
}
@media (max-height: 700px) {
    body.fullscreen .analogclock {
        width: 300px;
    }
}

@media (max-width: 767px) {
    .invigilateoverview .examattrow {
        width: calc(100vw - 240px);
    }
    body.fullscreen .invigilateoverview .examattrow {
        width: calc(100vw - 420px);
    }
}



@media (max-width: 639px) {
    body.fullscreen .invigilateoverview .examattrow,
    .invigilateoverview .examattrow {
        width: calc(100vw - 40px);
    }
    .invigilateoverview .clocks {
       
        display: inline-block;
        float: none;
    }
    .analogclock {
        width: 100%;
    }

    body.fullscreen .analogclock {
        width: 100%;
        max-width:400px;
    }
   
}

@media (max-width:400px){
    .examroomlistitemtext {
        margin: 2px 0px 2px 55px;
    }
}

body.fullscreen .invigilator .panel-body,
.clocks {
    background-color: white;
}
body.fullscreen .invigilator .panel-close,
body.fullscreen .invigilator .name,
body.fullscreen #customendtimecandidatesdiv {
    display: none !important;
}
body.fullscreen #examcomponentlistforinvigilatorsdiv {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

body.fullscreen .examcomponentlistforinvigilators,
body.fullscreen .examstarted {
    font-size: 2em;
}
/*body.fullscreen .invigmoreexams .examcomponentlistforinvigilators,
body.fullscreen .invigmoreexams .examstarted {
    font-size: 1.5em;
}*/

body.fullscreen .examcomponentlistforinvigilators .examcompcode,
body.fullscreen .examcomponentlistforinvigilators .examcomptitle 
{
    font-size:1.4em;
    line-height:1em;
}
body.fullscreen .examcomponentlistforinvigilators .extratime,
body .fullscreen .examcomponentlistforinvigilators .list-group-item-text {
    font-size: 1.5em;
}
body.fullscreen .badge {
    font-size: 20px;
}
li.liextra .extratime {
}

.invigmoreexams .examcomponentlistforinvigilators .list-group-item {
    padding-top: 2px;
    padding-bottom: 2px;
}
.invigmoreexams .examcomponentlistforinvigilators .list-group-item-heading {
    margin-bottom:0px;
}
body.fullscreen li.liextra .badge.badge-duration {
    font-weight: 400;
    font-size: 1em;
}
body.fullscreen .started li.liextra .badge.badge-duration {
    font-weight: 400;
    font-size: 1em;
}
body.fullscreen .started li.liextra .exam-endtime {
    font-weight: 400;
    font-size: 1.2em;
}
body.fullscreen .examattrow:not(.ended) .examcomponentlistforinvigilators li.examcomponentallended {
    height: 2px;
    overflow: hidden;
    margin: 0;
    padding: 0 !important;
}
body.fullscreen .examattrow.examattcontainer{
    font-size:1.25em;
}
.examattrow.examattcontainer .alert {
    margin: 0 15px 10px 15px;
    padding: 10px 10px 5px 10px;
}
body.fullscreen .examattrow.examattcontainer .alert {
    margin-left: 0px;
    margin-right: 0px;
    color:black;
}
@media (min-width: 1400px) {
    body .fullscreen .examcomponentlistforinvigilators, body.fullscreen .examstarted {
        font-size: 38px;
        line-height: 38px;
    }

    body.fullscreen .invigmoreexams .examcomponentlistforinvigilators,
    body.fullscreen .invigmoreexams .examstarted {
        font-size: 38px;
        line-height: 38px;
    }
    body.fullscreen .invigmoreexams .endtimewithduration {
        font-size: 30px;
    }
    body.fullscreen .invigmoreexams .examcomponentstarted {
        font-size: 36px;
        line-height:32px;
    }

    body.fullscreen .examcomponentlistforinvigilators .extratime,
    body.fullscreen .examcomponentlistforinvigilators .list-group-item-text {
        font-size: 35px;
    }
    body.fullscreen .examcomponentlistforinvigilators .list-group-item {
        border-bottom-width: 2px;
    }
    body.fullscreen .alert,
    body.fullscreen .badge {
        font-size: 22px;
    }
    body.fullscreen .invigilateoverview .clocks .date {
        font-size: 40px;
        line-height: 32px;
    }

}

@media (min-width: 1800px) {
    body .fullscreen .examcomponentlistforinvigilators, body.fullscreen .examstarted {
      /*  font-size: 60px;*/
    }

    body.fullscreen .invigmoreexams .examcomponentlistforinvigilators,
    body.fullscreen .invigmoreexams .examstarted {
      /*  font-size: 50px;*/
    }


    body.fullscreen .examcomponentlistforinvigilators .list-group-item-text {
      /*  font-size: 40px;*/
    }
    

    body.fullscreen .alert,
    body.fullscreen .badge {
       /* font-size: 36px;*/
    }

    body.fullscreen .invigilateoverview .clocks .date {
        font-size: 48px;
        line-height: 40px;
    }
}

/* for items or more then reduce padding and margins*/
.examcomponentlistforinvigilators li:first-child:nth-last-child(4),
.examcomponentlistforinvigilators li:first-child:nth-last-child(4) ~ li,
.examcomponentlistforinvigilators li:first-child:nth-last-child(5),
.examcomponentlistforinvigilators li:first-child:nth-last-child(5) ~ li,
.examcomponentlistforinvigilators li:first-child:nth-last-child(6),
.examcomponentlistforinvigilators li:first-child:nth-last-child(6) ~ li,
.examcomponentlistforinvigilators li:first-child:nth-last-child(7),
.examcomponentlistforinvigilators li:first-child:nth-last-child(8) ~ li,
.examcomponentlistforinvigilators li:first-child:nth-last-child(8),
.examcomponentlistforinvigilators li:first-child:nth-last-child(8) ~ li,
.examcomponentlistforinvigilators li:first-child:nth-last-child(9),
.examcomponentlistforinvigilators li:first-child:nth-last-child(9) ~ li,
.examcomponentlistforinvigilators li:first-child:nth-last-child(10),
.examcomponentlistforinvigilators li:first-child:nth-last-child(10) ~ li
{
    padding-top: 2px;
    padding-bottom: 2px;
}

#CandidateModal.withexamroom
{

}
#CandidateModal.noexamroom {
}
#CandidateSelectRoomCB,
#CandidateSelectRoom,
#CandidateSetSeat {
    display: none;
}
.newroomscapacity {
    width:100px;
}
.started .hideifstarted,
.noexamroom .hideifnoroom,
.withexamroom .hideifinroom {
    display: none;
}

.roomseats td {
    width: 55px;
    height: 12px;
    padding: 2px;
    margin: 0px;
    text-align: center;
}
    .roomseats td label {
        border: 1px solid #bbbbbb;
        border-radius: 4px;
        width: 100%;
        padding: 2px;
        margin: 0px;
        text-align: center;
    }

.roomseatsort img {
    width: 60px;
}
label.roomseatsort {
    border: 1px solid #FFF;
    border-radius: 3px;
}
label.roomseatsort:has(input:checked) {
    border: 1px solid #333;
    background-color: #EFE;
}

@media (max-width: 768px) {
    #qr-video {
        /*max-height: 160px;*/
    }
    .editable .hideunallocated .allocatedcolumncontent {
        width: calc(100vw - 35px);
        overflow-y: scroll;
    }
    .editable .allocatedcolumncontent {
        width: calc(100vw - 240px);
        overflow-y: scroll;
    }
    .examseatingtable .seat {
        min-width: 88px;
        height: 88px;
    }

    .examseatingtable .examseat {
        width: 80px;
        height: 80px;
    }

        /*.examseatingtable.maxxgt10 .examseat .examseatcand .candname {
            display: none;
        }*/
        .examseatingtable .examseat .examCompCode,
        .examseatingtable .examseat .coord,
        .examseatingtable .examseat .examseatcand .candno {
            font-size: 10pt;
        }

    .examseat .examseatcand .examseatbuttons {
        font-size: 8pt;
        position: absolute;
        top: 45px;
        left: 1px;
        width: 100%;
    }

    .examseat img.aa {
        width: 15px;
    }

    .examseat .aas.aas-many img.aa {
        margin-top: -3px;
    }

    .examseat .examseatcand .examseatbuttons button,
    .examseat .examseatcand .examseatbuttons a {
        padding: 0 4px;
    }

    .examseatingtable .examseat .examseatcand .candname {
        font-size: 10pt;
        line-height: 12px;
        top: 15px;
        height: 26px;
        overflow: hidden;
    }
    .examseatingtable .examseat .examseatcand .candname.longname {
        font-size: 7pt;
        line-height: 9px;
        top: 16px;
    }
    .examseat .unallocateseat {
        top: 60px !important;
        right: 0px !important;
    }

    .examseat .aas .fas, .examseat .aas .far {
        font-size: 8px;
        line-height: 8px;
    }

    .examseat.pinned .pin {
        font-size: 10px;
    }
}

@media (max-width: 500px) {
    #qr-video {
        /*max-height: 120px;*/
    }

    .examseatingtable.maxxgt10 .examseat .examseatcand .candno {
        display: none;
    }
}
@media (max-width: 400px) {
   /* XS*/
    .editable .hideunallocated .allocatedcolumncontent {
        width: calc(100vw - 14px);
        overflow-y: scroll;
        scrollbar-width: none; /* Firefox */
    }

    .editable .allocatedcolumncontent {
        width: calc(100vw - 100px);
        overflow-y: scroll;
        scrollbar-width: none; /* Firefox */
    }
        .editable .unallocatedcolumncontent::-webkit-scrollbar,
        .editable .allocatedcolumncontent::-webkit-scrollbar {
            width: 0px;
            height:0px;
        }
    .editable .unallocatedcolumncontent {
        width: 88px;
        overflow-y: scroll;
        overflow-x: scroll;
        scrollbar-width: none; /* Firefox */
    }
    .editable .unallocatedcolumncontent,
    .editable .allocatedcolumncontent {
        vertical-align: top;
        max-height: calc(100vh - 220px);
        overflow-y: scroll;
    }


    .examseatingtable .seat {
        min-width: 84px;
        height: 84px;
    }

    .examseatingtable .examseat {
        width: 80px;
        height: 80px;
    }

    .examseat{
        margin:2px;
        padding:1px;
    }
}

.smaller .examseatingtable .seat {
    min-width: 88px;
    height: 88px;
}

.smaller .examseatingtable .examseat {
    width: 80px;
    height: 80px;
}


    .smaller .examseatingtable .examseat .examCompCode,
    .smaller .examseatingtable .examseat .coord,
    .smaller .examseatingtable .examseat .examseatcand .candno {
        font-size: 10pt;
    }

.smaller .examseat .examseatcand .examseatbuttons {
    font-size: 8pt;
    position: absolute;
    top: 45px;
    left: 1px;
    width: 100%;
}

.smaller .examseat img.aa {
    width: 15px;
}
.smaller .examseat .glyphicon.aa {
    font-size:9px;
}
.smaller .examseat .aas.aas-many img.aa {
    margin-top: -3px;
}
.examseat .aas.aas-4 img.aa {
    margin-right: -2px;
    margin-left: -2px;
}
.smaller .examseat .examseatcand .examseatbuttons button,
.smaller .examseat .examseatcand .examseatbuttons a {
    padding: 0 4px;
}

.smaller .examseatingtable .examseat .examseatcand .candname {
    font-size: 10pt;
    line-height: 12px;
    top: 15px;
    height: 30px;
    overflow: hidden;
}

.editable .smaller.editing .examseatingtable .examseat .examseatcand .candname {
    font-size: 11px;
    line-height: 10px;
    top: 15px;
    height: 30px;
}
.smaller .examseatingtable .examseat .examseatcand .candname.longname {
    font-size: 9px;
    line-height: 9px;
    top: 15px;
    height: 28px;
}
.smaller .examseat .unallocateseat {
    top: 60px !important;
    right: 0px !important;
}

.smaller .examseat .aas .fas,
.smaller .examseat .aas .far {
    font-size: 12px;
    line-height: 12px;
}

.smaller .examseat.pinned .pin {
    font-size: 10px;
}

.resultFirstGrade,
.resultSecondGrade {
    font-weight: bold;
    font-size: 1.2em;
}
.resultScore {
    margin-left:5px;
    font-weight: lighter;
    font-size: 0.8em;
}

#uploadexamfileform .importfiltetypeis,
#uploadexamfileform .importfiltetypetsv,
#uploadexamfileform .importfiltetypebromcom,
#uploadexamfileform .importfiltetypecambridge,
#uploadexamfileform .importfiltetypeedexcel,
#uploadexamfileform .importfiltetypeIB,
#uploadexamfileform .importfiltetypeISAMS,
#uploadexamfileform .importfiltetypeimportseason {
    display: none;
}
#uploadexamfileform.istsv .importfiltetypetsv,
#uploadexamfileform.isbromcom .importfiltetypebromcom,
#uploadexamfileform.iscambridge .importfiltetypecambridge,
#uploadexamfileform.isedexcel .importfiltetypeedexcel,
#uploadexamfileform.isIB .importfiltetypeIB,
#uploadexamfileform.isISAMS .importfiltetypeISAMS,
#uploadexamfileform.isimportseasonid .importfiltetypeimportseason {
    display: block;
}
#uploadexamfileform.istsv .importfiltetypenottsv {
    display: none;
}
.roomorientationlabel{
    font-weight:bold;
}

.dropdown.selecthighlightcolor {
}
 
.dropdown.selecthighlightcolor .dropdown-menu {
    right: 0;
    left: auto;
    padding: 4px;
    width: 235px;
}
.dropdown.selecthighlightcolor.selecticon .dropdown-menu {
    right: auto;
    left: 0;
    padding: 4px;
    width: 284px;
}
.dropdown.selecthighlightcolor .highlightcolor {
    width: 24px;
    height: 24px;
    border: 1px solid black;
    background-color: white;
    display: inline-block;
}

.dropdown.selecthighlightcolor li {
    display:inline-block;
}
.dropdown.selecthighlightcolor.selecticon .highlightcolor {
width: 24px;
height: 24px;
padding: 0;
}

.dropdown.selecthighlightcolor.selecticon .highlightcolor img {
    width: 24px;
    height: 24px;
}

.Oral .notOralSettings,
.addOralSettings {
    display: none;
}
.Oral .addOralSettings {
    display: block;
}
.declaration{
    font-size:1.2em;
}
.signature-pad{
    border:1px solid #888;
}

.requiredbutempty.signature-pad {
    border: 1px solid red;
}
.btn-default.examlogaction{
    color:black;
}

.printlayoutoption[type='checkbox'] {
    margin-left: -10px;
    accent-color: blue;
    margin-right: 5px;
    margin-top: 2px;
    width: 16px;
    height: 16px;
}
body.streaminglogbody {
    background-color: black;
    height: 101vh;
    color:white;
}

#streaminglogscontainer {
    overflow-anchor: none;
}
#anchor {
    overflow-anchor: auto;
    height: 1px;
    background-color:yellow;
}
#examStreamingLogs{
    font-family:monospace;
}

.streaminglogentry {
   /* border-radius: 1em;*/
    margin: 0.5em;
    line-height: 1.1em;
    padding: 0 0 4px 47px;
    text-indent: -47px;
}
.progress-100
{
    cursor:crosshair;
}

.bdstarred .bdstar {
    color: #f78a09;
}

.bdstar {
    color: #d5d5d5;
}

.IfFlippedRowAndCol,
.IfnotFlippedRowAndCol {
    display: none !important;
}
form.FlippedRowAndCol .IfFlippedRowAndCol,
form.notFlippedRowAndCol .IfnotFlippedRowAndCol {
    display: inline-block !important;
}

div.sessiontitle,
div.trainingdetails {
    display: block;
    font-weight: bold;
}
.durationwithet{
    white-space:pre-line;
}
.invigilatorAudioSelected {
    word-break: break-all;
    white-space: normal;
}
#invigilatorsalldates .text-muted{
    color:#DDD;
}
td.invigilatorsession.PM{
    border-right:1px solid #888;
}

.examEntryList.examEntryList-Reviewed {
    background-color: #F2FFF2;
}
.examEntryList.examEntryList-Authorised {
    background-color: #F2FFF2;
}
.examEntryList.examEntryList-ActionRequired {
    background-color: #F2FFFF
}

.showifeditexamoral {
    display:none;
}
.editingexamorals .showifeditexamoral {
    display: initial;
}
.editingexamorals .hideifeditexamoral {
    display: none;
}
input.examoral.changed {
    border-color: green;
}
@media screen {


    .TimeSheet-Status {
        background-color: #DDDDDD;
    }

    .TimeSheet-Status.Clock_Out_Required,
    .TimeSheet-Status.Error {
        background-color: darkred;
        color: white;
    }

    .TimeSheet-Status.Complete {
        background-color: darkblue;
        color: white;
    }
    .TimeSheet-Status.Paid {
        background-color: darkgreen;
        color: white;
    }
    .TimeSheet-Status.In_Progress {
        background-color: darkorange;
        color: white;
    }
}

.filterhide {
    display: none;
}

.filtershow
{
    display:inline-block !important;
}
.list-group-item.filtershow,
li.filtershow {
    display: block !important;
}