

.modal-xl {
	width: 1400px;
	max-width: 100%;
}

@media (min-width: 768px) {
	body {
		padding: 60px 60px 150px 60px;
	}

	.admin_menu_top_areas {
		background-color: #efefef;
		margin-top: -10px;
		margin-left: -60px;
		margin-right: -60px;
		margin-bottom: 20px;
		padding-right: 15px;
	}
}

.active_box {
	padding: 8px;
	border-radius: 4px;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.checkbox-no-bold label {
	font-weight: normal !important;
}

.navbar-brand
{
    float: left;
    height: 50px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand img {

    height: 30px;
}

.bottom_fixed {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background-color: #222222;
    padding: 10px 60px 10px 60px;
    border-top: solid 6px #ffffff;
    z-index: 100000;
	color: #ffffff;
}

.d_time {
	display: block;
	font-size: 11px;
	color: #818181;
}

.no_break_limit {
	text-overflow: ellipsis;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	max-width: 200px;
}

.large_loader {
	text-align: center;
	font-size: 14px;
	margin-bottom: 100px;
	margin-top: 100px;
}

.large_loader i.fa {
	display: block;
	text-align: center;
	color: #8e8e8e;
	font-size: 60px;
	margin-bottom: 15px;
}

.tiny_f_m {
	font-size: 9px;
}

@media print {
	a[href]:after {
		content: "" !important;
	}
}

.reqs {
	font-style: normal;
	color: #F00;
	font-size: 12px;
	border-top: none !important;
}

tr.row_with_allergy td {
    border-bottom-style: none !important;
}


h1 {
	font-size: 28px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	font-weight: normal;
}

h1 small {
	color: #666666;
	font-weight: normal;
	font-size: 70%;
}

h2 {
	font-size: 22px;
	display: block;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	font-weight: normal;
}
h3 {
	font-size: 16px;
	display: block;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	font-weight: normal;
}


.clear-both
{
  font-size: 1px;
  line-height: 1px;
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  clear: both;
  float: none;
  height: 1px;
}


.table tr.table-row-small {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
}

table.dt {
	border-collapse:collapse;	
}

table.dt td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 9px;
	padding-left: 8px;
}

table.dt tr:hover {
	background-color: #FCF8E3;	
}

table.dt tr.head1 td {
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}


table.dt tr.r1 td {
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}

table.dt tr.r2 td {
	font-weight: bold;
	background-color: #eeeeee;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

table.dt tr.r2 td em{
	font-weight: normal;
	display: block;
	color: #666;
}

table.dt tr.r_yellow td {
	font-weight: bold;
	background-color: #FCF8E3;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

table.dt tr.danger td {
	background-color: #F2DEDE;
}

table tr.highlight td {
	background-color: #DFF0D8;
	color: #3c763d;
}

table tr.row_divider td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}






ul#nav {
	display: block;
	background-color: #333333;
	border: 1px solid #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #FFF;
	border-radius: 4px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul#nav li{
	display: block;
	padding: 0px;
	margin: 0px;
	float: right;
	list-style-type: none;
	position: relative;
}
ul#nav li a {
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	margin-right: 10px;
	display: block;
	text-decoration: none;
}

ul#nav li b {
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	margin-right: 10px;
	display: block;
}

ul#nav li ol {
	position: absolute;
	width: 200px;
	background-color: #333333;
	left: 10px;
	top: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	display: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-radius: 4px;
}
ul#nav li:hover ol {
	display: block;
}

ul#nav li ol li {
	display: block;
	margin: 0px;
	float: none;
	padding: 0px;
}
ul#nav li ol li a {
	font-weight: bold;
	color: #eeeeee;
	margin-right: 10px;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}






ul#subnav {
	display: block;
	background-color: #dddddd;
	border: 1px solid #cccccc;
	margin-top: -22px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #000;
	border-radius: 4px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

ul#subnav li{
	display: block;
	padding: 0px;
	margin: 0px;
	float: right;
	list-style-type: none;
	position: relative;
}
ul#subnav li a {
	font-weight: normal;
	color: #000;
	padding: 6px;
	margin-right: 5px;
	margin-left: 5px;
	display: block;
	text-decoration: none;
}













.clear_both {
	font-size: 1px;
	line-height: 1px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
}

.warning {
	color: #C30;
	background-color: #F5B4B6;
	text-align: center;
}
.tick {
	background-image: url(../../img/tick_cross/images/tick.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.cross {
	background-image: url(../../img/tick_cross/images/cross.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 30px;
}


tr.row_red {
	background-color: #FF9F9F;
}


#breadcrumbs
{
	margin-top: -10px;
	background-color: #F7F6F3;
	display: block;
	padding: 6px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-radius: 4px;
}

#breadcrumbs a
{
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

#breadcrumbs i
{
	display: block;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	font-size: 9px;
	color: #999999;
}

#breadcrumbs b
{
	display: block;
	float: left;
	padding: 5px;
	font-weight: normal;
}




.mt {
	width: 100%;
	border-collapse: collapse;
}
.mt td {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	vertical-align: top;
	width: 20%;
}
.mt td table {
	width: 100%;
}
.mt td table td {
	border-collapse: collapse;
	text-align: center;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	vertical-align: middle;
}

.mt .lnk {
	display: block;
	background-color: #eeeeee;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;		
}

.dish {
	height: 120px;
	text-align: center;
	display: block;
	border: 1px dotted #eeeeee;
	background-color: #eeeeee;
	border-radius: 4px;
	font-size: 11px;
	color: #333;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.dish strong {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	color: #000;
}

.dn {
	font-weight: bold;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	line-height: 1.42857;
	vertical-align: top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	margin-bottom: 10px;

}

.mt td .dn {
	color: #3C763D;
	font-weight: bold;
	font-size: 13px;
	background-color: #DFF0D8;
	padding-top: 10px;
	padding-bottom: 10px;
}

.top_bord td {
	border-top: solid 1px #337AB7 !important;
}

.align_r {
	text-align: right !important;
}

.xs-input {
    font-size: 10px !important;
    padding: 2px 0px !important;
	line-height: 10px !important;
	height: 16px !important;
	text-align: center !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.report_heading_tr th {

}

.report_heading_tr .report_heading_tr_small {
	font-size: 11px;
	color: #5a5a5a;
}

.modal.modal-wide .modal-dialog {
	width: 90%;
}
.modal-wide .modal-body {
	overflow-y: auto;
}

.ip_debug {
	font-size: 10px;
	color: #898989;
}

.ip_debug .ip_error {
	color: red;
}

.eh_late {
	color: red !important;
}

.eh_overtime {
	color: blueviolet !important;
}

.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
}

.color_preview {
	width: 60px;
	line-height: 25px;
	text-align: center;
	font-size: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 25px;
}

#abs_ajax_popup_holder {
	border-radius: 4px;
	padding: 10px;
	position: fixed;
	top: 100px;
	right: 50px;
	background-color: #0d3349;
	color:  #ffffff;
	z-index: 99999;
	display: none;
}

.input-xs {
	font-size: 11px;
	line-height: 11px;
	height: auto;
	padding: 4px;
}

table.table-tiny td, table.table-tiny th{
    font-size: 10px !important;
    padding: 3px !important;
}

.school_profile_pic {
	max-width: 70px;
	max-height: 70px;
}

.colour_preview {
	width: 50px;
	font-size: 10px;
	padding: 2px;
	border-radius: 4px;
	text-align: center;
}

.topup_comms {
    font-size: 10px;
    max-width: 200px;
    overflow: auto;
}

.stock_orers_wma {
	font-size: 10px;
	font-weight: normal;
}

/* Training --------------------------------------- */
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  10% {
    opacity: 70;
  }
}


.training_accred_hold {
  display: flex;
  flex-wrap: wrap;
}

.training_accred_hold .training_accred {
	padding: 8px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 0px 0px 0px 0px;
}

.training_accred_hold .training_accred.training_accred_hold_expired {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.training_accred_hold .training_accred .training_accred-name {
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

.training_accred_hold .training_accred .training_accred-awarded {
	font-size: 11px;
}

.training_accred_hold .training_accred .training_accred-schedule {
	font-size: 11px;
	border-top: solid 1px #cccccc;
	padding-top: 2px;
	margin-top: 5px;
}

.training_accred_hold .training_accred .training_accred-schedule-red {
	color: red;
}

.training_missing {
	text-align: center;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
	font-weight: bold;
	padding: 5px;
}

.training_missing strong {
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
}

/* Training --------------------------------------- */



/* Questionnaires --------------------------------------------------------*/
.questionnaire-report-table td {
	text-align: center;
}

.questionnaire-report-table td .qal {
	border: solid 1px #cccccc;
	padding: 6px;
	border-radius: 4px;
}

.questionnaire-report-table td .qal small{
	font-size: 10px;
	text-transform: uppercase;
}

.questionnaire-report-table td .qrt-star {
	border: solid 1px #cccccc;
	padding: 6px;
}

.questionnaire-report-table td.qrt-star-red .qal {
	color:#721c24;
	background-color:#f8d7da;
	border-color:#f5c6cb;
}

.questionnaire-report-table td.qrt-star-green .qal {
	color: #155724;
	background-color:#d4edda;
	border-color:#c3e6cb;
}

.questionnaire-report-table td.qrt-star-yellow .qal {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
/* Questionnaires --------------------------------------------------------*/



/* Sticky Tables --------------------*/
table.table-sticky thead, table.table-sticky tfoot {
	position: sticky;
}

table.table-sticky thead {
	inset-block-start: 50px; /* "top" */
}

table.table-sticky thead tr th {
	background-color: #ffffff;
}

table.table-sticky tfoot {
	inset-block-end: 0; /* "bottom" */
}
/* Sticky Tables --------------------*/