@import url('/local/fonts/inter/stylesheet.min.css');
@font-face {
  font-family: "Stolzl";
  src:url("../fonts/stolzl_medium.woff2")  format("woff2"),
  url("../fonts/stolzl_medium.woff")  format("woff"); 
  font-weight: 500;
  font-style:normal;
	font-display: swap; /* show system font during load */
}

/*
.nav-pills>li>a {
	color: rgba(25, 23, 39, 0.5);
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: rgba(25, 23, 39, 0.5);
}
*/


.white {
	color:rgba(255,255,255,1);
}

.dkblue {
	color: #07203e;
}
.ltblue {
	color: #4097b2;
}

.cyan {
	color: #1fbba6;
}

.dkbluebg {
	background-color: #07203e;color:#ffffff;
}
.ltbluebg {
	background-color: #4097b2;color:#ffffff ;
}
/* text colour changes to aid with colour blindness - avoiding dull red/green */
.text-danger {
	color: rgb(220, 53, 69) !important; /* same as Bootstrap 5 */
}

.text-success {
	color: #449d44 !important; /* same as Bootstrap 5 */
}



.text-success-colourblind {
	color: rgb(13, 110, 253) !important; /* same as Bootstrap 5  .text-primary */
}

body {
	font-family:Inter, Arial, Helvetica, sans-serif;
}


h1 {
	font-family:Stolzl, Arial, Helvetica, sans-serif;
	font-weight:500;
}


body {
	color: #444444;
}

.dark-mode {
	display: none !important;
}

/* DARK MODE OVERRIDES
@media (prefers-color-scheme: dark) {
	.dark-mode {
		display: block !important;
	}
	.light-mode {
		display: none !important;
	}
	body {
		background-color: #111111;
		color: #dddddd;
	}
	.table-sticky>thead {
		background-color: #000000 !important
	}
	.well, .TabbedPanelsContentGroup, .TabbedPanelsTab {
		background-color: transparent !important;
	}
	.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd) {
		background-color: #0e0e0e;
	}

	.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover {
		background-color: transparent !important;
	}
	.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
		background-color: transparent !important;
	}

}
 */
body, button, input, select, textarea, th, td {  font-size:16px; }

.show0 {
	display: none;
}

.vertical-center {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

/* OPERATIVES */

#searchform td {
	font-size: 11px;
	
}
#searchform label.linear_tag {
	font-size: 11px;
	width:calc(50% - 20px);
	display:inline-block;
	vertical-align:top;
	 margin-left: 20px;
    text-indent: -20px;
}
td.score {
	padding-left:20px !important;
}

.score0, .score1, .score2, .score3 {
	background:url(../../core/images/icons/red-light.png) no-repeat 0 center;
	
}
.score4, .score5, .score6 {
	background:url(../../core/images/icons/amber-light.png) no-repeat 0 center;
}
.score7, .score8, .score9, .score10 {
	background:url(../../core/images/icons/green-light.png) no-repeat 0 center;
}

tr.active0 td {
	background-color:rgb(255,153,153);
}

tr.active0 td.score {
	background: rgb(255,153,153) url(../../core/images/icons/cross.png) no-repeat 0 center;
}


.search-table {
	width:100%;
	
}

.search-table td {
	padding:3px;
}




ul {
	padding-left: 20px;
}

/*** calendar ***/

table.calendar a.holidaystatus0 {
	background-color:yellow;
	
}
table.calendar a.holidaystatus1 {
	background-color:green;
	
}
table.calendar a.holidaystatus2 {
	background-color:red;
	
}

/*** REGISTRATION ***/

.section1  .crumbs,
.section1  .main-menu {
	display:none;
}


.page-contact footer, .page-induction footer {
	display:none;
}
.page-contact main, .page-induction main {
	/* space for APP menu */
	padding-bottom:60px;
}



#signUpBox {
	border:none !important;
}

#signUpBox .row > div > div {

border: 1px solid #CCCCCC;
padding: 15px;
height: 100%;
margin-bottom: 15px;
border-radius: 4px;
}
/***** APPRAISALS ******/

.cell-score {
	width:60px;
}

.cell-notes {
	width:200px;
}

.vertical {
    writing-mode: vertical-rl;
    transform: rotate(200deg);
	position:relative;
	left:0.5em;
	white-space:nowrap;
}

th.set2 {
	background-color:#f5f5f5;
}

input.has-error {
	color:rgba(255,0,0,1);
	border-color: #a94442;
}

.textbox-expandable {
	height:30px;
	max-height:30px;
	transition: 0.5s;
}
.textbox-expandable:focus {
	height:100px;
	max-height:100px;
}

#projects .btn.disabled {
	opacity: 0.333;
	cursor: not-allowed;
	pointer-events: all;

}


/* drag  and drop file browser */
.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 250px;
  max-width: 100%;
  padding: 5px;
  border: 1px dashed rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  transition: 0.2s;
}
.file-drop-area.is-active {
  background-color: rgba(0, 0, 0, 0.05);
}

.fake-btn {
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 8px 15px;
  margin-right: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.file-msg {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.file-input:focus {
  outline: none;
}

/* The slider itself */
.distance-slider {
	-webkit-appearance: none;
	width: 100%;
	height: 15px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

/* Mouse-over effects */
.distance-slider:hover {
	opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.distance-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #0480be;
	cursor: pointer;
}

.distance-slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #0480be;
	cursor: pointer;
}

#signUpBox img {
	display: block;
	height: 36px;
	width:auto;
	margin: 0 auto 15px auto;
}

.leaflet-popup-content {
	font-size: 13px !important; /* override too small text in ems (bug? not in 1.7) in Leaflet 1.9 */
}



/* CONTRACT LIST  */
ol.contract-list {
	list-style: none;
	counter-reset: item;
}

.contract-list {
	counter-reset: section;
}

.contract-list > li {
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.contract-list > li:before {
	content: counters(section, ".") " ";
	counter-increment: section;
	position: absolute;
	left: -2em;
}

.contract-list ol {
	counter-reset: sub-section;
}

.contract-list ol > li {
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.contract-list ol > li:before {
	content: counters(section, ".") "." counters(sub-section, ".") " ";
	counter-increment: sub-section;
	position: absolute;
	left: -2em;
}

.contract-list ol ol {
	counter-reset: sub-sub-section;
}

.contract-list ol ol > li {
	display: block;
	position: relative;
	margin-bottom: 10px;
}

.contract-list ol ol > li:before {
	content: counters(section, ".") "." counters(sub-section, ".") "." counters(sub-sub-section, ".") " ";
	counter-increment: sub-sub-section;
	position: absolute;
	left: -2em;
}


.photos-container {
	display: flex;
	flex-wrap: wrap;
	gap: 16px; /* Adjust the gap between items as needed */
}

.photos-container .plant-photo {
	width: calc(20% - 16px); /* Subtract the gap from the width */
	box-sizing: border-box;
}

.photos-container img {
	width:100%;
}

#tinymce.container {
	padding-top:0 !important;
}

@media (max-width: 991px) {
	#tinymce.container {
		/* prevent Bootstrap limit on Fancybox tinymce */
		max-width: none !important;

	}
}

.switch-wrapper {
	position: relative;
	width:102px;
	border: 1px solid #9E9E9E;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto;
}

.switch-wrapper span {
	display: inline-block;
	width:50%;
	line-height:30px;
	text-align: center;
}

 .switch {
	width:50%;
	height: 30px;
	background-color: #eee;
	position: absolute;
	left:0;
	top:0;
	transition: 0.25s;box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
}

.switch-on .switch {
	left: 50%;

	top: 0

}