/* Minification failed. Returning unminified contents.
(831,33): run-time error CSS1039: Token not allowed after unary operator: '-dt-row-stripe'
 */
/* --------------------------------------------------------------------------
styles originally from leaves @ OSWD.org but hacked to pieces since then
----------------------------------------------------------------------------- */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

/* CONTAINER */
#container {
    margin: 0 auto;
    background-color: #FFF;
    text-align: left;
    padding: 5px;
}
		
/* GENERAL STUFF */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #CC6633;
			margin-bottom: 30px;
			background-color: #FFF;
		}
		
		h2 {
			color: #666666;
			font-size: 20px;
			/* font-family: Arial, Helvetica, sans-serif; */
			background-color: #FFF;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-color: #BBB;
			padding-bottom: 0.5ex;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		
		h3, h4, h5, h6, p, blockquote, form, ul, ol, dl, fieldset, address {
            margin-bottom: 1em;
        }
		
		a, a.nav-link {
			color:#337ab7;
			text-decoration: none; 
		}
            

		a:hover, a.nav-link:hover {
			color:#23537c;
			text-decoration: underline;
		}
        
		/* input {
			border: 1px solid;
			padding: 1px;
		}
        */
		
			
		.button {
			padding: 0px;
		}
		
		.chk input
		{
			border: 0px;
		}
		
        .no-break {
            white-space: nowrap;
        }

/* HEADER ELEMENTS */

		#header {
			padding-top: 0px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			margin-left: 0;
			margin-right: 200px;
			width: 365px;
		}
		
		#headerbase {
			border-bottom-style: solid;
			border-bottom-width: 10px;
			border-bottom-color: #c1ddf2;
			margin-bottom: 20px;
			width: 100%;
			height: 0px;
		}
		
        .navbar-brand {
            height: 50px;
            padding: 8px;
        }

        .navbar-top-links {
            margin-right: 0;
        }

        .navbar-top-links li {
            margin-right: 15px;
        }

        .navbar-top-links .dropdown-menu li a div {
            white-space: normal;
        }

        .devSystem{
            background-color: #ffe669;
            background-image: url(/marking/Assets/images/dev_system.png);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 65px;
        }

        .uatSystem{
            background-color: #6AD2FF;
            background-image: url(/marking/Assets/images/uat_system.png);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 65px;
        }

        .testSystem{
            background-color: #74E800;
            background-image: url(/marking/Assets/images/test_system.png);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 65px;
        }

        .liveSystem{
            background-color: #930707;
            background-image: url(/marking/Assets/images/live_system_w.png);
            background-position: center;
            background-repeat: no-repeat;
            min-height: 65px;
        }

/* CONTENT  */

		#admincontent {
			margin-left: 260px;
			margin-right: 30px;
		}
		
		
/* SIDEBAR ELEMENTS */

		.LHS {
			margin-left: 0;
			float: left;
			/* clear: left; */
			/*position: absolute;
			top: 10.3em;
			left: 0.2em;
			width: 14em;*/
		}

		.RHS {
			margin-right: 2.5mm;
			float: right;
			clear: right;
		}

		/* For Mozilla-based (CSS2-fully complaint) browsers only: */

		[class~="LHS"] {
			margin-left: 5mm;
		}

		[class~="RHS"] {
			margin-right: 5mm;
		}

				
		.sideBox {
			border-style: solid solid solid solid;
			border-width: 1px 1px 1px 1px;
			border-color: #BBB;
			width: 220px;
			margin-top: 0mm;
			margin-bottom: 20px;
            border-radius: 7px;
		}
		
		.sideBox div 
		{
			background-color: #0000000d;
			/* color: #ffffff; */
			font-weight: bold;
			border-color: #BBB;
			border-bottom-style: dashed;
			border-bottom-width: 1px;
			padding: 10px 15px;
            border-radius: 7px 7px 0 0;
		}

        .sideBox div.admin
		{
			background-color:#0000000d;
		}

        .sideBox div.review
		{
			background-color:#d3e3f2;
		}
		
		.sideBox span, .sideBox a, .sideBox a:hover {
			color: #666;
			text-decoration: none;
			line-height: 1em;
			display: block;
			padding: 12px 15px;
		}		
		
		.sideBox a:hover 
		{
			background-color: #ECF2FA;
		}
		
        .allocationFilterBox {
            padding:5px;
            border: solid 1px #ccc;
            margin-left:0px;
            margin-bottom:10px;
            background-color: #0000000d;
            height: 45px;
        }

		.notes {
			width: 200px;
			margin-top: 5mm;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 25px;
			clear: both;
			border-top: 10px solid #c1ddf2;
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
			padding-top: 10px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}

        .messageboxerr {
            BORDER: #feb 1px solid;
            PADDING-RIGHT: 1em;
            PADDING-LEFT: 2.6em;
            FONT-SIZE: 1.05em;
            PADDING-BOTTOM: 1em;
            MARGIN: 5mm 5mm 5mm 2.5mm;
            BORDER-LEFT: #f60 3px solid;
            COLOR: #000;
            PADDING-TOP: 0.9em;
            BACKGROUND: #ffc url(/marking/Assets/images/exclamation_pad.png) no-repeat left center;
            border-radius: 4px;
        }

        .messagebox {
            BORDER: #b0cfff 1px solid;
            PADDING-RIGHT: 1em;
            PADDING-LEFT: 2.6em;
            FONT-SIZE: 1.05em;
            PADDING-BOTTOM: 1em;
            MARGIN: 5mm 5mm 5mm 2.5mm;
            COLOR: #000;
            PADDING-TOP: 0.9em;
            BACKGROUND: #e8f0ff url(/marking/Assets/images/information_pad.png) no-repeat left center;
            border-radius: 4px;
        }

        .maintenancemsg {
            border: #b7c62b 1px solid;
            padding-right: 1em;
            padding-left: 2em;
            padding-bottom: 0.5em;
            padding-top: 0.5em;
            font-size: 1.30em;
            margin-bottom: 5mm;
            color: #000;
            background: #d9e564 url(/marking/Assets/images/information_pad.png) no-repeat left center;
            border-radius: 4px;
        }
		
		.phasetable td 
		{
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 0.75em;
			line-height: 1.6em;
			color: #666;
		}
		
		.phasetable2 td 
		{
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 0.75em;
			line-height: 1.6em;
			color: #666;
			border-bottom-style: dashed;
			border-bottom-width: 1px;
		}
		
		
		.paddedbutton 
		{
			margin-top: 15px;
			margin-right: 15px;
		}

        .querybutton {
            margin-top: 15px;
            margin-left: 15px;
            float:right;
        }
		
/* coding view styles */

		#codingview
		{
			MARGIN: 0px auto; 
			WIDTH: 1000px; 
			COLOR: #666; 
			LINE-HEIGHT: 1.6em; 
			BACKGROUND-COLOR: #fff; 
			TEXT-ALIGN: left;
			border: #666 1px solid;
			padding: 10px;
		}
		
		.cvbody
		{
			min-width: 1000px;
			text-align:center;
		}

        .cvheader {
            width: 1000px;
            padding-left: 0px;
            padding-right: 0px;
            margin: 0pt auto;
            height: 45px;
            align-items: center;
            display: flex;
        }

        .cvfooter {
            width: 1000px;
            padding-left:15px;
            padding-right:15px;
            margin: 0pt auto;
        }
		
		.cvtitle
		{
			padding: 5px 10px 5px 10px;
            border: solid 1px #cccccc;
            background-color: #ffffff;
		}
		
		.cvlink
		{
            margin-left: auto;
		}

        .cvbuttons {
            margin-left: auto;
        }

        .cvinput {
            white-space: nowrap;
            display: inline-block;
        }
		
		.pnlopn
		{
			border: #666 1px dashed;
			padding: 7px;
		}
		
        .grid
        {
            border-color: #cccccc;
            border-style: solid;
            border-width: 1px 1px 1px 1px;
            border-spacing: 1;
            border-collapse: collapse;
        }
        
        .grid th, .grid td
        {
            border-color: #cccccc;
            border-style: solid;
            border-width: 1px 1px 1px 1px;
        }
        
        .invalid, .invalid:focus
        {
        	background-color: #ffcccc;
        }

        .review
        {
        	background-color: #FFEFA3;
        }

        .passed {
            background-color: #B6EAB8;
        }
        
        .validrange
        {
        	color: #ffffff;
        }
        
        .autotab
        {
        	margin-bottom: 10px;
        }
        
        acronym
        {
			border-bottom: dashed 1px #666;
			cursor: help;
        }

        .displaytable td {
            padding: 5px 7px 5px 7px;
            vertical-align: middle;
            border-collapse: collapse;
        }

        .logintable td {
            padding: 7px 10px 7px 10px;
        }

        .options {
            margin-bottom: 10px;
        }
        
        .options td {
            padding: 4px;
            vertical-align: middle;
        }
        
        .qrysum {
        	padding: 2px 4px 2px 4px;
        	margin-top: 5px;
        	background-color: #ECF2FA;
        	border: solid 1px #ccc;
        	cursor: pointer;
        }
        
        .dragger {
        	/*cursor: url(/marking/Assets/images/openhand.cur), move !important;*/
        	cursor: crosshair;
        }
        
        a.selected {
		  background-color:#1F75CC;
		  color:white;
		  z-index:100;
		}
		
		.messagepop {
		  background-color:#FFFFFF;
		  border:1px solid #999999;
		  cursor:default;
		  display:none;
		  position:absolute;
		  text-align:left;
		  width:310px;
		  z-index:50;
		  padding: 5px;
		}
		
		/*label {
		  display: block;
		  margin-bottom: 3px;
		  padding-left: 15px;
		  text-indent: -15px;
		}*/
		
		.messagepop p, .messagepop.div {
		  border-bottom: 1px solid #EFEFEF;
		  margin: 8px 0;
		  padding-bottom: 8px;
		}
		
		.notification {
        	padding: 6px 8px 6px 8px;
        	margin-top: 0px;
        	margin-bottom: 20px;
        	background-color: #ECF2FA;
        	border: solid 1px #ccc;
        	width: 600px;
        }
        
        .completenotification {
            padding: 6px 8px 6px 8px;
        	margin-top: 0px;
        	margin-bottom: 20px;
        	background-color: #E2FFE5;
        	border: solid 1px #ccc;
        	width: 600px;
        }
        
        .acklink {
            float:right;
            padding-top:20px;
            padding-left:10px;
            padding-right:10px;
        }
        
        .ackmsg {
            border: solid 1px #ccc;
            font-weight: bold;
            padding: 5px;
        }

        .qrysaving {
            float: left;
            margin-top: 20px;
        }

        .qrysaving:before {
            content: "\f110"; /* fa-spinner */
            font-family: 'Font Awesome 7 Free';
            padding-right: 5px;
        }
        
        .qryerror {
            margin-left: 15px;
            color: Red;
            font-weight: bold;
        }    
      
/* ruler amendments */

		.imgposrel {
			position: relative;
		}
			
		.tblink {
            text-decoration: underline;
			cursor: pointer;
			color: #30f;
			FONT-FAMILY: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
			float: left;
            padding: 0px 5px 0px 5px;
        }
        
        #tbOutput {
        	font-weight: bold;
        	padding: 0px 10px 0px 10px; 
        	background-color: #ffffff;
        }
        
        .makebold {
        	font-weight: bold;
        }

        .css-button{ 
            padding: 8px; 
            text-align: center; 
            background: #F6F6F6; 
            border-width: 1px; 
            border-style: solid; 
            border-color: #DCDCDC; 
            border-radius: 4px; 
        }

        .css-button-enabled {
            padding: 7px; 
            text-align: center; 
            background: #F6F6F6; 
            border-width: 2px;
            border-style: solid;
            border-color: #666;
            border-radius: 4px;
        }

        .css-button:hover, .css-button-enabled:hover {
            cursor: pointer;
        }

        .css-button.disabled:hover {
            cursor: default;
        }

        #lblPage {
            font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
            border-width: 1px; 
            border-style: dashed;
            border-color: #DCDCDC; 
            border-radius: 6px;
            padding: 2px; 
            margin-left: 5px; 
        }

        .selmk {
	        border: solid 1px #b5b6b7;
	        background-color: #F4F6F9;
	        padding: 0 2px 0 2px;
	        margin-right: 3px;
            margin-bottom: 5px;
            white-space: nowrap;
            display: inline-block;
            border-radius: 4px
	    }
	
	    .remLink {
	        cursor: pointer;
	        color: #dc3545;
            font-weight: bold;
	    }

        .markinglayout {
            border: #ccc 1px solid;
            margin: 0pt auto; 
        }

        .markinglayout td {
            padding: 5px;
        }

        :focus {
            outline: auto 5px -webkit-focus-ring-color !important;
        }

        	.markingsummary td {
	    border: solid 1px #ccc;
	    padding: 0px 5px 0px 5px;
	    text-align: center;
	}

	.markingsummary th {
	    border: solid 1px #ccc;
	    padding: 0px 5px 0px 5px;
	    background-color: #0000000d;

	}

	.markingsummary {
	    border-collapse: collapse;
	}

	.answergrid td {
	    border: solid 1px #eee;
	    padding: 3px 5px 3px 5px;
	    text-align: center;
	    vertical-align: bottom;
	}

	.answergrid {
	    border-collapse: collapse;
	}
	
	

	.disabled {
		opacity:0.3;
		filter:alpha(opacity=40); /* For IE8 and earlier */
	}
	
	.imgtooltip {
		border: solid 1px #ccc;
		padding: 5px;
		text-align: center;
		background-color: #fff;
		
	}
	
	#resultSpan {
		font-weight: bold;
		padding-right: 5px;
	}
	
	.annotationTick {
		background-image: url(/marking/Assets/images/tick_big.png);
		background-repeat: no-repeat;
		height: 32px;
		width: 46px;
	}
	
	.annotationComment {
        /*
		background-image: url(/marking/Assets/images/comment.png);
		background-repeat: no-repeat;
		height: 32px;
		width: 46px;
        */

        background-color: #FFF1AD;
        border: 1px solid #FFD800;
        padding: 5px;
        font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	}

/*************************************************************************************/

/* CSS for updated messaging 2/16 */

    .msgrow td {
        cursor: pointer;
        background-color: #ffffff;
    }

    .unread td {
        background-color: #fdfdfd !important;
        font-weight: bold;
    }

    .msgtextbox {
        width: 400px;
    }

    .msgtextdrop {
        width: 407px;
    }

    .msgtextarea {
        width: 600px;
    }

    .current td {
        background-color: #d3e3f2 !important;
    }

    #msgNavigation {
        margin-left:auto;
        min-width: 190px;
        padding-left: 10px;
        display: flex;
        justify-content: right;
        align-items: center;
    }

    #msgNavigation > * {
        margin-left: 5px;
    }

    #msgOptDropdown {
        font-size: 14px;
    }


/*************************************************************************************/

/* javascript loading indicator */
#TB_load {
	background: #fff;
	border: #ccc 1px solid;
	font-size: 16px;
	position: fixed;
	display:none;
	height:60px;
	width:180px;
	z-index:2000;
	top: 50%;
	left: 50%;
	padding: 10px;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
    border-radius: 4px;
    align-content: center;
    text-align: center;
}

#TB_load span {
    padding-left: 12px;
}

/*************************************************************************************/

.stdsummary td {
    border: solid 1px #DDD;
}

.stdsummary {
    border-collapse: collapse;
}

.stdpass {
    background-color: #CEFFCF;
}

.stdfail {
    background-color: #FFC9BF;
}

/* Standardisation Record Marks Display */
.marks-per-record-header {
    font-weight: bold;
}

#markers-table-scroll {
    overflow-x: auto;
    margin: 0px auto;
    width: 1000px;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 9999 !important; /* Display the drop down */
}

.dt-paging-button.page-item.active .page-link {
    background-color: rgba(var(--dt-row-stripe), 0.05) !important;
    border: solid 1px #dee2e6;
}

.dt-paging-button.page-item .page-link, .dt-paging-button.page-item .page-link:hover {
    color: #666;
}

div.dt-processing > div:last-child > div, .dropdown-item:active, li > a.dropdown-item:hover, .btn-light:hover, .btn-light:active {
    background-color: #e6e6e6 !important;
}

.btn-light, .form-control, .form-select, .form-check-input {
    border-color: #c6c7c8 !important;
}

.form-check-input:checked, .ui-state-active {
    background-color: #337ab7 !important;
}

.form-control:focus, .form-select:focus, .form-check-input:focus {
    box-shadow: none; /*Remove the bootstrap blue border around element when it has focus*/
}

.filterselect, .select-auto-width {
    width: auto;
    display: inline-block;
    margin-right: .5em;
}

.table-bordered, table.dataTable > tbody > tr > td, table.dataTable > tbody > tr > th {
    border: 1px solid #b5b6b7;
}

table.dataTable.table-bordered th:last-child, table.dataTable.table-bordered td:last-child {
    border-right: 1px solid #b5b6b7;
}

table.dataTable.table-bordered tr:last-child th {
    border-bottom: 1px solid #b5b6b7;
}

/* Update table hover colour, default light grey is blending in with header background colour */
table.table-hover > tbody > tr:not(.detrow):not(.subrow):hover > * {
    background-color: #ecf2fa !important;
    box-shadow: none !important;
}

.detrow:hover > *, .subrow:hover > * {
    background-color: #fff !important;
    box-shadow: none !important;
}

thead tr.table-secondary th, tfoot tr.table-secondary th, tbody tr.table-secondary th {
    background-color: #0000000d !important;
}

.table-striped-with-collapsed-row tr:nth-child(4n+1) td, .table-striped-with-collapsed-row tr:nth-child(4n+2) td {
    background-color: #0000000d;
}

li > a.dropdown-item {
    font-size: 14px;
}

li > a.dropdown-item:hover, a.btn.btn-light:hover, a.btn.btn-primary:hover {
    text-decoration: none !important;
}

/* Fix for bootstrap-multiselect to reduce the margin for each dropdown item */
.multiselect-container .multiselect-group .form-check-label, .multiselect-container .multiselect-option .form-check-label {
    margin-bottom: 0px;
    font-size: 14px;
}

.multiselect-container .multiselect-group .form-check-label {
    font-weight: bold;
}

.btn-primary {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.btn-primary:hover, .btn-primary:active {
    background-color: #286090 !important;
    border-color: #122b40 !important;
}

.btn-info {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.btn-info:hover, .btn-info:active {
    color: #fff !important;
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
}

.text-primary {
    color: #337ab7 !important;
}

.text-info {
    color: #31708f !important;
}