/*
Styles that need revisiting
*/
/* 
    Created on : 09-Sep-2016, 16:59:44
    Author     : mainge
*/


/**
TEMPORARY - FIX MARK UP AND REMOVE/ALTER NAMING IN FUTURE
**/


table.ops_page_2col, 
table.ops_page_2col > thead > tr, 
table.ops_page_2col > thead > tr > td, 
table.ops_page_2col > tbody > tr,
table.ops_page_2col > tbody > tr > td,
table.ops_page_2col > tfoot > tr,
table.ops_page_2col > tfoot > tr > td {
	background-color: transparent;
	border: none ;
}
table.ops_page_2col > tbody > tr:hover {
	color: inherit ;
}

/** Log thread classes **/

table:not(.mceToolbar).ops_threadview_thread_table th, 
table:not(.mceToolbar).ops_threadview_thread_table td
{
	/*border: 1px solid #b8c4e1;*/
	vertical-align: middle ;
	text-align: left !important;
	border: 0 ;
}

.centered table:not(.mceToolbar).ops_threadview_thread_table td, 
.centered table:not(.mceToolbar).ops_threadview_thread_table th {
	text-align: center !important;
}

td.ops_threadview_post_meta {
	vertical-align: top !important ;
	font-size: 0.8rem ;
}

table:not(.mceToolbar).ops_threadview_thread_table th {
	font-weight: bold !important;
	border-radius: 0.5em ;
}

table:not(.mceToolbar).ops_threadview_thread_table,
table:not(.mceToolbar).ops_threadview_meeting { 
	font-size: 1rem ;
	border-collapse: separate ;
	background-color: white ;
	padding: 0.5em;
	border-radius: 0.5em 0 0.5em 0.5em ;
}

.ops_threadview_post_options {
	margin: 0 ;
	text-align: right;
	float: right;
}

/** Highlights **/

.ops_threadview_thread.ops_page_highlight_orange th,
td.ops_page_highlight_orange,
th.ops_page_highlight_orange, 
.ops_page_highlight_orange :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--orange) !important ;
	border-color: var(--orange) !important ;
	color: var(--text-white) !important;
	
}

.ops_threadview_thread.ops_page_highlight_yellow th,
td.ops_page_highlight_yellow ,
th.ops_page_highlight_yellow , 
.ops_page_highlight_yellow  :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--yellow) !important ;
	border-color: var(--yellow) !important ;
	color: var(--text-black) !important;
}
.ops_threadview_thread.ops_page_highlight_red th,
td.ops_page_highlight_red ,
th.ops_page_highlight_red ,
.ops_page_highlight_red  :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--red) !important ;
	border-color: var(--red) !important ;
	color: var(--text-white) !important;
}
.ops_threadview_thread.ops_page_highlight_black th,
td.ops_page_highlight_black ,
th.ops_page_highlight_black , 
.ops_page_highlight_black :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--text-dark) !important ;
	border-color: var(--text-dark) !important ;
	color: var(--text-white) !important;
}
.ops_threadview_thread.ops_page_highlight_grey th,
td.ops_page_highlight_grey ,
th.ops_page_highlight_grey , 
.ops_page_highlight_grey :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--text-light) !important ;
	border-color: var(--text-light) !important ;
	color: var(--text-white) !important;
}
.ops_threadview_thread.ops_page_highlight_blue th,
td.ops_page_highlight_blue ,
th.ops_page_highlight_blue , 
.ops_page_highlight_blue :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--blue) !important ;
	border-color: var(--blue) !important ;
	color: var(--text-white) !important;
}
.ops_threadview_thread.ops_page_highlight_babyblue th,
td.ops_page_highlight_babyblue ,
th.ops_page_highlight_babyblue , 
.ops_page_highlight_babyblue :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--blue) !important ;
	border-color: var(--blue) !important ;
	color: var(--text-white) !important;
}
.ops_threadview_thread.ops_page_highlight_purple th,
td.ops_page_highlight_purple ,
th.ops_page_highlight_purple , 
.ops_page_highlight_purple :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--purple) !important ;
	border-color: var(--purple) !important ;
	color: var(--text-white) !important;
}
.ops_threadview_thread.ops_page_highlight_green th,
th.ops_page_highlight_green , 
td.ops_page_highlight_green ,
.ops_page_highlight_green :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--green) !important ;
	border-color: var(--green) !important ;
	color: var(--text-white) !important;
}
.ops_threadview_thread.ops_page_highlight_white th,
td.ops_page_highlight_white ,
th.ops_page_highlight_white ,
.ops_page_highlight_white :is(.ops_page_headedbox_header, .qtip-titlebar, .header, a) {
	background-color: var(--ui-light) !important ;
	border-color: var(--ui-mid) !important ;
	color: var(--text-dark) !important;
}
th.ops_page_highlight_plaingrey, th.ops_page_highlight_plaingrey a {
	background-color: var(--text-light) !important ;
	border-color: var(--text-light) !important ;
	color: var(--text-white) !important;
}

.ops_threadview_icon
{
	vertical-align: text-bottom;
	margin-right: 5px;
}

.ops_threadview_icon_right 
{
    float: right;
	margin-left: 5px;
}

.ops_threadview_post_inactive
{
    background-color: #eee;
}
.ops_threadview_thread_noborder 
{
    border: none !important;
}


/* elevation- colouring */
/* elevation-one */
.ops_threadview_post_level_1
{
    background-color: #fef9ab;
}
.ops_threadview_post_level_1 .ops_threadview_post_meta
{
    border-right: 1px solid #f0e219;
    background-color: #fdf68e;
}

/* eleavtion_two */
.ops_threadview_post_level_2
{
    background-color: #ffcf9a;
}
.ops_threadview_post_level_2 .ops_threadview_post_meta
{
    border-right: 1px solid #ffa748;
    background-color: #ffbf7a;
}

/* elevation-three */
.ops_threadview_post_level_3
{
    background-color: #ff7575;
}
.ops_threadview_post_level_3 .ops_threadview_post_meta
{
    background-color: #fb5959;
    border-right: 1px solid #e83434;
}
.ops_threadview_post_level_3 .ops_threadview_post_meta_date 
{
    color: Black;
}

/* Pastoral Log 'Staff Out' list */
.flx_pastoralLog_thread_staff {
	background-image: url('../Icons/P/inbox-document-text.png') ;
	background-position: 1em 50% ;
	background-repeat: no-repeat ;
	padding: 0.6em 0.6em 0.6em 4em ;
	margin: 0.6em;
	border-radius: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #fff ;
	background-color: #fff;
	color: #aaa ;
	font-style: italic ;
	font-weight: normal ;
	text-transform: none;
	cursor: pointer ;
}
.flx_pastoralLog_thread_staff:hover {
	border-color: #95DB00 ;
	color: #000 ;
}

.flx_pastoralLog_thread_staffout {
	background-image: url('../Icons/P/inbox--exclamation.png') ;
	background-position: 1em 50% ;
	background-repeat: no-repeat ;
	padding: 0.6em 0.6em 0.6em 4em ;
	margin: 0.6em;
	border-radius: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #fff ;
	background-color: #f5f5f5;
	color: #e86f2d ;
	font-style: italic ;
	font-weight: normal ;
	text-transform: none;
	cursor: pointer ;
}

.flx_pastoralLog_thread_staffout:hover {
	background-color: #FFE2A5 ;
	border-color: #e86f2d ;
	color: #000 ;
}

/* Pastoral log SECURED threads */
.ops_thread_secured
{
	display:none;
}
#threadsWrapper.showThreadExistence > div.ops_thread_secured:not(.secure_visible),
.ops_thread_secured_show 
{
	display:block;
}
#threadsWrapper {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
}

.ops_threadview_secured
{
	display:inline-block;
	vertical-align: middle;
	padding: 0.2em 0.5em;
	background-color: #333;
	border: 1px solid #777;
    background-image: url('../Images/ops_page/header_bg_black.jpg');
	background-position: bottom;
}

.ops_threadview_secured img 
{
	margin:0;
}

.ops_threadview_post_meta {
	width: max(11vw, 10rem);
}

.ops_page_2col_col1 {
	display: inline-block ;
	vertical-align: top ;
	margin-right: 1rem ;
}

.ops_page_2col_col2 {
	display: inline-block ;
	vertical-align: top ;
}


/* TinyMCE needs to go; the below are settings to override its own css */
.defaultSkin .mceStatusbar {
	height:30px !important ;
}
body.mceContentBody {
	font-size: 0.8rem !important;
}
.mceLayout {
	width: 95% !important ;
}
.mceToolbar {
	display: block !important ;
	height: auto !important ;
}
.mceToolbar tr {
	clear: both ;
	display: flex !important ;
	flex-direction: row ;
	flex-wrap: wrap ;
	align-items: flex-start ;
}
.mceToolbar td {
	display: inline-block ;
	height: 2em;
}
#ThreadTypes th {
	font-size: 0.8rem;
}
.ops_datagrid_cornerflag_topright_blue, .ops_datagrid_cornerflag_topright_black, 
.ops_datagrid_cornerflag_topright_red, .ops_datagrid_cornerflag_topright_yellow
{
	background-repeat: no-repeat;
	background-position: 100% 0%;
}

.ops_datagrid_corner_info, .ops_datagrid_corner_alert
{
	background-repeat: no-repeat;
	background-position: bottom right;
}

.ops_datagrid_cornerflag_topright_blue
{
	background-image: url('../Images/ops_Datagrid/cornerflag_topright_blue.png');
}

.ops_datagrid_cornerflag_topright_black
{
	background-image: url('../Images/ops_Datagrid/cornerflag_topright_black.png');
}

.ops_datagrid_cornerflag_topright_red
{
	background-image: url('../Images/ops_Datagrid/cornerflag_topright_red.png');
}

.ops_datagrid_cornerflag_topright_yellow
{
	background-image: url('../Images/ops_Datagrid/cornerflag_topright_yellow.png');
}

.ops_datagrid_corner_info, .ops_datagrid_mark_verified, .ops_datagrid_mark_unverified  {
	min-width: 4em;
}

.ops_datagrid_corner_info
{
	background-image: url('../Icons/F/comment.png'); 
}

.ops_datagrid_cell_alert
{
	background-image: url('../Icons/M/icon_alert.gif'); 
	background-position: right center;
	background-repeat: no-repeat;
}

.ops_datagrid_cornerflag_topright_yellow.ops_datagrid_corner_info
{
	background-image: url('../Icons/F/comment.png'), url('../Images/ops_Datagrid/cornerflag_topright_yellow.png');
	background-position: bottom right, top right ;
}

.ops_datagrid_cornerflag_topright_blue.ops_datagrid_corner_info
{
	background-image: url('../Icons/F/comment.png'), url('../Images/ops_Datagrid/cornerflag_topright_blue.png');
	background-position: bottom right, top right;
}

.ops_datagrid_mark_verified, .ops_datagrid_mark_unverified {
	background-position: bottom left;
	background-repeat: no-repeat;
}

.ops_datagrid_mark_verified {
	background-image: url('../Icons/F/bullet_green.png');
}

.ops_datagrid_mark_unverified {
	background-image: url('../Icons/F/bullet_grey.png');
}

.ops_datagrid_corner_info.ops_datagrid_mark_verified, .ops_datagrid_corner_info.ops_datagrid_mark_unverified  {
	background-position: bottom right, bottom left ;
}

.ops_datagrid_corner_info.ops_datagrid_mark_verified  {
	background-image: url('../Icons/F/comment.png'), url('../Icons/F/bullet_green.png');
}

.ops_datagrid_corner_info.ops_datagrid_mark_unverified  {
	background-image: url('../Icons/F/comment.png'), url('../Icons/F/bullet_grey.png');
}


.ops_datagrid_highlight_yellow
, .ops_datagrid_highlight_yellow a
{
	background-color: var(--yellow) !important ;
	color: var(--text-black)         !important ;
}
.ops_datagrid_highlight_orange
, .ops_datagrid_highlight_orange a
{
	background-color: var(--orange) !important ;
	color: var(--text-white)            !important ;
}
.ops_datagrid_highlight_red
, .ops_datagrid_highlight_red a
{
	background-color: var(--red) !important ;
	color: var(--text-white)            !important ;
}
.ops_datagrid_highlight_black
, .ops_datagrid_highlight_black a
{
	background-color: var(--text-dark) !important ;
	color: var(--text-white) !important;
}
.ops_datagrid_highlight_blue
, .ops_datagrid_highlight_blue a
{
	background-color: var(--blue) !important ;
	color: var(--text-white) !important;
}
.ops_datagrid_highlight_lightblue
, .ops_datagrid_highlight_lightblue a
{
	background-color: var(--blue) !important ;
	color: var(--text-white) !important;
}
.ops_datagrid_highlight_purple
, .ops_datagrid_highlight_purple a
{
	background-color: var(--purple) !important ;
	color: var(--text-white) !important;
}
.ops_datagrid_highlight_green
, .ops_datagrid_highlight_green a
{
	background-color: var(--green) !important ;
	color: var(--text-white)            !important ;
}
.ops_datagrid_highlight_grey
, .ops_datagrid_highlight_grey a
{
	background-color: var(--text-light) !important ;
	color: var(--text-white) !important;
}

.ops_datagrid_highlight_lightgrey
, .ops_datagrid_highlight_lightgrey a
{
	background-color: var(--text-light) !important ;
	color: var(--text-white) !important;
}

.ops_datagrid_cell_va
{
	color: #fff               !important ;
	font-size: 1.5em;
}

td.ops_datagrid_cell_right {
	text-align: right;
}
td.ops_datagrid_cell_center {
	text-align: center;
}
.ops_datagrid_center_all_cells tbody td {
	text-align: center;
}
td.ops_datagrid_cell_nopadding {
	padding: 0 !important;
}
td.ops_datagrid_cell_grey {
	text-align: center;
	background-color: #bdbdbd;
}
td.ops_datagrid_cell_lightgrey {
	text-align: center;
	background-color: #E2E2E2;
}
td.ops_datagrid_cell_lightblue {
	text-align: center;
	background-color: #c7d9e5;
	/*#e9f2f9*/
	/*rgb(209, 229, 199)*/
}
td.ops_datagrid_cell_bold {
	font-weight: bold;
}
td.ops_datagrid_cell_grey {
	text-align: center;
	background-color: #bdbdbd;
}

td.ops_datagrid_cell_nowrap {
	white-space: nowrap;
}

.ops_datagrid_cell_paragraph {
	max-width: 35em;
	white-space: normal;
}

td.ops_datagrid_cell_registermark, td input.flx_register_markscript_markable
{
	font-weight: bold;
	text-align: center;
	cursor: pointer ;
	min-width: 2.5em !important ;
	margin-left: auto ;
	margin-right: auto ;
}

td.ops_datagrid_cell_btecmark
{
	font-weight: bold;
	text-align: center;
}

.datagrid tbody td.ops_datagrid_cell_squeeze {
	width: 6em;
	white-space: normal;
	font-size: 0.9rem  ;
	overflow: hidden ;
	text-overflow: ellipsis ;
	padding: 0.2em  ;
}

.ops_form_element_colourpicker_frozen {
    background-color: #ee1e23;
    width: 4em;
    height: 2em;
    margin: auto;
    border-radius: 0.4em;
	border-color: #ccc ;
	border-width: 1px ;
	border-style: solid ;
}

tr.ops_remove_row_sorting td.tablesorter-header {
	background: none;
}

/* Row highlight used to draw attention to data changed in workflow records */
tr.ops_form_table_row_changeHighlight {
	background-color: #fff7cc ;
}

td.ops_datagrid_dynamic_buttonCell_Add ,
td.ops_datagrid_dynamic_buttonCell_Remove {
	cursor: pointer ;
	user-select: none ;
}

td.ops_datagrid_dynamic_buttonCell_Add .ops_datagrid_dynamic_button,
td.ops_datagrid_dynamic_buttonCell_Remove .ops_datagrid_dynamic_button {
	transition-property: all ;
	transition-duration: 0.3s;
	transition-timing-function: var( --ease-out-quint-natural );

	transform: scale( 1, 1 );
	-ms-transform:scale(1); /* IE 9 */
	-webkit-transform:scale(1); /* Opera, Chrome, and Safari */
}

/*
* CSS3 Animation testing on buttons 
*/
td.ops_datagrid_dynamic_buttonCell_Add:active {
	background-color: #80ff80;
	/*transition-duration: 0s;*/
} 

tbody tr:not(:first-child) td.ops_datagrid_dynamic_buttonCell_Remove:active {
	background-color: #ff8080;
	/*transition-duration: 0s;*/
} 

td.ops_datagrid_dynamic_buttonCell_Add:active .ops_datagrid_dynamic_button, 
td.ops_datagrid_dynamic_buttonCell_Remove:active .ops_datagrid_dynamic_button {
	/* Press effect */
	transform: scale( 0.8 , 0.8);
	-ms-transform:scale(0.8); /* IE 9 */
	-webkit-transform:scale(0.8); /* Opera, Chrome, and Safari */

	transition-duration: 0s;
}

th.flx_register_markscript_markable {
	cursor: pointer ;
}
.flx_register_markscript_markable {
	caret-color: transparent;
}
.flx_register_markscript_markable::selection {
	background: transparent;
}

.ops_magnify, .magnify, :is(.ops_magnify, .magnify):is(.qtip-content, .message.help, .message.warn) {
    font-size: 1.3em ;
}

table.ops_magnify:not(.mceToolbar) {
	font-size: 1.05rem ;
}

.ops_huge {
	font-size: 2em;
}

.ops_faded
{
	opacity:0.4;
	background-color:#eee;
}

/*
* ops_Schedule
*/

.ops_schedule {
	overflow-x: auto;
}

.ops_schedule .ops_schedule_header, .ops_schedule .ops_schedule_body {
	min-width: 31rem;
}

.ops_schedule_header {
	overflow: auto;
}

.ops_schedule_header_days {
	overflow: hidden;
	font-weight: bold;
	background-color: #eee;
	text-transform: capitalize;
}

.ops_schedule_header_day {
	background-position: bottom;
	padding: 5px;
	font-size: 0.8em;
	float: left;
	width: 25%;
	text-align: center;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.ops_schedule_header_day_highlight {
	background-color: white;
	padding: 5px;
	font-size: 0.8em;
	float: left;
	width: 25%;
	text-align: center;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
}

.ops_schedule_header_day:last-child { 
	border-right: 1px solid #dfdfdf;
}
.ops_schedule_header_timescale {
	height: 100%;
	float: left;
}

.ops_schedule_body {
	height: 100%;
	text-align: left;
	font-size: 0.8em;
	overflow: auto;
}

.ops_schedule_body_days {    
	position: relative;
	overflow: hidden;
}


.ops_schedule_body_day {
	float: left;
	height: 100%;
	position: relative;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf; 
	overflow:hidden;
}

.ops_schedule_body_day:last-child {
    border-right: 1px solid #dfdfdf;
}

.ops_schedule_body_timescale {
	float: left;
	height: 100%;
	/* border-top: 1px solid #c7d9e5; */
	border-left: 1px solid #dfdfdf;
}

.ops_schedule_body_timescale .ops_schedule_body_timescale_time:nth-child(even) {
	background-color: #fbfbfb;
}


.ops_schedule_body_timescale .ops_schedule_body_timescale_time:nth-child(odd) {
	background-color: #f5f5f5;
}

.ops_schedule_body_timescale_time {
	text-align: center;
	border-top: 1px solid #dfdfdf;
}

.ops_schedule_body_timescale_time_highlight {
	background-color: #f9f7f7;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #dfdfdf;
}

.ops_schedule_body_timescale_time:last-child {
	border-bottom: 1px solid #dfdfdf;
}

.ops_schedule_body_timescale_time_highlight:last-child {
	border-bottom: 1px solid #dfdfdf;
}

.ops_schedule_body_day, .ops_schedule_header_day, .ops_schedule_header_day_highlight, 
.ops_schedule_body_timescale, .ops_schedule_body_timescale_time, 
.ops_schedule_body_timescale_time_highlight, .ops_schedule_block, 
.ops_schedule_block_highlight, .ops_schedule_event, .ops_schedule_event_highlight {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ops_schedule_block {
	position: absolute;
	background: #FFF;
	width: 100%;
	border-style: solid;
	border-width: 0 0 1px 0;
	
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	overflow: hidden;
}

.ops_schedule_block_highlight {
	position: absolute;
	background: #FFF;
	width: 100%;
	border-style: solid;
	border-width: 3px 3px 3px 3px;
	
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	overflow: hidden;
}

.ops_schedule_event {
	padding: 2px;
	position: absolute;
	background: #FFF;
	width: 100%;
	border-style: solid;
	border-width: 0 0 2px 0;
	overflow: hidden;
	font-size: 0.75rem;
	
}

.ops_schedule_event_highlight {
	position: absolute;
	background: #FFF;
	width: 100%;
	border-style: solid;
	border-width: 3px;
	overflow: hidden;
}

.ops_schedule_event_text {		
	text-align: center;
	overflow: hidden;
}

.ops_schedule_event_text a {
	text-decoration: none;
	color: inherit;
}
 
.ops_schedule_event_overlapping_events Strong {
	color: red;
}

.ops_schedule_event_overlapping_events_icon {
	text-align: center;
	margin-top: 5px;
}

.ops_schedule_event_overlapping_blocks {
	text-align: center;
	font-size: 0.8rem;
	margin-top: 4px;
	overflow: hidden;
	color: #555555;
}

.ops_schedule_event_description {
	text-align: center;
	margin-top: 4px;
	overflow: hidden;
	color: #555555;
}

.ops_schedule_event_description > ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

.ops_schedule_event_description > ul li {
	padding-left: 12px;
	padding-right: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ops_schedule_event_tooltip > ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

.ops_schedule_event_tooltip .ops_schedule_event_description {
	text-align: left;
}


@media print {
	
	.ops_schedule_paginator {
		visibility: hidden;
	}
	
	.export_options {
		visibility: hidden;
	}
	
	.ops_schedule_event_text {
		font-size: 0.75em;
	}
	
	.ops_schedule_event_overlapping_blocks {
		margin-top: 2px;
		font-size: 0.7em;
	}
	
	.ops_schedule_event_description {
		margin-top: 2px;
		font-size: 0.7em;
	}
	
	.ops_schedule_event_description ul {
		margin: 0px;
	}
	
	.ops_schedule_block_highlight {
		position: absolute;
		background: #FFF;
		width: 100%;
		border-style: solid;
		border-width: 0 0 1px 0;

		text-align: center;
		font-weight: bold;
		font-size: 1.3em;
		overflow: hidden;
	}
	
	.ops_schedule_event_highlight {
		position: absolute;
		background: #FFF;
		width: 100%;
		border-style: solid;
		border-width: 0 0 2px 0;
		overflow: hidden;
	}
	
	.ops_schedule_body_timescale_time_highlight {
		text-align: center;
		border-top: 1px solid #c7d9e5;
		font-weight: normal;
	}
	
	.ops_schedule_header_day_highlight {
		background-color: white;
		background-position: bottom;
		background-image: url('../Images/ops_page/header_bg.jpg');
		padding: 5px;
		font-size: 0.9em;
		float: left;
		width: 25%;
		text-align: center;
		border-top: 1px solid #c7d9e5;
		border-left: 1px solid #c7d9e5;
	}
	
	#ops_page_content .ops_schedule_event_description > ul li {
		padding-left: 0px;
		padding-right: 0px;
		overflow: visible;
		white-space: normal; 
	}

	.ops_schedule_event_overlapping_events_icon {
		display: none;
	}
}


.flx_survey_results_question {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 2em;
}

.flx_survey_results_text_answers{
	width: 50em;
	height: 20vh;
	max-width: 100%;
	min-height: 20em;
	overflow-y: scroll;
	margin-top: 1em;
}

.flx_survey_results_text_answers p {
	margin: 0.3em;
	background-color: #DDD;
	padding: 0.3em;
}


/*
* ops_Visualization
*/

.ops_visualization {
	display: inline-block
}




/**
  __  __  ____  _   _ _____ _______ ____  _____  _____ _   _  _____ 
 |  \/  |/ __ \| \ | |_   _|__   __/ __ \|  __ \|_   _| \ | |/ ____|
 | \  / | |  | |  \| | | |    | | | |  | | |__) | | | |  \| | |  __ 
 | |\/| | |  | | . ` | | |    | | | |  | |  _  /  | | | . ` | | |_ |
 | |  | | |__| | |\  |_| |_   | | | |__| | | \ \ _| |_| |\  | |__| |
 |_|  |_|\____/|_| \_|_____|  |_|  \____/|_|  \_\_____|_| \_|\_____|
                                                                    
 **/

.flx_monitoring_summary_classlist {
	vertical-align: middle;
    text-align: center;
	margin-top: 0.5em;

	position: relative ;
}

.flx_monitoring_summary_classlist {
	text-align: left ;
}

.flx_monitoring_summary_classlist {
	text-align: center ;
}


.flx_monitoring_summary_course {
	display: inline-block ;
	margin-right: 0.4em;
	font-weight: bold; 
	padding:0.2em 0.4em;
}

.flx_monitoring_summary_course:hover {
	background-color: #e9f2f9 ; /*  #fff0ba; */
}

.flx_monitoring_summary_class {
	display: inline-block ;
	font-size: 1.5em ;
	font-weight: normal ;
	margin-top: 0.25em;
}

.flx_monitoring_summary_class_grade {
	display: inline-block;
	height:1.2em;
	width:1.2em;
	background-color: var(--text-dark)  ;
	color: #fff ;
	font-size: 5em ;
	font-weight: bolder ;
	line-height: 1.2em;
	margin: 0 ;		

    overflow: hidden;

    border: 1px solid black;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	
	text-align: center;
}

a.flx_monitoring_summary_classLink:hover .flx_monitoring_summary_class_grade {
	text-decoration: none ;
}

.flx_monitoring_summary_help {
	position: absolute ;
	right: 1em ;
	width: 2em;
	height: 2em;
}

#flx_monitoring_summary_legend {
	/*position: absolute ;
	z-index: 100 ;*/
	width:auto;
}

#flx_monitoring_summary_legend tr td {
	padding: 0.5em ;
	width: 3em ;
}

/* Monitoring module */

.monitoring h1 {
    margin-bottom: 10px;
}

.monitoring .value-added .message-container {
    float: right;
    width: 30%;
}

.monitoring.course-view .message-container {
    float: right;
    width: 25%;
}

.monitoring .value-added .altered-message {
    border: 2px solid #FFA8A8;
    background-color: #F7D9D9;
}

.monitoring .value-added .filtered-message {
    border: 2px solid #CECE8E;
    background-color: #F5E7A1;
}

.monitoring .fake-link {
    cursor: pointer;
}

.monitoring .filters li.reset-filters a {
    border-radius: 4px;
    display: block;
    height: 100%;
	text-align: center ;
	padding: 0.5em;
	font-size: 1.25em;
	color:white;
}

.monitoring .value-added .invisible-message {
    visibility: hidden;
    display: block;
    width: auto;
    border-radius: 3px;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    margin-bottom: 5px;
}

.monitoring .value-added.filtered .filtered-message {
    visibility: visible;
	display:none;
}

.monitoring .initialValueTable {
    width: 100%;
}

.monitoring .initialValueTableContainer {
    float:left;
    border: 1px solid black;
    margin-right: 10px;
    width: 250px;
    margin-top: 25px;
}

.monitoring .initialValueTableContainer .title {
    text-align: center;
    background-color: #DDD;
    padding: 4px;
}

.monitoring .initialValueTableContainer .title a {
    text-decoration: none;
}

.monitoring .initialValueTableContainer .title a:hover {
    text-decoration: none;
    font-weight: bold;
}

.monitoring .main-area {
    width: 68%;
    padding-top: 1px;
}

.monitoring .gradesTable {
    margin-top: 10px;
    width: 100%;
}

.monitoring .gradesTable .grade-names {
    font-size: 150%;
}

.monitoring .gradesTable input[type="number"] {
    max-width: 45px;
}

.monitoring .initial-expected-value {
    background-color: #D8FF00;
    font-size: 130%;
    padding: 0px 3px;
    border-radius: 5px;
    border: 2px solid #70A945;
}

.monitoring .value-added .results.current-class {
    cursor: pointer;
    background: linear-gradient(112deg, #CCC, #EEE,#CCC);
}


/* Ordering of the class VA scores based on display width */
@media(max-width: 550px) {
	.monitoring .va-score-boxes-container{
		flex-wrap: wrap;
	}
	.monitoring .value-added .results.class-overall-average {
		order:1;
	}
	.monitoring .value-added .results.current-class {
		order:3;
	}
	.monitoring .value-added .results.course-average {
		order:2
	}
}


.monitoring .assignment-panel {
    text-align: center ;
	display: flex ;
	flex-direction: column ;
}

.monitoring .assignment-va-boxes-and-inputs {
    margin-left: auto;
	margin-right: auto;
    display:inline-block;
}

.monitoring .final-results-box .no-results-message {
    display: none;
    /*width: 250px;*/
    /*top: -100px;*/
    position: relative;
}

.monitoring .final-results-box {
    display: inline-block;
    /*margin-right: 30px;*/
    /*width: 300px;
    height: 400px;*/
}

.monitoring .mismatch-message-container {
    text-align: center;
}

.monitoring .value-added.altered .results.current-class,
.monitoring .altered-student-mismatch-message {
    background: repeating-linear-gradient(
        45deg, 
        /* Stripe Colour 1 */
        #efefef, 
        #efefef 10px, 
        /* Stripe Colour 2 */
        #e2e2e2 10px, 
        #e2e2e2 20px 
     );
}

.monitoring .results .percentile-name {
    margin-top: 15px;
    font-weight: bold;
}

.monitoring .results .results-pop-out {
    position: absolute;
    display: none;
    top: -112px;
    background-color: #DDD;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 2px solid #DE6A6A;
    width: 100%;
    left: -2px;
    border-bottom: none;
}

.monitoring .final-results-box {
    margin-bottom: 20px;
}

.monitoring .percentile-name {
    font-size: 125%;
}

.monitoring .class-final-average .percentile-name {
    font-size: 120%;
    margin-top: 5px;
}

.monitoring.class-view .results.class-final-average {
    background: linear-gradient(45deg, #777, #AAA, #777);
    color: #FFF;
    width: auto;
    min-width: 270px;
    margin-left: auto;
    margin-right: auto; 
    height: 320px;
    width: 300px;
    border-radius: 0.3em;
}

.monitoring .va-score-boxes-container {
    display: flex;
    justify-content: center;
	flex: 0 1 15em ;
}

.monitoring .results {
    text-align: center;
    position: relative;
    padding: 10px 15px 15px 15px;
	border-radius: 0.5em ;
/*    border: 1px solid #ACA9A9;

    box-shadow: 1px 1px 4px #AAA7A7;
    */
}

.monitoring.class-view .results {
    width: 15em;
    height: 15em;
}

.monitoring .points {
    font-weight: bold;
    font-size: 150%;
}

.monitoring .results .percentile-window-surround  {
    margin-left: auto;
    margin-right: auto;
}

.monitoring input.live_result {
    font-size: 150%;
}

.monitoring .results .percentile-window  {
    /* keep in sync with other values, touch bigger than line-height of percentile-window */
    height: 120px;
    width: 120px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    margin: 3px auto;
    border-radius: 0.3em;
}

.monitoring .results .percentile-window p {
    color: #FFF;
    font-weight:bold;
    /* if you change this, change the ValuAddedMonitoring.class.js file 
     * and the percentile-window css above also
     */
    line-height: 120px;
    font-size: 115px; 
    margin: 0 0;
}

.monitoring .results .percentile-window p:last-child {
    padding-bottom: 4px;
}

.monitoring .results .percentile-strip {
    background: linear-gradient(#E20101,#E20101,#0000A0, #0000A0);
    /* if you change this, change the ValuAddedMonitoring.class.js file 
     * and the percentile-window css above also
     */
    line-height: 120px;
    top: -120px;
    position: relative;
}

.monitoring .gradesTable td.diff {
    text-align: center;
    font-weight: bold;
    font-size: 130%;
}

.monitoring .gradesTable td {
    word-wrap:break-word;
}

.monitoring .altered-student-mismatch-message {
    border-radius: 2px;
    border: 2px solid #AAA;
    padding: 0.5em;
   /* visibility: hidden;*/
    text-align: center;
    font-size: 150%;
    display: inline-block;
}

.monitoring .altered-student-mismatch-message span {
    font-weight: bold;
}

.monitoring .gradesTable .diff-above {
    color:#10B510;
}

.monitoring .gradesTable .diff-below {
    color:#B51010;
}

.monitoring .filters {
    /* float: right;
    width: auto;
     max-width: 350px; */
	margin-left: 0 ;
}

.monitoring .multi-assignments-message {
    border-radius: 5px;
    padding: 4px;
    font-size: 130%;
    display: inline-block;
    border: 2px solid #AAA;
    background-color: #A7A7F1;
}

.monitoring .filters input[type="number"] {
    float: right;
    width: 40px;
    font-size: 110%;
    top: -2px;
    position: relative;
    border-radius: 3px;
}

.monitoring ul.filters{
    padding-left: 0px !important;
}

.monitoring .filters .radio-container {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

.monitoring .filters .radio-container input[type="radio"] {
    display: inline-block;
    position: relative;
    top: 3px;
}

.monitoring .filters li {
    list-style-type: none;
    padding: 5px;
	background-color: #EEE;
    /*border-radius: 3px;*/
    /*background-color: #EAD598;*/
    /*margin-bottom: 3px;*/
}

.monitoring .filters li:hover {
	background-color: #d1ebff;
}

.monitoring .filters li.seperator{
	border-top-right-radius: 0.3em;
	border-top-left-radius: 0.3em;
    background-color: #DDD;
    font-weight: bold;
	font-size: 1em;
	margin-top: 0.5em;
}

.monitoring .filters li.flag label {
    display:  inline;
}

.monitoring .filters .flag-options {
	float: right;
	font-size: 0.8em;
}

.monitoring .filters li label {
    width: 100%;
    height: 100%;
    display: block;
}

.monitoring .filters li input[type="checkbox"],
.monitoring .filters li input[type="radio"] {
    top: 2px;
    position: relative;
}

.monitoring .assignment-select {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
}

/* These are used together to make central, variable width AND frozen table columns */
.monitoring.course-view .course-table-wide {
    max-width: 100%;
    position: relative; /* For child column absolution */
	display: inline-block ;
   /* float: left;
    left: 50%;  */
}

.monitoring.course-view .frozen-col .frozen-col-percentile {
    width: 68px;
	display: inline-block ;
}

.monitoring.course-view .frozen-col-header.short {
    height: 2.1em;
	line-height: 1 ;
}
.monitoring.course-view .frozen-col-header {
    width: 80px ;
    vertical-align: middle ;
	height: 80px ;
	line-height: 77px;
	float: left ;
}

.monitoring.course-view .course-table-relative-and-center {
    position: relative; /* For child column absolution */
    /*left: -50%;*/
}

.monitoring.course-view .course-table-scroll-and-width {
    overflow-x: scroll; 
    overflow-y: visible;
    margin-left: 160px;
    /*max-width: 75%;
    width: auto;
    display: inline-block;*/
}

.monitoring.course-view .frozen-col {
    position: absolute;
    width: 162px !important;
    left: 0px;
    top: auto;
	text-align: center ;
}

/* End of hacky bit */

.monitoring.course-view .centered-table td {
    width: 80px ;
}
.monitoring.course-view .initialValueTableContainer {
    display: none;
}

.monitoring.course-view .percentile-strip  {
    top: -60px;
}

.monitoring.course-view .percentile-window  {
    height: 60px;
    width: 60px
}

.monitoring.course-view .percentile-window p {
    line-height: 60px;
    font-size: 40px;
}

.monitoring.course-view .results .results-pop-out {
    position: absolute;
    top: -181px;
    background-color: #DDD;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #777;
    width: 200px;
    left: -2px;
    z-index: 1000;
}


.monitoring.course-view table .results {
    float: none;
    margin-left: auto;
    margin-right: auto;
	width: fit-content ;
	/*transform: scale(.8);*/
}

.monitoring.course-view .results {
    padding: 3px;
}

.monitoring .left-side {
    width: 74%;
	text-align: center ;
}

.monitoring .left-side h2 {
	text-align: left ;
}

.monitoring.course-view .course-assignment-average-container {
}

.monitoring.course-view .results.course-assignment-average {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.monitoring.course-view .results.course-final-average,
.monitoring.course-view .results.course-assignment-average,
.monitoring.course-view .results.course-overall-average {
    background-color: #EAD598;
}

.monitoring.course-view .results.course-final-average p,
.monitoring.course-view .results.course-assignment-average p,
.monitoring.course-view .results.course-overall-average p {
    font-size: 60px;
}

.monitoring .no-caps-message {
    margin: 10px auto;
    text-align: center;
}

.monitoring .assignment-select-container {
	font-size: 1.3em;
	padding: 0.5em;
	background-color: #F1F1F1;
	border-radius: 5px;
	margin-bottom: 0.2em ;
}

.monitoring.course-view select {
	font-size: 1em;
    min-width: 5em;
    display: block;
    margin: 0.5em auto;
}

.monitoring.course-view .results .percentile-window  {
    margin:auto;
}

.monitoring.course-view .results .course-assignment-average,
.monitoring.course-view .results .course-year-average {
}

.monitoring .results .no-data {
    background-color: #DDD;
}

.monitoring .value-added.class-view .filters,
.monitoring .value-added.class-view .initialValueTableContainer {
    display: none;
}

#course_filters_ui {
	width:30em;
}

.va-tooltip-chart-qtip {
    background-color: #FFF;
    border: 1px solid #777;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 2px rgba(204,204,204,0.48);
    min-width: 200px;
    width: auto !important;
    height: auto !important;
    line-height: 1.1em !important;
    font-size: 18px !important;
}

.va-tooltip-chart-qtip h3 {
    line-height:1.3em;
    padding: 3px 10px !important;
}

.va-tooltip-chart-qtip .qtip-content {
    padding: 0;
}

.va-tooltip-chart {
    font-size: 130%;
}

.va-tooltip-chart h3 {
    padding: 4px;
    font-size: 140%;
    margin-top: 0px;
    border-bottom: 2px solid #777;
    background-color: #EDEDED;
    text-align: center;
    padding-bottom: 0px;
}

.va-tooltip-chart .tooltip-body {
    padding: 6px;
}

.va-tooltip-chart .rate-percent {
    font-size: 140%;
}

.va-tooltip {
    font-weight: bolder;
}

.va-tooltip.va-score-1,
.va-tooltip.va-score-2,
.va-tooltip.va-score-3 {
    color: var(--red);
}
.va-tooltip.va-score-4,
.va-tooltip.va-score-5,
.va-tooltip.va-score-6 {
    color: #000;
}
.va-tooltip.va-score-7,
.va-tooltip.va-score-8,
.va-tooltip.va-score-9 {
    color: #00F;
}

.monitoring .percentile.percentile-1,
.monitoring .percentile.percentile-2 {
    background-color: #E20101;
}

.monitoring .percentile.percentile-3 {
    background: linear-gradient(#E20101,#E20101,#E20101,#E20101, #980202);
}

.monitoring .percentile.percentile-4 {
    background: linear-gradient(#980202, #630000, #000, #000, #000);
}
.monitoring .percentile.percentile-5 { 
    background-color: #000;
}

.monitoring .percentile.percentile-6 {
    background: linear-gradient(#000, #000006, #19014E, #010171);
}

.monitoring .percentile.percentile-7 {
    background: linear-gradient(#010171,#0000A0);
}

.monitoring .percentile.percentile-8,
.monitoring .percentile.percentile-9 {
    background-color: #0000A0;
}

/* VA Boxes for final grades in class view only */
.monitoring.class-view .fin15-results-box .percentile-strip  {
    top: -250px;
}

.monitoring.class-view .final-results-box .percentile-name  {
    font-size: 170%;
}

.monitoring.class-view .final-results-box .percentile-window  {
    height: 250px;
    width: 250px;
    border-radius: 4px;
}

.monitoring.class-view .final-results-box .percentile-window p {
    line-height: 250px;
    font-size: 240px;
}

.monitoring .attendance-red-alert {
    font-weight: bold;
    color: var(--red);
}

.monitoring .attendance-yellow-alert {
    font-weight: bold;
    color: #FBB288;
}

.monitoring .assignment-va-boxes-and-inputs .results {
    /*margin-right: 30px;*/
    border-radius: 0.25em;
}

.monitoring .assignment-va-boxes-and-inputs .results:last-child {
    margin-right: 0px;
}

.monitoring .division-chart-split .split {
    width: 49%;
    display: inline-block;
}

@media (max-width: 1450px) {
    .monitoring .final-results-box {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        zoom: 0.75;
        height: auto;
    }

    .monitoring .final-results-box .no-results-message {
        top: 0px;
    }

    .monitoring .assignment-va-boxes-and-inputs {
        zoom: 0.75;
    }
}

.course-table-wide {
	font-size:13px ;
}

.course-table-wide th {
	padding: 0.1rem !important ;
}
/*
  ______ _   _ _____     ____  ______   __  __  ____  _   _ _____ _______ ____  _____  _____ _   _  _____ 
 |  ____| \ | |  __ \   / __ \|  ____| |  \/  |/ __ \| \ | |_   _|__   __/ __ \|  __ \|_   _| \ | |/ ____|
 | |__  |  \| | |  | | | |  | | |__    | \  / | |  | |  \| | | |    | | | |  | | |__) | | | |  \| | |  __ 
 |  __| | . ` | |  | | | |  | |  __|   | |\/| | |  | | . ` | | |    | | | |  | |  _  /  | | | . ` | | |_ |
 | |____| |\  | |__| | | |__| | |      | |  | | |__| | |\  |_| |_   | | | |__| | | \ \ _| |_| |\  | |__| |
 |______|_| \_|_____/   \____/|_|      |_|  |_|\____/|_| \_|_____|  |_|  \____/|_|  \_\_____|_| \_|\_____|
                                                                                                          
*/






/* Disabled styling overrides formatting */ 
.ops_form_table_cell_element input:read-only, 
.ops_form_table_cell_element input:disabled, 
.ops_form_table_cell_element textarea:read-only,
.ops_form_table_cell_element select:disabled, 
.ops_form_table_cell_element textarea:disabled,
.ops_datagrid input:read-only, 
.ops_datagrid input:disabled, 
.ops_datagrid textarea:read-only,
.ops_datagrid select:disabled, 
.ops_datagrid textarea:disabled,
.ops_disabled
{
	background-color: #e9e9e9;
	border-style:solid;
	border-color:#ccc;
	border-width:1px;
	color: #999;
	cursor:default;
}

.ops_form_element_colourpicker_frozen {
	display: inline-block;
	width: 4em;
	height: 1.5em;
	border-width: 1px;
	border-style: solid;
	border-color: var(--text-dark)  ;
	margin: 0 1em 0 0;
}

label {
	cursor:pointer;
}



/************************/
/* */
/* Fixed rows and columns styling */
/* */
/***********************/

 .fixed_dg_wrap {
     border:1px solid rgb(186, 227, 255);
     border-radius:0.8em;
     position:relative;
	 overflow:hidden;
 }
 
 .fixed_dg_wrap .ui-slider, .fixed_dg_wrap .ui-slider-handle {
	 cursor:pointer;
 }
 
 .fixed_dg_scrollh_wrap {
     clear: left;
     padding: 2px 4px 0 2px;
     margin: 0 35px -5px -1px;
 }

 .fixed_dg_wrap .ui-slider-handle {
	 background-color: #b4d0dc;
	 background-image:url('../Images/ops_page/header_bg_babyblue.jpg');
	 background-position: bottom center;
	 background-repeat: repeat-x;
 }
 
 .fixed_dg_scrollh_wrap .ui-slider {
     background: none;
     border:0;
     height: 2em;
     margin: 0 auto;
 }

 .fixed_dg_scrollh_wrap .ui-handle-helper-parent {
     position: relative;
     width: 100%;
     margin: 0 auto;
 }
 
 .fixed_dg_scrollh_wrap .ui-slider-handle {
     top:.2em;
     height: 1.5em;
 }
 
 .fixed_dg_scrollh_wrap .ui-slider-handle .ui-icon, 
 .fixed_dg_scrollv_wrap .ui-slider-handle .ui-icon {
     margin: -8px auto 0;
     position: relative;
     top: 50%;
 }
 
 .fixed_dg_scollh_wrap .ui-handle-helper-parent, .fixed_dg_scrollh.ui-slider {
	 background-color:transparent;
	 background-image:none;
	 border:0;
 }

 .fixed_dg_scrollv_wrap {
     border:0;
     position:absolute;
     right:.15em;
     width: 2.1em;
     padding:0;
 }
 
 .fixed_dg_scrollv {
	 background-color:transparent;
	 background-image:none;
     width:100%;
     height:100%;
     border:0;
 }
 
 .fixed_dg_scrollv_wrap .ui-slider-handle {
     left:0.15em;
     width:1.5em;
 }

 .fixed_dg_labelHeadings {
     position:absolute;
     z-index:20;
 }
 
 .fixed_dg_rowLabels {
     position:absolute;
     overflow:hidden;
     z-index:15;
     margin-bottom:35px;
 }
 
 .fixed_dg_colHeadings {
     position:absolute;
     z-index:15;
 }

 .fixed_dg_colsContainer {
     position:relative;
     margin-right:35px;
     overflow:hidden;
     border-right: 1px solid #c7d9e5;
     border-bottom: 1px solid #c7d9e5;
 }
 
 .fixed_dg_wrap.ops_datagrid td, .fixed_dg_wrap.ops_datagrid th {
     padding:0.2em 0.2em;
 }
 
 .fixed_dg_wrap div .ops_datagrid, .fixed_dg_wrap div div div .ops_datagrid {
	 margin-bottom:0px;
 }

 .fixed_dg_wrap .fixed_dg_footer table {
	margin-top:1em;
        width:100%;
 }
 .fixed_dg_labelHeadings .ops_datagrid th, .fixed_dg_colHeadings .ops_datagrid th,
 .fixed_dg_labelHeadings .ops_datagrid, .fixed_dg_colHeadings .ops_datagrid {
	 border-top:0;
 }
 
 .fixed_dg_labelHeadings .ops_datagrid th, .fixed_dg_rowLabels .ops_datagrid td,
 .fixed_dg_labelHeadings .ops_datagrid, .fixed_dg_rowLabels .ops_datagrid {
	 border-left:0;
 }

 .hidden, .fixed_dg_source {
	 display:none !important ; 
 }
 .visible{
	 display:block;
 }
 
.ops_page_component_restrictHeight {
	overflow: auto;
	overflow-x: visible;
	overflow-y: scroll;
}

.ops_page_headedbox_content
{
	border-top-style: none;
	background-color: white;
	padding: 1.2em ;
}

/************************/
/* */
/* Live search */
/* */
/***********************/
#ops_page_livesearch {
    display: none;
	opacity: 0 ;
    position: absolute;
    top: 5.2rem;
    right: 0rem;
    width: 85vw;
	padding: 0 ;
	line-height: 2 ;
    /* background-color: #41b649; */
    z-index: 545;
}
#ops_page_livesearch, div.ops_page_livesearch_submenu {
	border-style: solid ;
    border-color: #41b649;
    border-width: 1px;
	/*background-color: rgba( 255,255,255,0.9 ) ;*/
	border-radius: 0.25rem;
}
#ops_page_livesearch li img.no_results {
	height: 2.5em ;
	width: 2.5em ;
}
#ops_page_livesearch_title {
}
#ops_page_livesearch ul {
	list-style: none;
	padding: 0;
	margin-left: 0 ;
}
#ops_page_livesearch li {
	/* height: 20px; */
	padding: 3px 0 3px 5px;	
	overflow: visible;
}
#ops_page_livesearch img {
	margin-right:10px;
}
#ops_page_livesearch li > a {
	display: block;
	color: #fff;
	text-decoration: none ;
	width: 100% ;
}
#ops_page_livesearch li > span {
	float: right;
	height: 1.8em ;
	width: 1.8em ;
	display: inline-block;
	background-image: url('../Icons/ui/ux2/appbar-lines-horizontal.png') ;
	background-size: contain ;
	margin-left: 0.5em ;
}
#ops_page_livesearch li:hover, #ops_page_livesearch li.ops_page_search_submenu:hover  {
	background-color: rgba( 225, 225, 225, 0.2 ); 
}
div.ops_page_livesearch_submenu {
    position: relative ;
	width: 90%;
    top: 0.5rem;
	margin-left:auto;
	margin-right:auto;
}

/** Multiselect **/

.ops_form_multiselect_new {
	display: flex;
	width: auto;
	/*max-width: 550px;*/
	flex-direction: column;
	padding-right: 10px;
}

.ops_form_multiselect_new select {
	max-width: 100%;
	overflow-y: scroll;
}


.ops_form_multiselect_new_selected, .ops_form_multiselect_new_notselected {
	min-width: 5rem;
	flex: 1;
}

.ops_form_multiselect_new_notselected_search {
	padding-left: 2px;
}

.ops_form_multiselect_new_notselected_holder {
	display: none;
}

.ops_form_multiselect_new_buttons {
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	justify-content: center;
}

.ops_form_multiselect_new_buttons_add, .ops_form_multiselect_new_buttons_remove {
	width: 2.5rem;
	height: 2.5rem;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.7;
	
	/** For button hover animation **/
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.ops_form_multiselect_new_buttons_add:hover{
	/** For button hover animation **/
	opacity: 1.0;
	transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-webkit-transition: opacity .35s ease-in-out;
}

.ops_form_multiselect_new_buttons_remove:hover {
	/** For button hover animation **/
	opacity: 1.0;
	transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-webkit-transition: opacity .35s ease-in-out;
}

.ops_form_multiselect_new_buttons_add { background-image: url("../Icons/ui/ux2/appbar-arrow-up-circle-ux3-green.png"); }
.ops_form_multiselect_new_buttons_remove { background-image: url("../Icons/ui/ux2/appbar-arrow-down-circle-ux3-green.png"); }

/** Form Date Elements **/
.form input[type=text].ops_form_element_date
, .ops_form input[type=text].ops_form_element_date {
    max-width: 8em;
}

.form input[type=text].ops_form_element_time,
.ops_form input[type=text].ops_form_element_time {
    max-width: 2.5em;
	min-width: 2.5em;
}

.ui-datepicker-prev span {
	text-decoration: underline;
	color: var(--green);
	padding-right: 5px;
	cursor: pointer;
}

.ui-datepicker-next span {
	text-decoration: underline;
	color: var(--green);	
	cursor: pointer;
}


.ops_form_element_timeSpent {
	width: 4em;
}

/** Form progress tracker **/

.ops_form_progress
{
	list-style-type: none;
	margin: 0.3em 0em 0.8em 0em;
}

.ops_form_progress li 
{
	display: inline-block;
	padding:0 5px 0 20px;
	font-size: 1.1em;
}

.ops_form_progress li span
{
	padding: 0.2em 0.5em;
	display:inline-block;
	border-radius: 0.8em;
	border-width: 1px;
	border-style: solid;
	border-color:#ccc;
}

.ops_form_progress .ops_form_progress_incomplete
{
	background-image: url('../Icons/P/arrow.png');
	background-position: left center;
	background-repeat: no-repeat;
}

.ops_form_progress .ops_form_progress_incomplete span
{
	border-color:#c1f1ff;
	color:#54A0D6;
}

.ops_form_progress .ops_form_progress_complete
{
	background-image: url('../Icons/P/tick.png');
	background-position: left center;
	background-repeat: no-repeat;
}

.ops_form_progress .ops_form_progress_complete span
{
/*	background-color: lightgrey;
	background-image: url('../../Images/ops_page/header_bg.jpg');
	background-position: center bottom;*/
	color:#c0c0c0;
}

.ops_form_progress .ops_form_progress_active
{
	background-image: url('../Icons/P/control-270.png');
	background-position: left center;
	background-repeat: no-repeat;
}

.ops_form_progress .ops_form_progress_active span
{
	border-color:#94d4e0;
	background-color:#abd2fe;
	color:black;
}




/* modal windows */
.ops_page_modal_instance
{
	position: absolute;
	z-index: 901;
	background-color: White;
	border-radius: 0.4em;
	box-shadow: 0px 0px 20px 1px #667 ;
	max-width: 90vw ;
	min-width: 50vw ;
}
.ops_page_modal_background
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	background-color: Black;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index: 900;
	background: -moz-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
	background: linear-gradient(135deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
}
.ops_page_modal_instance.ops_page_modal_dialogue 
{
	min-width: 330px;
	position: absolute;
        
}
.ops_page_modal_header
{
	padding: 0 1.2em ;
	background-color: var(--green);
	cursor: pointer;
	border-top-right-radius: 0.4em;
	border-top-left-radius: 0.4em;
	text-align: right ;
	cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
}
.ops_page_modal_dialogue .ops_page_modal_header
{
	/*background-image: url(../../Images/ops_page/header_bg_blue.jpg);*/
	margin: -1px;
	/*border: 1px solid #3e8dca;*/
}
.ops_page_modal_content
{
	padding: 10px;
}
.ops_page_modal_button_close
{
	background-image: url('../Icons/ui/ux2/appbar-close.png');
	background-size: contain ;
	background-repeat: no-repeat ;
	background-color: transparent;
	width: 3em ;
	height: 3em ;
	display: inline-block ;
    overflow: hidden;
    border: none;
	cursor: pointer;
}
.ops_page_modal_dialogue_text
{
    /*width: 200px;*/
    margin: 15px auto;
    text-align: center;
    vertical-align: middle;
}
.ops_page_modal_dialogue_buttons
{
    position: relative;
    top: 0px;
    width: 284px;
    margin-left: auto;
    margin-right: auto;
}
.ops_page_modal_dialogue_button
{
	float: left;
	height: 18px;
	width: 120px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0 10px 20px 10px;
	border: 1px solid #c7d9e5;
	background-image: url('../Images/ops_page/dialogue-button-bg.jpg');
	/*font-family: arial;*/
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	color: #333;
	cursor: pointer;
}

.ops_page_ajaxloading
{
	display: block;
	margin: 10px auto;
	text-align: center;
	color: #333;
}

.ops_page_ajaxloading_image
{
	height: 16px;
	width: 16px;
	background-image: url('../Images/ops_page/ajax-loader.gif');
	margin: 10px auto;
}

.ops_page_loading {
	display: block;
	margin: 10px auto;
	text-align: center;
	font-size: 2em;
	line-height: 2em;
	color: #95DB00;
	padding-top: 100px;
	background-image: url('../Images/ops_page/ajax-loader_large_dial.gif');
	background-position: 50% 15% ;
	background-repeat: no-repeat ;
	opacity: 0.9 ;
}



/*
* AJAX Component
*/
/** ops_page_ajaxloading_block - place behind an animated white block **/
.ops_page_AJAX_component_wrap
{
	background-position: 50% 5px;
	background-repeat:no-repeat;
	min-width:30px;
}

.loaded div.ops_page_ajax_component {
/*	overflow:auto;*/
	transition-timing-function: ease-in-out !important;
}

.ops_page_ajaxloading_block, .ops_page_ajaxloading_failed
{
	background-position: 50% 5px;
	background-repeat:no-repeat;
	min-height:30px;
	min-width:30px;
}

.ops_page_ajaxloading_block
{
	background-image: url('../Images/ops_page/ajax-loader.gif');
}

.ops_page_ajaxloading_failed
{
	background-image: url('../Icons/F/error.png');
}

/** Image picker **/
div ul.image_picker_selector
{
	padding-left: 0em;
}

.ops_datagrid_export_options {
	text-align: right;
	padding-right: 0.8em;
	padding-bottom: 0.3em;
}

.flx_percentage_display_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flx_percentage_display {
	height: auto;
	max-width: 15rem;
	margin: .1rem .5rem .5rem .1rem;
	border-radius: 0.25rem;
	border: 1px solid #ddd;
	text-align: center;
	padding: .5rem 1.8rem;
}
.flx_percentage_display > span {
	font-size: 3rem;
	text-align: center;
	vertical-align: middle;
}
.flx_percentage_display > p {
	margin-bottom: 0.2rem;
	font-size: 1.2rem;
	text-align: center;
}
.flx_percentage_display_wrapper > span {
	flex-basis: 100%;
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}


#flx_ilp_battery, .flx_battery
{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	overflow: hidden;
/*	-webkit-box-shadow: 1px 2px 6px rgba(50, 50, 50, 0.49); */
/*	-moz-box-shadow: 1px 2px 6px rgba(50, 50, 50, 0.49); */
/*	box-shadow: 1px 2px 6px rgba(50, 50, 50, 0.49);*/

	background-color: #F9F9F9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9D2D2), to(#F9F9F9));
	background: -moz-linear-gradient(top, #D9D2D2 0%, #F9F9F9 100%);
	
	border: 2px solid #C0C0C0;
	
	overflow:hidden;
	
	height:6em;
	width:15em;
	
	margin:auto;
}

#flx_ilp_battery_ilp_status, .flx_battery_status
{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
/*	-webkit-box-shadow: 1px 2px 6px rgba(50, 50, 50, 0.49); */
/*	-moz-box-shadow: 1px 2px 6px rgba(50, 50, 50, 0.49); */
/*	box-shadow: 1px 2px 6px rgba(50, 50, 50, 0.49);*/

	background-color: #F9F9F9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9D2D2), to(#F9F9F9));
	background: -moz-linear-gradient(top, #D9D2D2 0%, #F9F9F9 100%);
	
	border: 2px solid #C0C0C0;
	
	overflow:hidden;
	
	height:1em;
	width:7em;
	
	margin:auto;
}

#flx_ilp_battery_shell, .flx_battery_shell
{
	padding:0.5em 0;
	border-radius: 30px;
	float:left;
	background-color:#E2E2EE;
	
	margin-bottom:1.5em;
	margin-right:1.5em;
}

#flx_ilp_battery_shell > div, .flx_battery_shell > div
{
	float:left;
}
#flx_ilp_battery_level, .flx_battery_level
{
	background-color:rgb(240, 00, 00);

	transition: background-color 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s, width 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
	-moz-transition: background-color 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s, width 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
	-webkit-transition: background-color 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s, width 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
	
	border-right: 2px solid #fff;
	
	height:6em;
	width:1em;
}

#flx_ilp_score * {
	float: none !important;
}

#flx_ilp_battery {
	height: 3.4rem;
	width: 94%;
}

#flx_ilp_battery_shell {
	height: 4.5rem;
	width: 100%;
}

.flx_ilp_battery_symbol {
	display: none;
}

.flx_ilp_battery_symbol, .flx_battery_symbol
{
	line-height: 5.2em;
	font-weight: bold;
	padding:0.5em;
}

.flx_ilp_battery_symbol span, .flx_battery_symbol span
{
	font-size:1.5em;
}

.flx_markbook_btec_progress .flx_battery_status {
	width: 65%;	
	float: left;
	margin-right: 1em;
}

.flx_markbook_btec_progress .flx_battery_level {
	background-color:#00adee;
}

@media screen and ( min-width: 650px ) {
	.ops_form_multiselect_new {
		flex-direction: row;
		/*width: 46rem;*/
	}
	
	.ops_form_multiselect_new_buttons {
		flex-direction: column;
		padding: 5px;
	}
	
	.ops_form_multiselect_new_buttons_add { 
		background-image: url("../Icons/ui/ux2/appbar-arrow-left-circle-ux3-green.png"); 
	}
	
	.ops_form_multiselect_new_buttons_remove { 
		background-image: url("../Icons/ui/ux2/appbar-arrow-right-circle-ux3-green.png"); 
	}
	
	#ops_page_livesearch {
		top: 3.0rem ;
		max-width: 650px ;
	}
	
	.flx_percentage_display .ops_visualization {
		max-width: 20em;
	}
}

/** headed_box **/

/*.ops_page_headedbox
{
    margin-bottom: 15px;
    margin-right: 15px;
}

.ops_page_headedbox_header, .ops_page_headedbox_content, .ops_page_headedbox_footer
{
	padding: 5px;
	overflow: hidden;
}

.ops_page_headedbox_header
{
    height: 18px;
    background-image: url('../../Images/ops_page/header_bg.jpg');
	background-position: bottom;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
}

.ops_page_headedbox_header_collapse
{
	float: right;
	padding: 3px;
	cursor: pointer;
}

.ops_page_headedbox_content
{
	border-top-style: none;
    background-color: white;
}

.ops_page_headedbox_content_centered
{
	text-align: center;
}

.ops_page_headedbox_content_centered th
{
	text-align:left;
}

.ops_page_headedbox_content_centered table
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.ops_page_headedbox_footer
{
	border-top-style: none;
	background-color: #e9f2f9;
}

.ops_page_headedbox img
{
	vertical-align: middle;
}

.ops_page_headedbox .ops_page_headedbox_left_justified
{
	text-align: left;
}
*/
.ops_page_headedbox_label 
{
	float: right;
	width: 9em;
	text-align: center;
	border: #DFDFDF solid 1px;
	border-bottom: none;
	padding-top: 10px;
	padding: 5px;
	margin-left: 0.1em;
	margin-top: 0.1em;
	line-height: 1;
	background: #fff;
	border-radius: 0.25em 0.25em 0 0 ;
}


.ops_page_headedbox_label p
{
	line-height: 1;
	margin-bottom: 4px;
}
	
.ops_page_headedbox_label_date 
{
	color: #555;
	line-height: 12px;
}

.ops_page_headedbox_label_date_day 
{
    margin-top: 0px;
    font-size: 1.2em;

}
.ops_page_headedbox_label_date_month 
{
    font-size: 0.85em;
    margin-bottom: 5px;
}

/** Applicant **/
.flx_Commstream_Entry {
	
	clear:both;
	margin-right:0.2em;
	margin-bottom: 0.2em;
	
	padding-bottom:5px;
	
	border-width: 0 0 0.1em 0 ;
	border-style: solid;
	border-color: #d4d4d4;
	background-color: #dcedf4;
	border-radius: 0.5em;
}

.flx_Commstream_Entry dt {

	padding:0.6em;
}

.flx_Commstream_Entry dd {

	padding: 0 0.6em 0 1.6em;
}

.flx_Commstream_Entry img {
	
	float:left;
	margin-left: -10px;
}

.flx_Commstream_Entry p {
	
	margin-left: 12px;
	margin-top: 5px;
	padding-right:0.2em;
}

.flx_Commstream_Entry_You {
	
	background: #fff4bf; /* Old browsers */

}
/*
.flx_Commstream_Entry_You {

	background: #ddffb2; 
	background: -moz-linear-gradient(top, #ddffb2 76%, #afe295 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(76%,#ddffb2), color-stop(100%,#afe295)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddffb2', endColorstr='#afe295',GradientType=0 ); 
	background: linear-gradient(to bottom, #ddffb2 76%,#afe295 100%); 
}
*/
.flx_Commstream_Entry_Inst {
	
	background: #c1f1ff; /* Old browsers */

}

.flx_Commstream_Entry_Global dd {
	
	font-weight:bold;
}

#ops_notes_icons {
	margin-bottom: 15px;
}

#ops_notes_icons div {
	display: inline-block;
	width: 40px;
}

tr.ops_form_table_row_changeHighlight {
	background-color: #fff7cc !important;
}

.helpdesk_table{
    	border: 0;
}

.helpdesk_table td{
    
    vertical-align: baseline;
    margin-right: 5px;
}


/* tooltip styling */

.ops_page_tooltip 
{
    display: none;
}

.ops_page_tooltip_active
{
	background-color: #fff9ab;
	border: 1px solid #f0e219;
	padding: 5px;
	width: 200px;
	margin: auto;
	position: absolute;
	font-size: 0.8em;
	z-index: 500;
	box-shadow: 2px 0px 15px 1px #fff;
	border-radius: 3px;
	/*color:#999*/
}

.ops_page_tooltip_header 
{
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid #f0e219;
    font-size: 1.05em;
    
}

.ops_page_tooltip_active ul, .ops_page_tooltip ul
{
	margin-left: 1.2em;
}

.ops_page_tooltip_description 
{
	font-style: italic;
}

/**
 Progressions
**/
#flx_progression_results
{
	display:table-cell;
	margin-bottom:2em;
}

#flx_progression_resultsBanner_Container
{
	overflow:hidden; 
	transition: height 1s ease-in-out, padding 1s ease-in-out, border 1s; 
	-webkit-transition: height 1s ease-in-out, padding 1s ease-in-out, border 1s;
	height:3.1em;
	display:none;
}

#flx_progression_resultsBanner
{
	background-color:#FFD04E; 
	height:2em; 
	background-image: url('../Images/ops_page/header_bg_yellow.jpg');
	border:1px solid #FFD04E;
	background-position-y: bottom;
	font-size:1.5em;
	line-height:2em;
	padding:0 0.5em;
	cursor:pointer;
	display:block;
}

#flx_progression_resultsContainer 
{
	overflow:hidden; 
	transition: height 1s ease-in-out; 
	-webkit-transition: height 1s ease-in-out;
	margin-bottom:2em;
}

/** Course Assessment Points **/
.ops_cap_cell {
	padding: .4em 0;
	margin: .4em 0;
	height: 100%;
	display: block;
	vertical-align: top;
}
.ops_cap_cell_grey {
	background: #d4d4d4;
}

/* Review Label */
.ops_threadview_contract_review td:nth-child(1) {
	white-space: nowrap;
}

/* Review Content */
.ops_threadview_contract_review td:nth-child(2) {
	padding-left: 1.2em;
	padding-right: 1.2em;
}

/*Bulk Mark student List select */
#ops_Form__AttendanceBulkMark_students{
	height:auto !important;
}