/*
common colors stylesheet

Installing and running the PPMS software requires a license, contact info@stratocore.com for details
The PPMS licensing agreement DOES NOT allow any modification of the software (including stylesheets and images), contact info@stratocore.com for feature requests
The PPMS licensing agreement DOES NOT allow re-distribution of the software
*/


/* calendar colors */
div#content td.avail {
	opacity: 0.8;
	background-color: #f2f2f2;
	color: #f2f2f2;
}

div#content td.booked {
	opacity: 0.8;
	background-color: #303F9F;
	color: white;

}

div#content td.booked a {
	color: white;

}

div#content td.inuse {
	opacity: 0.8;
	background-color: #304FFE;
	color: white;


}

div#content td.inuse a {
	color: white;
}

div#content td.bused {
	opacity: 0.9;
	background-color: #1A237E;
	color: white;


}

div#content td.bused a {
	color: white;
}

div#content td.na, div#content td.holiday {
	opacity: 0.7;
	background-color: #d1d0d0;
	color: #d1d0d0;
}

div#content td.disabled {
	opacity: 1;
	background-color: #d1d0d0;
	color: red;
	text-align: center;

}

div#content td.specialE {
	opacity: 0.8;
	background-color: #388E3C;
	color: white;


}

div#content td.specialE a {
	color: white;
}

div#content td.specialEinu {
	opacity: 0.8;
	background-color: #4CAF50;
	color: white;
}

div#content td.specialEinu a {
	color: white;


}

div#content td.specialEused {
	opacity: 0.9;
	background-color: #4CAF50;
	color: white;


}

div#content td.specialEused a {
	color: white;
}

div#content td.specialE2 {
	opacity: 0.8;
	background-color: #9C27B0;
	color: white;

}

div#content td.specialE2 a {
	color: white;

}

div#content td.andE2 {
	border: 5px solid #9C27B0;


}


div#content td.andE2res {
	background-color: #005232;
	background: linear-gradient(to bottom, #005232 50%, #7c368a 50%)
}

div#content td.savail {
	opacity: 0.8;
	background-color: #C8E6C9;
}

div#content td.savailused {
	opacity: 0.8;
	background-color: #C8E6C9;
}

div#content td.navail {
	opacity: 0.8;
	background-color: #A5D6A7;


}

div#content td.crit3 {
	opacity: 0.7;
}

div#content .crit3 {
	background-color: #EF6C00;
}

div#content td.crit2 {
	opacity: 0.8;
}

div#content .crit2 {
	background-color: #DCE775;
}

div#content td.crit-3 {
	opacity: 0.8;
}

div#content .crit-3 {
	background-color: #7986CB;
}

div#content td.crit-2 {
	opacity: 0.8;
}

div#content .crit-2 {
	background-color: #C5CAE9;
}

div#content span.crit-3, div#content span.crit3 {
	color: white
}

div#content span.crit-3, div#content span.crit-2, div#content span.crit2, div#content span.crit3 {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

table.planning th {
	font-weight: normal;
}

div#content label.calinputlab {
	color: white;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0.3em 0.3em;
}

/* disabled button */
input[type="button"]:disabled, button:disabled, input:disabled {
	cursor: default;
	/* opacity: 0.5; */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* others */
img {
	border: 0;

}

.mand {
	color: #dc3545;
	font-weight: bold;
	font-size: 120%;
}

.italic {
	font-style: italic

}

.bold {
	font-weight: bold


}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;

}

.planning td {
	cursor: default;
}

.hidden {
	display: none;
}

.warn, .orange {
	color: orange !important;


}

.error, .red {
	color: red !important;
}
.invalid-input {
	border: 1px solid #dc3545;
}

.invalid-input-error-label {
	color: #dc3545;
}

.input-label-floating-right {
	float: right;
	padding-left: 1em;
	margin-top: 0.5em;
}

.input-label-floating-left {
	float: left;
	padding-right: 1em;
}

.underline-default {
	background-color: white !important;
}

.underline-level1-tr {
	background-color: rgb(235, 235, 228);
}

.underline-level2-tr {
	background-color: rgb(235, 235, 228);
	opacity: 0.5;
}

.underline-level2-tr > .underline-td, .underline-level1-tr > .underline-td {
	font-weight: bold;
}

.underline-td-title {
	font-weight: bold;
	padding-top: 1em !important;
}

.option-ac-inactive {
	color: gray !important;
}

.underline-split-block-1 {
	background-color: rgba(232, 234, 246, 0.32);
}

.tr-ac-custom {
	font-size: 1.5em;
}

.form-custom-table {
	width: 100%;
}

.form-custom-table-td-label {
	width: 30%;
}

.form-custom-table-input {
	width: 60%;
}

.form-custom-table-input-split {
	width: 60%;
}

.p-text-including-a {
	font-weight: normal;
}

.p-text-including-a > a {
	font-weight: bold;
	margin-left: 0.3em;
}

.full-width {
	width: 100%;
}

div #content li li {
	font-size: 1em;
}

.forprint {
	display: none;
}

/* Changing checkbox and radio in UI
Targetted the modals only.
*/

/* .modalWindow input[type="radio"],
.ui-dialog .ui-dialog-content input[type="radio"]{
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 50%;
}
.modalWindow input[type="radio"]:checked,
.ui-dialog .ui-dialog-content input[type="radio"]:checked{
	transform: scale(1);
	box-shadow: 0 0 0 1000px #68A2ED inset !important;
}
.modalWindow input[type="checkbox"],
.ui-dialog .ui-dialog-content input[type="checkbox"]{
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
}
.modalWindow input[type="checkbox"]:checked,
.ui-dialog .ui-dialog-content input[type="checkbox"]:checked{
	transform: scale(1);
	box-shadow: 0 0 0 1000px #68A2ED inset !important;
} */

/* booking and order forms */
.modalWindow input[type="radio"]:disabled,
.ui-dialog .ui-dialog-content input[type="radio"]:disabled{
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 50%;
}
.modalWindow input[type="radio"]:checked:disabled,
.ui-dialog .ui-dialog-content input[type="radio"]:checked:disabled{
	transform: scale(1);
	box-shadow: 0 0 0 1000px #868686 inset !important;
}
.modalWindow input[type="checkbox"]:disabled,
.ui-dialog .ui-dialog-content input[type="checkbox"]:disabled{
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
}
.modalWindow input[type="checkbox"]:checked:disabled,
.ui-dialog .ui-dialog-content input[type="checkbox"]:checked:disabled{
	transform: scale(1);
	box-shadow: 0 0 0 1000px #868686 inset !important;
}

/* training forms */
#content4 input[type="radio"]:checked:disabled{
	appearance: none;
	background-color: #fff;
	/* margin: 0; */
	font: inherit;
	color: currentColor;
	width: 1em;
	height: 1em;
	border: 0.15em solid currentColor;
	border-radius: 50%;
	/* margin-left: 0.4em; */
	vertical-align: bottom;
  }
  #content4 input[type="radio"]:checked:disabled{
	transform: scale(1);
	box-shadow: 0 0 0 1000px #868686 inset !important;
  }
  #content4 input[type="checkbox"]:checked:disabled{
	appearance: none;
	background-color: #fff;
	/* margin: 0; */
	font: inherit;
	color: currentColor;
	width: 1em;
	height: 1em;
	border: 0.15em solid currentColor;
	/* margin-left: 0.4em; */
	vertical-align: bottom;
  }
  #content4 input[type="checkbox"]:checked:disabled{
	transform: scale(1);
	box-shadow: 0 0 0 1000px #868686 inset !important;
  }

@media print {
	.forprint {
		display: block;
	}

	.wrap {
		white-space: pre-line;
	}

	/*checkbox and radio button darker in print*/
	input[type="radio"] {
		appearance: none;
		background-color: #fff;
		/* margin: 0; */
		font: inherit;
		color: currentColor;
		width: 1.15em;
		height: 1.15em;
		border: 0.15em solid currentColor;
		border-radius: 50%;
	}
	input[type="radio"]:checked {
		transform: scale(1);
		box-shadow: 0 0 0 1000px #000000 inset !important;
	}
	input[type="checkbox"]{
		appearance: none;
		background-color: #fff;
		/* margin: 0; */
		font: inherit;
		color: currentColor;
		width: 1.15em;
		height: 1.15em;
		border: 0.15em solid currentColor;
	}
	input[type="checkbox"]:checked {
		transform: scale(1);
		box-shadow: 0 0 0 1000px #000000 inset !important;
	}
}


/*
For accessibility on hidden elements: technically visible but practically hidden;
https://www.w3.org/WAI/tutorials/forms/labels/#note-on-hiding-elements
*/
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Button WebKit */
input[type="button"], input[type="submit"], button {
	-webkit-appearance: none;
}

/* Wait Icon */
img.wait-icon-page {
	height: 50px;
	margin-left: 45%;
	margin-top: 5em;
}

img.wait-icon-schedules-day-view {
	height: 50px;
	margin-left: 45%;
	margin-top: 5em;
}

img.wait-icon {
	height: 24px;
}

/* Filter Input */
input[type="text"].filter {
	width: 10%;
	background: transparent;
	transition: all 0.25s;
}

input[type="text"].filter-blur {
	color: #aaa;
	border: none;
	text-decoration: underline;
}

input[type="text"].filter-focus {
	color: #000;
	border: 1px solid #aaa;
	text-decoration: none;
}

/* stat colors */
div#content .stat2 {
	background: #003469;
	opacity: 0.8;
	color: white;
}

div#content .stat1 {
	background: #5990C5;
	color: #fff;
}

/* table sheets*/
table.sheet {
	background-color: white;
	width: 100%;
}

.align-right {
	text-align: right;
}

/* documents */

/*div#doc p  { color: black; font-size: 100%; }*/
div#doc h4 {
	color: black;
	font-size: 1.3em;
	font-weight: 700;
}

div#doc h5 {
	color: black;
	font-size: 1.1em;
	font-weight: 700;
}

div#doc strong {
	color: black;
	font-weight: 700;
}





div#content textarea:focus, div#content input[type="text"]:focus, div#content input[type="password"]:focus {
	background-color: #dadfff;
}

/* login page */
#beforelogin {
	height: 1.5em;
}

#loginnotes {
	padding: 20px;
}

.warningmessage {
	background: rgb(100%, 99%, 70%);
	background: rgba(100%, 98%, 60%, 0.7);
	padding: 0.5em;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* 2 step auth page */
.totp-form {
	margin: 10px auto;
	width: 200px;
	padding: 30px 25px;
}

h1.totp-form-title {
	margin: -28px -25px 25px;
	padding: 15px 25px;
	font-size: 1.4em;
	font-weight: 300;
	text-align: center;

}

.totp-form-input {
	width: 188px;
	margin-bottom: 15px;
	padding-left: 10px !important;
	/*font-size: 15px;*/
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.totp-form-input:focus {
	border-color: #6e8095;
	outline: none;
}

.totp-form-button {
	width: 100%;
	padding: 0;
	text-align: center;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	outline: 0;
}


/* date picker widget */
.ui-datepicker {
	font-size: 70%;
	margin-top: 1em;
	margin-left: 1em;
}



/* CURL Report */
pre#curl-call,
pre#report-url {
	white-space: pre-wrap;
	word-wrap: break-word;
	background-color: rgba(70%, 70%, 70%, 0.05);
	padding: 10px;
	border: 1px solid #ccc;
	border-color: rgba(50%, 50%, 50%, 0.3);
}

/* Select Multiple */
select[multiple] {
	height: auto;
	-moz-appearance: none;
}

/* ------------ */
/* -- HEADER -- */
/* ------------ */
select#change-core {
	background: rgba(255, 255, 255, 0.15);
	border: none;
	color: white;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	height: auto;
}

select#change-core option {
	background-color: white;
}

/* ----------------- */
/* -- MENU BANNER -- */
/* ----------------- */

/* -- Admin Menu -- */
div#menu2 ul li.help-menu a:hover {
	cursor: help;
}

/* ---------------- */
/* -- Start Page -- */
/* ---------------- */

/* Search Box */
div#search-div {
	/*float: right;*/
}

div#search-div input#search-box {

}

.ignore-strong-styles strong {
	color: inherit;
	font-size: inherit;
}
.ignore-strong-styles h2 {
	color: inherit;
}
.ignore-strong-styles h3 {
	color: inherit;
}
.ignore-strong-styles h4 {
	color: inherit;
}

/* Content */
div#start-main h4.institution-title {
	margin-top: 0;
	padding-top: 1em;
}

div#start-main ul.cores-list {
	margin: 0;
}

/* Public Documents */
div#pub-global-docs {
	float: right;
	background-color: rgba(70%, 70%, 70%, 0.05);
	margin: 0 0 2em 2em;
	padding: 0 1em 1.5em 1em;
	border: 1px solid #ddd;
	border-color: rgba(60%, 60%, 60%, 0.3);
	border-radius: 12px;
	transition: box-shadow 0.3s;
	max-width: 40%;
}

div#pub-global-docs:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

/* Square List Style */
ul.list-style-square {
	list-style: square !important;
}

/* home page */
div.home-main {
	margin: 0;
	font-size: 90%;
	clear: both;
}

div.home-left {
	width: 48%;
	margin: 0;
	float: left;
}

div.home-right {
	float: right;
	margin: 0;
	width: 48%;
}

div.home-clear {
	clear: both;
}

div.home-action {
	background-color: #f8f8f8 !important;
	background-color: rgba(70%, 70%, 70%, 0.05) !important;
	margin: 2em 0 1em 0;
	padding: 0 1em 1.5em 1em;
	border: 1px solid #ccc !important;
	border-color: rgba(50%, 50%, 50%, 0.3);
	border-radius: 12px;

	transition: box-shadow 0.3s;
}

div.home-action:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

option[disabled], option[disabled="disabled"] {
	color: #ccc ! important
}

.ui-dialog-titlebar {
	font-size: 0.7em
}

/* --------------- */
/* -- Home Page -- */
/* --------------- */

/* New Features */
p.new-features {
	background: rgb(255, 229, 127);
	background: rgba(255, 229, 127, 0.7);
	padding: 10px;
	border-radius: 4px;
}

p.new-features a {
	font-weight: bold;
	text-decoration: underline;
	color: #3F51B5;
}

/* annoucement-critical */
p.annoucement-critical {
	background: rgb(255, 138, 138);
	background: rgba(255, 108, 108, 0.7);
	padding: 10px;
	border-radius: 4px;
}

p.annoucement-critical a {
	font-weight: bold;
	text-decoration: underline;
	color: #3F51B5;
}

/* Notifications */
div#home-notifications {
	background-color: #f8f8f8;
	background-color: rgba(70%, 70%, 70%, 0.05);
	border: 1px solid #ccc;
	border-color: rgba(50%, 50%, 50%, 0.3);

	padding: 10px;
	border-radius: 12px;

	transition: box-shadow 0.3s;
}

div#home-notifications:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

div#home-notifications span.notification {
	font-weight: bold;
	font-size: 0.8em;
	display: block;
	margin-left: 10px;
}

div#home-notifications span.notification a {
	text-decoration: none;
}


/* Information text block */
.information-text {
	display: block;
	background: rgba(255, 229, 127, 0.7);
	margin-left: -4px;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.information-text > a {
	color: #657acc !important;
}

.information-text > a:hover {
	color: #98adff !important;
}


/* Home Sections Controller */
div#home-sections-controller {
	text-align: right;
}

div#home-sections-controller input[type="button"]#restore-button {
	float: left;
}

/* Home Sections */
h3.home-section-title {
	cursor: pointer;
	margin-bottom: 0;
}

h3.home-section-title span {
	text-decoration: underline;
	margin-right: 6px;
}

div.home-section {
	background-color: #f8f8f8;
	background-color: rgba(70%, 70%, 70%, 0.05);
	margin: 2em 0 1em 0;
	padding: 0 1em 1.5em 1em;
	border: 1px solid #ddd;
	border-color: rgba(60%, 60%, 60%, 0.3);
	border-radius: 12px;

	transition: box-shadow 0.3s, background 2s ease;
}

div.home-section:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

div.home-section h3 { /* For backward compatibility with pre-2015 stylesheets */
	padding-bottom: 0px;
	padding-top: 0.5em !important;
	border-bottom: none;
}

div.home-section div.section-content {
	border-left: 1px solid #ccc;
	padding-top: 0.1em;
	padding-left: 5px;
	margin-left: 4px;
}

div.home-section ul {
	padding-left: 10px;
	margin: 10px 0;
	list-style-image: url('hyphen.png') !important;
}

div.home-main img.wait-icon {
	margin-left: 50%;
	margin-top: 25px;
}

div#home-sections div.dataTables_wrapper, div#home-sections div.table-wrapper {
	overflow-x: auto;
}

span.home-section-actions {
	float: right;
	text-decoration: none !important;
	margin-top: 1.5em;
}

span.home-section-actions img {
	height: 20px;
	opacity: 0.1;
}

span.home-section-actions img:hover {
	cursor: pointer;
	opacity: 1;
}

p.home-bottom {
	color: #555;
	background-color: #f8f8f8;
	margin: 2em 1em 0 1em;
	padding: 1em;
}

select#item-diff {
	width: 72.5%;
}

span.report-pub-msg {
	display: block;
	background: rgb(255, 229, 127);
	background: rgba(255, 229, 127, 0.7);
	margin-left: -4px;
	padding: 5px;
	margin-top: 3px;
	border-radius: 5px;
}

input[type="button"]#create-incident-button {
	width: 25%;
	padding: 6px;
}

span.not-applicable {
	color: #bbb;
}


/*-- Schedules Page --*/
img#fav-star {
	float: right;
	height: 25px;
	cursor: pointer;
}

table#schedules-systems-list {
	border-collapse: collapse;
	border: 1px solid #bbb;
	float: left;
}

table#schedules-systems-list tr.system-type th {
	background-color: #ddd;
	padding: 0 3px;
	border: 1px solid #ddd;
	border-left: 1px solid #bbb;
	text-align: left;
}

table#schedules-systems-list tr.system-element th {
	border-top: 1px solid #eee;
}

table#schedules-systems-list tr.system-element th img {
	height: 10px;
	margin-left: 5px;
	vertical-align: middle;
	cursor: pointer;
}

table#schedules-systems-list tr.system-element th.system-name {
	padding-left: 10px;

}

div#day-views-container-scroll {
	width: 840px;
	overflow-x: scroll;
	overflow-y: hidden;
	float: left;
}

div#day-views-container {
	width: 30000px;
}

div.day-view {
	float: left;
	width: 400px;
	/*height: 750px;*/
}

div.day-view tr, table#schedules-systems-list tr {
	height: 22px !important;
}

div.day-view th, table#schedules-systems-list th {
	height: 22px !important;
	background-color: #eee;
	padding: 0;
	font-size: 10px !important;
	text-align: left;
}

div.day-view td, table#schedules-systems-list td {
	height: 22px !important;
	font-size: 10px;
	padding: 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	text-align: left;
	min-width: 3px; /* for FF */
}

div.day-view table {
	float: left;
	border-collapse: collapse;
	border: 1px solid #bbb;
}

div.day-view tr.system-element {
	cursor: pointer;
}

div.day-view th.system-el {
	background-color: #ddd;
	padding: 0 3px;
	border: 1px solid #ddd;
	text-align: left;
}

div.day-view th.day {
	border-left: 1px solid #bbb;
	text-align: center !important;
}

div.day-view th.hours {
	border-left: 1px solid #bbb;
	font-size: 9px !important;
	width: 32px;
	padding-left: 1px;
}

div.day-view td.session,
div.day-view td.incident,
div.day-view td.intervention {
	cursor: auto;
	border-left: 1px solid #ddd;
}

div.day-view td.session, div.day-view span.session {
	/*opacity: 0.8;*/
	background-color: #3F51B5;
	color: white;
}

div.day-view td.SE1, div.day-view span.SE1 {
	/*opacity: 0.8; */
	background-color: #388E3C;
	color: white;
}

div.day-view td.SE2, div.day-view span.SE2 {
	/*opacity: 0.8; */
	background-color: #9C27B0;
	color: white;
}

div.day-view td.SE1.SE2 {
	background: linear-gradient(to bottom, #388E3C 50%, #9C27B0 50%);
}

div.day-view td.incident, div.day-view span.incident {
	/*opacity: 0.8;*/
	background-color: #bbb;
	color: white;
}

div.day-view td.now {
	border-left: 2px solid orange !important;
}

div.day-view td.out-hours {
	background-color: #f7f7f7;
	background-color: rgba(0, 0, 0, 0.02);
}

div.day-view td.hour {
	border-left: 1px solid #ddd;
}

div.day-view span.hover-popup-info {
	margin-top: 10px;
	padding: 3px;
}

div.system-view {
	margin-bottom: 5em;
}

div.system-view table#planning-calendar td.sess:hover {
	cursor: default;
	box-shadow: none;
}

div#switch-views-container {
	text-align: right;
	margin-top: -1em;
	margin-bottom: 1em;
}

div#switch-views-container img {
	height: 33px;
	cursor: pointer;
}

/* ---------------------- */
/* -- Publication Page -- */
/* ---------------------- */

/* Publication List */
.publication-filters label {
	display: inline-block;
	width: 100px;
}

.publication-filters select {
	width: 25%;
	min-width: 250px;
}

.publication-details {
	padding: 0 !important;
}

.publication-details .details-title {
	display: block;
	border-bottom: 1px dotted;
	border-top: 1px dotted;
	padding: 2px;
}

.publication-details ul {
	margin: 5px;
	padding-left: 20px;
	margin-bottom: 10px;
}

/* Publication Edit */
ul.pub-list {
	list-style: none !important;
	padding-left: 1.5em;
}

ul.pub-list input[type="button"].delete-link {
	padding-top: 0px;
	padding-bottom: 3px;
	border-radius: 25px;
}

ul.pub-list input[type="button"].delete-link:hover {
	color: white;
	background-color: red;
}

ul.pub-list input[type="button"].delete-link:disabled {
	color: black;
	background-color: lightgrey;
}

ul.pub-list input[type="button"].delete-link:disabled:hover {
	box-shadow: none;
	cursor: default;
}


/* ---------------------------------- */

/* Filter Input */
input[type="text"].filter {
	width: 10%;
	background: transparent;
	transition: all 0.25s;
	color: #aaa;
	border: none !important;
	text-decoration: underline;
	background: transparent !important;
}

input[type="text"].filter-blur {
	color: #aaa;
	border: none !important;
	text-decoration: underline;
}

input[type="text"].filter-focus {
	color: #000;
	border: 1px solid #aaa !important;;
	text-decoration: none;
}


/* Happy or Not */
div#happyOrNotSurvey p {
	white-space: pre-line;
	line-height: 1.25em;
}

div#happyOrNotSurvey img.smiley {
	/*height: 50px;*/
	height: 80px;
	margin: 10px 20px;
	cursor: pointer;
}

/* Create Report Table */
table.create-report-table {
	width: 100%;
}

table.create-report-table input[type="text"], table.create-report-table select, table.create-report-table textarea, table.create-report-table input#category{
	width: 75%;
}

table.create-report-table textarea#procedure {
	height: 12em;
}

table.create-report-table input[type="button"]#createButton {
	width: 100%;
}

/* Canvas */
canvas#canvas {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 20;
	height: 20;
}

div#canvasContainer {
	max-height:800px
}

/* -- Reports Page -- */
select#reports-list, select#global-reports-list {
	width: 100%;
}

p#params {
	margin-top: 2em;
}

p.report-single-data {
	text-align: center;
	font-size: 2em !important;
	font-weight: bold;
}

/* -- upload page -- */
.imageAmazonFile {
	margin-top: 1em;
	margin-bottom: 2em;
	max-width: 255px;
	max-height: 255px;
}

/* -- STOCK PAGE -- */
div#stock-check-in-container {
	float: left;
}

div#stock-check-out-container {
	float: right;
}

div#stock-check-in-container,
div#stock-check-out-container {
	width: 45%;
	text-align: center;
}

div#stock-check-in-container ul,
div#stock-check-out-container ul {
	padding-top: 15px;
	padding-left: 15px;
	border: 1px solid grey;
	list-style: none;
	text-align: left;
	overflow: auto;
}

div#stock-check-in-container img.big-arrow,
div#stock-check-out-container img.big-arrow {
	height: 100px;
}

div#stock-check-in-container img.big-arrow:hover,
div#stock-check-out-container img.big-arrow:hover {
	cursor: pointer;
	height: 105px;
}

div#stock-check-in-container label {
	display: block;
	float: left;
	width: 33%;
}

div#stock-check-in-container input {
	width: 55%;
}

div#stock-check-in-container input[type="number"] {
	width: 20%;
}

div#stock-check-out-container li#no-elements-to-check-out {
	margin: 75px auto;
	width: 40%;
	text-align: center;
}

div#stock-check-out-container ul#check-out-list span {
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	line-height: 2.5em;
	max-height: 2.5em;
	overflow-y: hidden;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

div#stock-check-out-container ul#check-out-list span img {
	height: 1em;
	cursor: pointer;
}

#stock-list-loading {

}

div#stock-check-in-container-img, div#stock-check-out-container-img {
	min-height: 120px;
}

div#stock-list-container {

}

div#stock-list-container #stockListTypeFilter {
	min-width: 45%;
	margin-top: 1em;
	margin-bottom: 1em;
}

div#stock-list-container table#stock-list td {
	vertical-align: middle;
}

div#stock-list-container table#stock-list tr.expired,
#stock-list-color-legend .expired {
	background: #FF9100;
}

div#stock-list-container table#stock-list tr.ordered,
#stock-list-color-legend .ordered {
	background: #81C784;
}

div#stock-list-container table#stock-list td.stock-actions {
	background: white !important;
	text-align: center;
}

div#stock-list-container table#stock-list td.stock-actions img.stage-stock-element {
	height: 1.5em;
	margin: 0px 15px;
	cursor: pointer;
}

dl#stock-list-color-legend dt {
	display: inline-block;
	width: 25px;
}

dl#stock-list-color-legend dd {
	display: inline-block;
	margin-left: 10px;
}

div.editStockElement ul {
	list-style: none;
	text-align: left;
}

div.editStockElement label {
	display: block;
	float: left;
	width: 33%;
}

div.editStockElement input {
	width: 55%;
}


/* -- ListSys Table -- */
table.listsys td {
	font-size: 1em !important;
	padding-left: 20px !important;
	vertical-align: top;
}

/* ------------------------ */
/* -- user group project -- */
/* ------------------------ */

.customParamTextarea {
	width: 408px;
	height: 20px;
}

.userPubmedIdQueryBlock {
	padding-top: 1em;
	padding-bottom: 2em;
}

/* -------------- */
/* -- Planning -- */
/* -------------- */

/* Rate Display */
div#rate-display {
	float: right;
}

div#rate-display p {
	background-color: #ddd;
	padding: 8px;
	border-radius: 5px;
}

/* Title */
h3.system-name, h3.week-info {
	border-bottom: none !important;
	margin-bottom: 0.25em;
}

/* Date Nav */
span#date-nav {
	font-size: 0.75em;
	font-weight: 600;
}

/* date-week */
div#date-week {
	margin-bottom: 1em;
}

div#bcode-chooser #activity-account-select, div#duplicate-user-chooser #duplicate-user-select, div#duplicate-user-chooser #loadingBookingDuplicateUserChooser, div#project-chooser #select-project {
	width: 25em;
}

div#project-chooser h4, div#bcode-chooser h4, div#duplicate-user-chooser h4 {
	display: inline-block;
	min-width: 10em;
}

/* Calendar */
table#planning-calendar {
	margin-top: 20px;
}

table#planning-calendar tr {
	height: 0.5em;
}

table#planning-calendar tr#night {
	height: 5em !important;
}

table#planning-calendar th {
	font-size: 0.7em;
	text-align: center;
}

table#planning-calendar th.hour-display {
	border-top: 1px solid #ddd;
	vertical-align: top;
	text-align: right;
	line-height: 1em;
}

table#planning-calendar td.sess {
	cursor: pointer;
	text-align: center;
}

table#planning-calendar td.sess:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}

table#planning-calendar td.sess.alias {
	cursor: default;
	color: black !important;
	background-color: #d1d1d0 !important;
	border: none !important;
	opacity: 0.8;
}

table#planning-calendar td.sess.alias:hover {
	box-shadow: none;
}

table#planning-calendar td.sess.training {
	cursor: default;
}

table#planning-calendar td.sess.training:hover {
	box-shadow: none;
}

table#planning-calendar td.inc.merge {
	text-align: center;
	color: white;
}

table#planning-calendar td.sess button.calendar-form {
	background-color: white;
	color: #666;
}

table#planning-calendar td.sess button.calendar-form:focus {
	color: #FFFFFF;
	background-color: #3949AB;
	outline: none;
}

table#planning-calendar td.specialE label,
table#planning-calendar td.specialE2 label,
table#planning-calendar td.pending label {
	color: white;
}

tr#calendar-actions td {
	text-align: center;
}

input#planning-book,
input#report-incident,
input#planning-edit-session,
input#planning-edit-session-cancel,
input#disable-time {
	width: 100%;
}

input#planning-edit-session,
input#planning-edit-session-cancel {
	margin-top: 1em;
}

input#cmtbx {
	padding: 0;
	margin: 0;
}

#required-when-no-project-display {
	margin-top: 20px;
}

.select-project-container {
	max-width: 40%;
}

.calendar-container-edit-mode {
	background-color: #f2f2f2;
	border: 1px solid #9E9E9E;
	padding-bottom: 1em;
	padding-right: 1em;
}

.editSessionContainer {
	position: relative;
	padding-top: 22px;
	padding-bottom: 22px;
}

.editSessionLink {
	position: absolute;
	width: 22px;
	height: 22px;
	top: 0;
	right: 0;
}

.editSessionIcon {
	padding: 5px;
	width: 12px;
	height: 12px;
	opacity: 1;
}

.editSessionIcon:hover {
	opacity: 0.5;
}

.editSessionSlot {
	background-color: rgba(95, 77, 208, 0.22) !important;
}
/* -- TRAINING -- */
#val label{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#val{
	width: 24em;
}

/* -- SLIDE MENU -- */
nav#slide-menu {
	display: none;
}

img#slide-menu-button {
	display: none;
}


/* -- DATATABLES OVERRIDE -- */
.dataTables_wrapper  {
	margin-bottom: 10px;
}
.dataTables_wrapper .dt-buttons, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
	font-size:80%;
}
.dataTables_wrapper .dataTables_paginate 
{
	font-size: 65%;
}


/* -- Modal Popup -- */
.modalOverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background: #000;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	z-index: 101;
}

.modalWindow {
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	margin: 0px;
	padding: 10px;
	background: #ffffff;
	border-radius: 8px;
	/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
	box-shadow: -1px 2px 12px rgba(0, 0, 0, 0.91);
	/*border: 2px solid #151515;*/
	text-align: center;
	word-spacing: 2px;
	line-height: 15px;
	font-weight: bold;
	color: #2B3A42;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	z-index: 102;
}

.modalWindow.form,
.modalWindow.form-content {
	height: 75%;
	width: 75%;
	top: 12.5%;
	left: 12.5%;
	font-size: 0.8em;
}

.modalWindow.form .modalWindowContent,
.modalWindow.form-content .modalWindowContent {
	text-align: left;
	font-weight: normal;
}

.modalWindow.form .modalWindowContent p,
.modalWindow.form .modalWindowContent h4,
.modalWindow.form .modalWindowContent h5 {
	margin: 0;
	width: 90%;
}

.modalWindow.form .modalWindowContent textarea,
.modalWindow.form-content .modalWindowContent textarea {
	padding: initial;
	padding-top: 4px;
	padding-bottom: 4px;
}

.modalWindow.form-content .modalWindowContent div#form-content-popup {
	margin-bottom: 2.5em;
}

.modalWindow.form-content .modalWindowContent span.form-content-text {
	background-color: #eee;
	padding: 10px;
	display: block;
	margin: 10px 0;
}

.modalWindow.form-content .modalWindowContent input#form-comment {
	width: 75%;
}

.modalWindow.form-content .modalWindowContent input#add-form-comment {
	width: 20%;
}

.modalWindow.session-info {
	height: 75%;
	width: 75%;
	top: 12.5%;
	left: 12.5%;
}

.modalWindow.session-info div.modalWindowContent {
	text-align: left;
	line-height: 30px;
}

.modalWindow.session-info dt {
	margin-left: 0em;
	margin-top: 1em;
	font-weight: 700;
	color: #283593;
	border-bottom: 1px dotted;
}

.modalWindow.session-info dd {
	font-size: 0.9em;
	margin-left: 0em;
}

.modalWindow.confirm-change-res {
	top: 30%;
}

.modalWindowHeader {
	width: 100%;
	padding-top: 3px;
	margin-bottom: 0px;
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	color: #ffffff;
	background: grey;
}

.confirm .modalWindowHeader {
	background: #FFA500 !important;
}

.error .modalWindowHeader {
	background: #FF0000 !important;
}

.modalWindowContent {
	max-height: 85%;
	max-height: calc(100% - 100px);
	padding: 10px;
	display: block;
	overflow: auto;
	line-height: 40px;
	font-weight: bold;
	color: #000000;
}

.modalWindowFooter {
	margin-top: 15px;
}

.modalWindowFooterFloatBottom {
	margin-bottom: 25px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.modalWindowFooter .cancelButton {
	width: 25%;
	/*background-color: #ffffff;
	color: red;
	font-size: 14px;*/
}

.modalWindowFooter .okButton {
	width: 70%;
	/*background: linear-gradient(to bottom, #efb12b 0%, #e49228 100%);
	border-radius: 5px;
	border: 1px solid #e2e1e1;
	padding: 5px 50px;
	cursor: pointer;
	font-size: 1em;
	color: #ffffff;*/
}

.session-info .modalWindowFooter {
	margin-top: 10px;
}

.session-info .modalWindowFooter button {
	height: 40px;
	display: block;
	float: left;
}

#add-home-section-content {
	text-align: left;
}


/* -- POPUP -- */
div#popup {
	position: absolute;
	background-color: #7986CB;
	display: none;
	margin: 50px;
	padding: 4px;
	line-height: 1.4em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 10px 10px 50px #222;
	-webkit-box-shadow: 10px 10px 50px #222;
	-moz-box-shadow: 10px 10px 50px #222;
}

div#popup ul {
	margin: 0 0 0 0;
	padding: 5px;

	display: block;
	list-style-type: none;

	background-color: #f8f8f8;
	border-top: 1px solid #7986CB;
}

div#popup ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 0.6em;
}

div#popup ul li a {
	margin: 0;
	padding: 0.5em 0.7em;
	text-decoration: none !important;

	background-color: #5C6BC0;
	color: white !important;
}


/*------------------*/
/*-- ON-OFF Swith --*/
/*------------------*/
/* https://proto.io/freebies/onoff/ */
.onoffswitch {
	position: relative;
	width: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-small {
	margin-left: -6px;
}

.onoffswitch-checkbox {
	opacity: 0;
	position: absolute;
	cursor: pointer;
	z-index: -1;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 15px;
	padding: 0;
	line-height: 15px;
	border: 0px solid #FFFFFF;
	border-radius: 23px;
	background-color: #999999;
}

.onoffswitch-label:before {
	content: "";
	display: block;
	width: 23px;
	margin: -4px;
	background: #EEEEEE;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 19px;
	border-radius: 23px;
	box-shadow: 0 6px 12px 0px #757575;
}

.onoffswitch-label-small:before {
	width: 20px !important;
	margin: -5px !important;
}

.onoffswitch-label-small {
	height: 10px !important;
	width: 30px !important;
	margin-left: 9px !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
	background-color: #3F51B5;
}

.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
	border-color: #3F51B5;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label:before {
	right: 0px;
	background-color: #283593;
	box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}

.onoffswitch-checkbox:focus + .onoffswitch-label {
	outline: grey dotted 1px;
}

.disabled {
	opacity: 0.5;
	pointer-events: none;
}


/* specific style for accounts views */

.descriptionListBlockTitle {
	margin-top: 2em !important;
	font-size: 1.2em !important;
}

.account-custom-onoffswitch, .account-custom-onoffswitch-enable {
	opacity: 0.5 !important;
}

.account-custom-onoffswitch * {
	cursor: default !important;
}

.account-custom-onoffswitch > .onoffswitch-label:before, .account-custom-onoffswitch-enable > .onoffswitch-label:before {
	width: 20px !important;
	margin: -5px !important;
}

.account-custom-onoffswitch > .onoffswitch-label, .account-custom-onoffswitch-enable > .onoffswitch-label {
	height: 10px !important;
	width: 30px !important;
	margin-left: 9px !important;
}

.accountTypeCustomTextarea {
	width: -webkit-fill-available;
}

.account-priority-style-1, .account-priority-style-2 {
	/*color: #ccff00;*/
}

.account-priority-style-3, .account-priority-style-4 {
	/*color: #FFFF00;*/
}

.account-priority-style-5, .account-priority-style-6 {
	/*color: #FFCC00;*/
}

.account-priority-style-7, .account-priority-style-8 {
	/*color: #ff9900;*/
}

.account-priority-style-9, .account-priority-style-10 {
	/*color: #FF0000;*/
}

.rejectedRequestedAccountBlock {
	margin-bottom: 2em;
}

.rejectedRequestedAccountBlock > p {
	color: red;
	font-size: 1.3em !important;
}

/*------- Service page --------*/
.edit-quantity-stock {
	margin-left: 10px;
}

.number-quantity-stock {
	font-size: 1.1em;
}

#select-stock-service, .select-stock-service-option {
	max-width: 500px;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

/*------- Account popup page --------*/


#accountPopupContentView {
	min-height: 300px;
}

.bcodeAccountPopup-user-style {
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
	margin-top: 4px;
	background-color: white;
	border: 1px solid #999999;
	height: 1em;
	cursor: text;

	text-overflow: ellipsis;
	overflow: hidden
}

.bcodeAccountPopup-user-style:disabled {
	background-color: rgb(235, 235, 228);
}


#account-popup-content {
	text-align: left;

	line-height: 20px;
	font-weight: initial;
	word-spacing: initial;
	font-size: 0.8em;

}

#createNewAccount {
	color: -webkit-link;
	text-decoration: underline;
	cursor: pointer;
}

.labelAccountInfo {
	margin-top: 1em;
}

.accountTypeBox {
	margin: 1em 1em 0 0;
	padding: 0 0 1em 1em;

	border-left: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
}


.accountBcodeSelector {
	width: 100%;
	height: 30px;
}

.accountBcodeSelectorState, .accountBcodeSelectorInput {
	float: left;
}

.accountBcodeSelectorState {
	padding-top: 0.5em;
	padding-left: 1em;
}

.accountSelectElement {
	cursor: pointer;
}

.accountSelectElement:hover {
	color: grey;
}

.accountSelectElementLoadMore {
	pointer-events: none;
	color: #bbb;
}

.inactiveAccountSelectElement {
	pointer-events: none;
	color: #bbb;
}

.accountPopupButton {
	width: 30%;
}

#accountPopupCancelButton {
	color: red !important;
}

#account-type-content {
	margin-top: 2em;
	margin-bottom: 2em;
}

.disabled-content {
	pointer-events: none;
	opacity: 0.2;
}

.inputPopupStyle {
	width: 398px;
}

.selectPopupStyle {
	width: 402px;
}

#addSelectedAccountToSplit, #addCreatedAccountToSplit {
	margin-top: 1em;
}

#split-accounts-list-error {
	color: red;
	margin-top: 1em;
	font-size: 1.3em;
}

.popupNewAccountWarning {
	color: red;
	font-weight: bold;
	margin-top: 2em;
	font-size: 1.3em;
}

.accountInvalidBtnDisabled {
	cursor: not-allowed;
	opacity: 0.4;
}

.noAccountTypeWarning {
	color: red;
	font-weight: bold;
	font-size: 1.3em;
}

.emptyDatepickerLink {
	color: grey;
	margin-bottom: 1em;
}


/* User Rights Page */
#userRightsVueContainer .placeholderRow {
	display: none;
}


#userRightsVueContainer #aggregatedSelectDisplay {
	display: flex;
	align-items: baseline;
	gap: 2px;
}

#userRightsVueContainer #viewRightsContainer {
	display: flex;
	/* justify-content: left; */
	align-items: center;
}

#userRightsVueContainer #viewRightsSelectContainer {
	width:25em;
	display: inline-block;
	margin-right: 10%;
}

/* #userRightsVueContainer #aggregatedLabel {
	display: none;
} */
#userRightsVueContainer #aggregatedContainer {
	display: inline-block;
}
#userRightsVueContainer .changeCompareDurationInput {
	display: none;
}

#userRightsVueContainer .changeDurationLabel:hover {
	cursor: pointer;
}

#userRightsVueContainer .rightsSelectBox {
	width:20em;
}

#userRightsVueContainer #rightsContainer .del {
	margin-top: 2px;
	margin-bottom: 2px;

}

#userRightsVueContainer .ag-header-cell-text{
	white-space: normal;
	text-align: center;
}


#userRightsVueContainer .filter {
	width:4em;
	color:#aaa;
	border:0;
	text-decoration:underline;
	background:transparent;
}

#userRightsVueContainer #aggregatedSelectBox{
	width:30em;
	margin-right: 1%;
}

#userRightsVueContainer .notable {
	color:orange;
}

#userRightsVueContainer #superUserGridHolder {
	display:none;
}

#userRightsVueContainer #userRightsGridHolder {
	display:none;
}

#userRightsVueContainer .expirationDatePicker, #userRightsVueContainer .ui-datepicker-trigger, #userRightsVueContainer .expirationDateSaveButton{
	display: none;
}

#userRighsVueContainer #autonomyTable div[col-id='1'] {
	width: 82px;
}

#userRightsPlaceholder {
	display: none;
}

/*Create Incident Page*/

#creatinc #multiSystemsLabel{
}

#creatinc #systemSelect{
	overflow: auto;
    width: 370px;
    margin-bottom: 20px;
    height: 200px;
}

#creatinc .submitInterventionButton{
	width:300px;
}

#creatinc #systemLabel, #systemselected{
}



#creatinc #singleSystemSelect{
	width:250px ; 
	margin-bottom:20px;
}

#creatinc .selectLabel{
	color:rgb(255, 5, 0)
}

#creatinc #staffMemberContainer {
	display: inline;
	width: 33%;
}

#creatinc #staffMemberContainer img, #categoryContainer img {
	position: relative;
	right: 25%
}

#creatinc .isErroneousText{
	color: rgb(255, 5, 0);
	font-size: 1em;
}

#creatinc #de3{
	color:rgb(255, 5, 0)
}

#creatinc .isErroneousTime{
	color: rgb(255, 5, 0);
	font-size: 1em;
}

#creatinc #incidentLabel{
	color:rgb(255, 5, 0)
}

#creatinc #select-reli {
	max-width:38%;
    white-space: normal;
    overflow: hidden;
}

#creatinc #hourStartLabel{
	display: none;
}

#creatinc #hourStartLabel{
	display: none;
}

#creatinc #hourStopLabel{
	display: none;
}

#creatinc #weekdayLabel{
	color:#1a237f
}

/*--- Incident pages ---*/

.incidentPage tbody {
	font-size: 16px;
}

.incidentPage td {
	margin-right: 16px;
	vertical-align: top
}

.incidentPage .detailshead {
	font-weight: bold;
}

.incidentPage .tabHeader {
	width: 100%;
	height: 2.5em;
	align-items: center;
	display: flex; 
	justify-content: left;
	background-color: #E8EAF6
}

.incidentPage #updateCategory #waitGif, #staffMemberContainer #waitGif {
	position: relative;
	right: 25%
}

.incidentPage .tab {
	display: grid; 
	justify-content: left;
	text-align: left;

}

.incidentPage .tabHeader input[type="button"] {
	float: left;
	height: 2.5em;
	width: 20%;
	border: none;
}

.incidentPage .selectLabel {
	color:rgb(255, 5, 0)
}

.incidentPage .boldlink  {
	font-weight: bold;
}

.incidentPage a {
	cursor: pointer
}



.incidentPage .isErroneousText, #sub .isErroneousTime{
	color: rgb(255, 5, 0);
	font-size: 1em;
}




.incidentPage #submitUpdateInterventionButton {
	width: 678px;
}



#exportp #exportbutton {
	width: 20%;
	margin-right: .5%;
	height: 2.5em;
}

.noprint #separatebutton {
	width: 20%;
	color:rgb(255, 5, 0);
	margin-right: .5%;
	height: 2.5em;
}

.incidentPage #groupWarn {
	font-size: .9em;
	color:rgb(255, 5, 0)

}

.incidentPage #incidentGroupTitle {
	font-size: .9em;
	position: relative;
	left: -3%;
}

/* Incident Details Table */

table.sheet .warning {
	font-weight: bold;
	color:rgb(255, 5, 0)
}

table.sheet a:hover {
	cursor: pointer;
}

/* Incident Search Tables */

#incident-search-results table.sheet th {
	width: 20%
}

#incident-form #multipleSelect td {
	height: 100%
}

#incident-form #inputColumns td {
	width: 25%
}


/* Date Picker Component */


.datepicker .dateSelector {
	text-align: center;
	width: 5.5em
}

.datepicker #dateValueHolder {
	display: none;
}

.datepicker {
	display: inline;
}

.datepicker #clearButtonContainer {
	display: inline;
	height: 30px;

}

.datepicker #datePickerClear, #datePickerContainer .datePickerClear {
	transition: all 0.2s ease;
	position: relative;
	top: 4px;
	height: 15px;
	width: auto;
	margin-right: 7px;
	margin-left: 2px;

}

.datepicker #datePickerClear:hover, #datePickerContainer .datePickerClear:hover {
	transform: scale(1.3);
	cursor: pointer;

}



/* Report Page */


#reportsTree #reportTreeFilterContainer {
	position: relative;
	/*margin-left: 4%;*/

}

#reportsTree .reportList {
	list-style-type: none;	
}
#reportsTree .caret {
	cursor: pointer;
	user-select: none; /* Prevent text selection */
	border: 0;
	margin-right: 3px;
	color: black;
	display: inline-block;
}

#reportsTree .caret:focus {
	background: transparent;
	border: 2px solid black;
}

#reportsTree .caret-open {
	color: black;
	transform: rotate(90deg);
}
 
#reportsTree .caretText {
	display: none;
}

#reportsTree .expandText {
	margin-right: 20px;
	font-size: .9em;
}



#reportsTree .nested {
	display: none;
  }
  
#reportsTree .active {
display: block;
}

.create-report-table #categoryWarning {
	color:rgb(255, 5, 0);
	font-weight: bold;
	font-size: 1em;
	display: none
}

/*----------------- Order form uploaded image width fix -----------------*/
/*-- ticket #21094 --*/

.ui-widget-content span img{
	max-width: 25em;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/*----------------- Account management pages -----------------*/

.filterListContainer {
	float: right;
	margin-bottom: 5px;
	margin-top: 1em;
}

.selectFilterLabelStyle, .selectFilterStyle, .searchLikeBox {
	float: left;
}

.selectFilterLabelStyle, .selectFilterStyle {
	margin-right: 0.5em;
}

.selectFilterStyle {
	min-width: 200px;
}

.searchLikeBox {
	min-width: 300px;
	margin-top: 0 !important;
	margin-right: 1px;
	padding: 6px 2px !important;
}

.selectFilterLabelStyle {
	margin-top: 3px;
}

.orderListByClass {
	cursor: pointer;
}

.activeOrderByASC::after {
	content: "▲";
	margin-left: 0.5em;
	font-size: 0.8em;
}

.activeOrderByDESC::after {
	content: "▼";
	margin-left: 0.5em;
	font-size: 0.8em;
}

.accountListPagelinkContainer {
	margin-top: 0.3em;
}

.accountNotValid > a {
	color: #FF0000 !important;
}

.trackinPagelinkContainer {
	margin-top: 0.3em;
	padding: 5px 0px;
	overflow: auto;
}

.trackinPagelinkContainer .listPagelink {
	float: left;
	padding: 2px 6px;
	text-decoration: none;
	border: 1px solid #ddd;
}

.trackinPagelinkContainer .selectedPageStyle {
	background-color: #1b4283;
	color: white !important;
}

.listPagelink {
	font-size: 1em;
	cursor: pointer;
}

.selectedPageStyle {
	font-weight: bold;
}

.trackin-selected-filter {
	font-weight: bold;
}

.trackin-filter-link {
	cursor: pointer;
	padding: 5px;
}

.trackin-search-container {
	/* overflow: auto; */
	display: flex;
	padding-bottom: 10px;
	text-align: center;
}

.trackin-search-container > div {
	flex: 1;
}

.trackin-search-container > div > p {
	margin: 0;
	padding: 0;
}

/* .trackin-search {
	float: left;
	padding-bottom: 10px;
}

.trackin-view-edit {
	float: right;
} */

.wait-icon-container {
	text-align: center;
}

.accountTypeFooter {
	padding-top: 2em !important;
	padding-bottom: 1em;
}

#accountmngtAccountListView {
	min-height: 600px;
}

div.interfaceLoaderBlock {

}

div.interfaceLoaderBlock > h3 {
	margin-bottom: 0.5em !important;
}

div.interfaceLoaderBlock > p {
	margin-top: 0 !important;
}

.vueRenderingAnimation-enter-active, .vueRenderingAnimation-leave-active {
	transition: opacity 0.5s
}

.vueRenderingAnimation-enter, .vueRenderingAnimation-leave-to {
	opacity: 0
}

/*-----------------------------*/

/*------------------ Info session Vue -------------------------*/
#infoSessionVue.infoSessionVueTemplateMode dt {
	margin-top: 1em;
}

#infoSessionVue.infoSessionVueModalPopupMode .infoSessionNavigationLink {
	height: 0.5em !important;
}

#infoSessionVue .infoSessionNavigationLink a {
	float: right;
	font-size: 0.8em;
}





/*------------------ Info session form Vue -------------------------*/
#infoSessionFormNavigationLink{
	float: right;
	font-size: 0.8em;
	display: inline;
	font-weight: normal;
}

#infoSessionFormVue .new-form-comment-line {
	margin-top: 2em;
}

#infoSessionFormVue .form-comment-line {
	line-height: 30px;
}

#printSessionFormContent{	
	float : right;
}


#formResponseDetailsLink{
	text-align: right;
}

@media print {
	.do-not-print {display: none !important}
}
/*-----------------------------*/


/*------------------ form session popup Vue -------------------------*/
#formSessionPopupVue .new-form-comment-line {
	margin-top: 2em;
}

#formSessionPopupVue .form-comment-line {
	line-height: 30px;
}

/*-----------------------------*/

/*------------------ Account compatibility request Vue -------------------------*/

.acRequestInput {
	width: 100%;
}

.acRequestInputFilterLabel {
	width: 20%;
}

.acRequestInputFilter {
	width: 80%;
	background-color: transparent !important;
	border: none !important;
	outline: none !important;
}

.objectForValidationApproveAll {
	float: right;
	margin-top: 0.5em;
}

.objectForValidationActionTh {
	width: 125px;
}

/*-----------------------------------------------------------------*/


/*------------------CUSTOM SELECT -------------------------*/
.customSelect {
	width: 100%;
}

.customSelectInput {
	width: 390px;
	padding: 4px !important;
	font-size: 1em;
}

.customSelectInputIcon {
	float: left;
	margin-top: 9px;
	margin-left: 3px;
}

.customSelectInputNoResult {
	color: red;
}

#accountBcodeNotValid, #newAccountBcodeNotValid {
	color: red;
	font-weight: bold;
}
#globalErrorMsg {
	color: red;
	font-weight: bold;
	font-size: 1.3em;
}

.customSelectOptions {
	width: 400px;
	margin-top: 1px;
	/* position: absolute; */
	z-index: 1;
	background-color: white;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

.customSelectOptionsEmpty {
	border-color: transparent !important;
}

.customSelectOption {
	text-overflow: ellipsis;
	overflow: hidden;

	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
}

.batch-process-row {
	background-color: #e6ffe6;
}

/*-----------------------------*/

/*------------------ Tag vue -------------------------*/
#tagIntefaces .tag-vue-td-preview {
	padding: 1em !important;
	line-height: 20px;
}

#tagIntefaces .tag-vue-td-preview .tag-vue-objName {
	font-weight: bold;
}

#tagIntefaces .tag-vue-validation-btn {
	width: 150px;
}

#tagIntefaces .tag-vue-validation-error {
	min-height: 30px;
}

#tagIntefaces .tag-vue-create-new-btn {
	min-height: 30px;
}

#tagLinkIntefaces #tagList {
	margin-bottom: 2em;
}

#tagLinkIntefaces .tag-link-vue-back-a {
	margin-bottom: 2em;
}

#tagLinkIntefaces .tag-link-vue-category-td {
	padding: 0.5em;
	font-weight: bold;
	font-size: 0.9em;
}

/*------------------ Tag Edit vue -------------------------*/
.tagListContainer .tagElement{
	margin-right: 1em;
	font-size: 0.8em;
}

/*-----------------------------*/

/*--------- order vue ----------*/
.SGroup-level-1{
	font-size: 130%;
	margin-left: 0em;
}

.SGroup-level-2{
	font-size: 120%;
	margin-left: 1em;
}

.SGroup-level-3{
	font-size: 110%;
	margin-left: 2em;
}

.SGroup-level-4{
	font-size: 100%;
	margin-left: 3em;
}

.SGroup-level-5{
	font-size: 90%;
	margin-left: 4em;
}

td.invalid-order-input{
	background-color: #FFEC00;
}

/*-----------------------------*/

/* ------------------------------------------------------------------------------------------------------------- */
/* -- MAX-WIDTH: 1900px; -- */
/* ----------------------- */

@media all and (max-width: 1900px) {
	/* -- Modal popup forms + session info -- */
	.modalWindow.form, .modalWindow.form-content, .modalWindow.session-info {
		height: 85%;
		top: 7.5%;
		left: 7.5%;
		width: 85%;
	}

	.modalWindow.form .modalWindowContent, .modalWindow.form-content .modalWindowContent, .modalWindow.session-info .modalWindowContent {
		max-height: calc(100% - 105px);
	}
}


/* ------------------------------------------------------------------------------------------------------------- */
/* -- MAX-WIDTH: 1400px; -- */
/* ----------------------- */

@media all and (max-width: 1400px) {
	/* -- Modal popup forms + session info -- */
	.modalWindow.form, .modalWindow.form-content, .modalWindow.session-info {
		height: 90%;
		top: 5%;
		left: 5%;
		width: 90%;
	}

	.modalWindow.form .modalWindowContent, .modalWindow.form-content .modalWindowContent, .modalWindow.session-info .modalWindowContent {
		max-height: calc(100% - 105px);
	}
}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- MAX-WIDTH: 930px; -- */
/* ----------------------- */

@media all and (max-width: 930px) {
	div#head.scroll div#facility h1, div#facility h1 {
		font-size: 1.2em;
	}

	img#slide-menu-button {
		display: inline !important;
		float: left;
		height: 35px;
		margin-top: 10px;
		margin-left: 7px;
		margin-right: 10px;

		background-color: #3F51B5;
		border-radius: 7px;
	}

	/* CODE FROM: http://callmenick.com/2014/03/26/slide-and-push-menus-with-css3-transitions/ */
	body.menu-open nav#slide-menu {
		left: 0;
	}

	body.menu-open div#main {
		left: 220px;
	}

	body.menu-open div#head {
		position: relative;
	}

	.mask {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 15;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.3);
	}

	div#main {
		position: relative;
		z-index: 10;
		top: 0;
		left: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	nav#slide-menu {
		display: block !important;

		position: fixed;
		z-index: 20;
		background-color: #3F51B5;
		overflow: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;

		top: 0;
		left: -300px;
		width: 220px;
		height: 100%;
	}

	nav#slide-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	nav#slide-menu ul li {
		display: block;
		text-align: center;
		border-bottom: solid 1px #e2e1e1;

		padding-top: 5px;
		padding-bottom: 5px;

		color: #ffffff;
		font-size: 0.75em;
	}

	nav#slide-menu ul li#menu-logout {
		background-color: red;
	}

	nav#slide-menu ul li a {
		font-weight: 600;
		color: #ffffff;
		text-decoration: none;
		font-size: 1.25em;
	}

	/* END CODE */
	nav#slide-menu ul li.slide-menu1 {
		background-color: #3F51B5;
	}

	nav#slide-menu ul li.slide-menu2 {
		background-color: #283593;
	}

	div#institution {
		display: none;
	}

	div#head {
		height: auto;
		background-image: none;
		background-color: transparent;
		padding: 0px;
	}

	div#head-2 {
		width: 100%;
		height: auto;
		background-image: none;
		background-color: transparent;
		margin: 0px;
	}

	div#facility {
		height: auto;
		width: auto;
		padding: 5px;
		border: none;
		padding-top: 10px;
		padding-bottom: 15px;
		margin: 0px;

		background-color: #3F51B5;
		background-image: none;

		position: initial;
		float: none;
		clear: none;

		display: block;
	}

	div#facility-2, div#facility-3 {
		height: auto;
		background-image: none;
	}

	div#facility-5, div#facility-6, div#facility-7 {
		height: 0px;
		background-image: none;
	}

	div#facility h1 {
		text-align: left;
		padding: 0px;
		height: auto;
		width: 100%;
		padding-top: 5px;
		/*padding-bottom: 10px;*/

		margin-top: 0px;
		margin-bottom: 0px;

		float: none;
		position: initial;

		background-image: none;
		border: none;

		color: #fff;
	}

	div#facility h1 a {
		color: #fff;
	}

	select#change-core {
		display: inline-block !important;
	}

	div#main, div#main-2, div#main-3, div#main-4 {
		margin: 0;
		padding: 0;
		width: 100%;
		background-image: none;
	}

	div#menu {
		display: none;
	}

	div#content {
		float: none;
		width: auto;
		margin: 0px;
		padding: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5em;
	}

	div#main, div#main-2, div#main-3, div#main-4, div#content, div#head, div#head-2, div#bottom-4 {
		min-width: 0px;
	}

	div#bottom {
		width: auto;
		padding-left: 15px;
	}

	/* -- Planning -- */
	/* Time slots */
	td.bookable label {
		display: inline-block !important;
		color: black !important;
	}

	.specialEnvironmentBlocking {
		pointer-events: none !important;
	}

	/* -- Modal popup forms + session info -- */
	.modalWindow.form, .modalWindow.form-content, .modalWindow.session-info {
		height: 100%;
		top: 0%;
		left: 0%;
		width: 100%;
		padding: 0;
		border-radius: 0px;
	}

	.modalWindow.form .modalWindowContent, .modalWindow.form-content .modalWindowContent, .modalWindow.session-info .modalWindowContent {
		padding: 15px;
		max-height: calc(100% - 130px);
	}

	.modalWindow.form .modalWindowFooter, .modalWindow.form-content .modalWindowFooter, .modalWindow.session-info .modalWindowFooter {
		margin: 15px;
	}

	/* -- Start Page -- */
	/* Public Documents */
	div#pub-global-docs {
		float: none;
		margin: 0 0 15px 0;
		max-width: 100%;
	}
}

/* MM: long text with no space need to wrap */
.form , #form-content {
    word-break: break-word;
}

/* DROPZONE */
.dropzone-file-main {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dropzone-container {
    padding: 4rem;
    background: #f7fafc;
    border: 1px solid #e2e8f0;
}

.hidden-input {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}

.file-label {
    font-size: 20px;
    display: block;
    cursor: pointer;
}

.doc {
    border:1px solid gainsboro; 
	width:99%; 
	padding:10px;
}
.doc h1 {
	font-size: 35px !important;
}
.doc h2 {
	font-style:none !important;
	padding-top: none !important;
	font-size: 28px !important;
	text-align: none !important;	
	border-bottom: none !important;
}
.doc h3 {
	font-style:none !important;
	padding-top: none !important;
	font-size: 23px !important;
	text-align: none !important;	
	border-bottom: none !important;
}
.doc h4 {
	font-size: 18px !important;
}
.doc h5 {
	font-size: 14px !important;
}

.card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
  }

  .upDownIcon {
	opacity: 0.8;
	transition: all .1s ease-in-out;
  }

  .upDownIcon:hover {
	opacity: 1;
	transform: scale(1.15);
	cursor: pointer;
  }

  .file {
	transition: all .1s ease-in-out;
  }

  .file:hover {
	transform: scale(1.01);
	cursor: pointer;
  }

  .search-input {
	padding: 5px 10px !important;
	border-radius: 2px;
	padding: 0 5px;
	border: 1px solid #ccc;
	font-size: 16px;
	transition: border-color 0.3s ease-in-out;
  }
  
  .search-input:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  }

  .first-elem-list-folder {
	padding: 0.5em; 
	font-size: 0.8em;
  }
  
  .elem-list-folder {
	padding: 0.5em; 
	cursor: pointer;
	font-size: 0.8em;
  }

  .elem-list-folder:hover {
	background-color: #E8EAF6;
  }

  #list-folder {
	width:420px; 
	border: solid 1px rgba(0, 0, 0, 0.251); 
	border-radius: 1px;
  }


  /* Add some padding inside the card container */
  .container {
	padding: 2px 16px;
  }

  .folders-font {
	font-size: 14px;
  }

  .toggle-switch {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 20px;
  }
  
  .toggle-input {
	display: none;
  }
  
  .toggle-label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 20px;
	background-color: #dddddd;
	border-radius: 30px;
	cursor: pointer;
	transition: background-color 0.3s ease;
  }
  
  .toggle-label:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	border-radius: 100%;
	transition: transform 0.3s ease;
  }
  
  .toggle-input:checked + .toggle-label {
	background-color: #506FA1;
  }
  
  .toggle-input:checked + .toggle-label:before {
	transform: translateX(20px);
  }

  .disabledButton {
	opacity: 0.5;
  }
  

/* ------------------------------------------------------------------------------------------------------------- */
/* -- MAX-WIDTH: 640px; -- */
/* ----------------------- */

@media all and (max-width: 640px) {
	/* -- Start Page -- */
    /* Search Box */
    div#search-div input#search-box {
        width: 100%;
    }

	/* -- Home Page -- */
	/* Home Sections */
	div.home-left, div.home-right {
		float: none !important;
		width: 100% !important;
	}

	/* Drag & Drop button */
	img.home-section-drag {
		display: none !important;
	}

}

/* --------------------- Accessibility ----------------*/

.buttonWrapper{
	border: 0px;
	background: transparent;
	transition:none; 
    -moz-transition:none; 
    -o-transition:none; 
    -webkit-transition:none;
	box-shadow: none !important;
}

/*------------------ Vstock compatibility request Vue -------------------------*/
/*
.form-errors {
	background-color: #f2dede;
	padding: 15px;
	width:650px;
}

.error-label {
	color: #ff0b12;
}

/* pricerules option select */

select.priceruleSelect { width:30px; border:0; background-color: transparent; }

select.autonomousSelect { width:30px; border:0; background-color: transparent; }