/*

New stylesheet
version 202001

Copyright Stratocore SAS
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

*/


/* --------------------------------------------------------------------------------------------------------------- */
/* -- GLOBAL STYLE -- */
/* ------------------ */

/* ------------------- *
 * -- COLOR PALETTE -- *
 * ------------------- *
 *
 * #fef2ec | Orange 50
 * #fde5da | Orange 100
 * #EF9A9A | Red 200
 * #E57373 | Red 300
 * #EF5350 | Red 400
 * --
 * #FFE57F | Amber A100
 * #FFD740 | Amber A200
 * #FFC400 | Amber A400
 * #FFAB00 | Amber A700
 * --
 * #FFA000 | Amber 700
 * #FF8F00 | Amber 800
 * #FF6F00 | Amber 900
 * --
 * #C8E6C9 | Green 100
 * #A5D6A7 | Green 200
 * #4CAF50 | Green 500
 * #388E3C | Green 700
 * --
 * #0077BF | UHN Blue
 * #ffcc33 | Yellow
 * #0077BF | Teal
 * #2757A5 | UHN Blue Admin
 * --
 * #FCFCFC |
 * #F8F8F8 |
 * #F2F2F2 |
 * #DDDDDD |
 * --
 * #E4F3B5 |
 * --
 * #FFA500 | Red
 * #FF0000 | Orange
 *
 * ------------------- */


/* -- FONT FACE -- */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('OpenSans'), url('opensans.woff') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto'), local('OpenSans-Bold'), url('opensans700.woff') format('woff');
}

/* -- BODY -- */
html {
	background-color: #f8f8f8;
}

body {
	font-family: 'Roboto', sans-serif, Helvetica, Arial;
	font-size: 1em;
	text-align: left;

	background-color: #fcfcfc;
	color: #333;

	margin: 0;
	padding: 0;
}

/* -- MAIN -- */
div#main {

}


/* -- OTHERS -- */
strong {
	color: #0077BF;
	font-weight: 600;
}

label {
	color: #0077BF;
}

div#printing{
	display: none;
}

.invisible {
	display: none;
}
.unsupported {
	display: none;
}
.visible {
	display: inline;
}

a.mailto {
	font-weight: bold;
	font-size: 1.1em;
}

.modalWindowHeader {
	background: #0077BF !important;
}
.modalWindow.session-info dt {
	color: #2757A5 !important;
}

select#change-core {
	color: #0077BF !important;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- HEADER -- */
/* ------------ */
div#head {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	background-color:#fff !important;
	box-shadow: 0px 1px 10px 0px #58595B;
	transition: all 0.4s;
  }
  div#head.scroll {
	transition: all 0.4s;
  }
  div#head.scroll div#institution div#logo img {
	height: 0px;
	margin: 0px;
	transition: all 0.2s;
  }
  div#head.scroll div#facility, div#head.scroll div#institution  {
	height: 0px;
	margin: 0px;
	transition: all 0.4s;
  }
  div#head.scroll div#facility h1 {
  /*display: none;*/
  	margin: 0px;
	font-size: 0em;
	transition: all 0.2s;
  }
  div#head.scroll select#change-core {
	display: none;
  }
  /* -- INSTITUTION AND LOGO (for Customization) -- */
  div#banner {
	margin: 0;
	padding: 0;
	width: 85%;
	max-width: 1024px;
	transition: all 0.5s;
	margin: auto;
  }
  div#institution {
	margin: 0;
	padding: 0;
	float:left;
  }
  div#logo {
  	margin: 0 0 .5em 0;
  }
  div#logo img {
	height: 4em;
	margin-top: 20px;
	transition: all 0.3s;
  }
  /* -- FACILITY BANNER -- */
  div#facility {
	transition: all 0.5s;
	width: 100%;
  }
  div#facility h1 {
	max-width: 1024px;
	width: 55%;
	font-size: 1.2em;
	font-weight: 700;
	text-align: right;
	margin: 0 0 auto auto;
	padding: 1.5em 0 0 0;
	color: #0077BF;
	transition: all 0.3s;
  }
  div#facility h1 a {
	color: #0077BF;
	text-decoration: none;
  }
  div#facility h1 a:hover {
	color: #FED535;
	text-decoration: none;
  }
  img#slide-menu-button {
	display: none;
  }
/* -- SLIDE MENU -- */
nav#slide-menu{
	display: none;
}

/* -- MENU BANNER -- */
div#menu{
	clear:both;
}


/* -- User Menu -- */
div#menu1 {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 40px;
	background-color: #0077BF;
}

div#menu1 ul {
	margin: auto;
	padding: 0;
	list-style-type: none;
	font-size: 0px;

	width: 85%;
	max-width: 1024px;

	margin-top: 0px;
	height: 40px;
}

div#menu1 ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 15px;

	height: 40px;
}

div#menu1 ul li a {
	color: #f0f0f0;

	padding: 0;
	margin: 0;
	text-decoration: none;
	line-height: 40px;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-right: 1.5em;
}
div#menu1 ul li:last-child a {
	margin-right: 0em;
}
div#menu1 ul li a:hover	{
	color: #FFF;
	background-color: #2757A5;
	border-bottom: 3px solid #2757A5;
}
div#menu1 ul li:last-child a:hover	{
	color: red;
	border: none;
	cursor: default;
	/*background-color: red;
	border-bottom: 3px solid red;*/
}

div#menu1 ul li.focus a {
	color: #fff;
	background-color: #2757A5;
	border-bottom: 3px solid #2757A5;
	font-weight: bold;
}
div#menu1 ul li.focus a:hover {
	color: #0077BF;
	border: none;
	border-bottom: 3px solid #2757A5;
	font-weight: bold;
}

/* -- Admin Menu -- */
div#menu2 {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 35px;
	background-color: #2757A5;
}

div#menu2 ul {
	margin: auto;
	padding: 0;
	list-style-type: none;
	font-size: 0px;

	width: 85%;
	max-width: 1024px;
}

div#menu2 ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 15px;
	height: 35px;
}

div#menu2 ul li a {
	color:#ffffff;

	float: left;
	padding: 0em;
	margin: 0;
	text-decoration: none;

	padding-top: 6px;
	padding-bottom: 5px;
	margin-right: 1.5em;
}
div#menu2 ul li a:hover	{
	color: #FFF;
	background-color: #0077BF;
	border-bottom: 3px solid #0077BF;
}
div#menu2 ul li.help-menu a:hover	{
	color: white;
	border: none;
	cursor: help;
}

div#menu2 ul li.focus a {
	color: #FFFFFF;
	border: none;
	font-weight: bold;
	background-color: #0077BF;
	border-bottom: 3px solid #0077BF;
}
div#menu2 ul li.focus a:hover {
	color: #FFF;
	border-bottom: 3px solid #0077BF;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- CONTENT -- */
/* ------------- */

/* -- GLOBAL -- */
div#content {
	width: 85%;
	max-width: 1024px;
	min-height: 400px;
	margin: auto;
	padding-top: 10em;
	/*padding-top: 12.5%;*/
	padding-bottom: 4em;
}

div#content h2 {
	font-size: 1.5em;
	color: #0077BF;
	text-align: left;
	font-weight: 600;
	border-bottom: 2px solid #0077BF;
}

div#content h2 small {
	font-size: 0.5em;
}

div#content h2 a {
	color: #ffcc33;
}
div#content h2 a:hover {
	color: #FFAB00;
	text-decoration: none;
}

div#content h3 {
	margin-top: 1em;
	font-size: 1.1em;
	color: #0077BF;
	text-align: left;
	font-weight: 600;

	padding-top: 0.75em;
	border-bottom: 1px dotted;
}

div#content h3 small {
	font-size: 0.6em;
}

div#content h3 a {
	color: #0077BF;
}
div#content h3 a:hover {
	color: #0077BF;
	text-decoration: underline;
}

div#content h4	{
	font-size: 0.9em;
	color: #EF5350;
	text-align: left;
	font-weight: 600;
	/*border-bottom: 1px dotted;*/
}

div#content h4 small {
	font-size: 0.66em;
}

div#content a {
	color: #5a469b;
	text-decoration: none;
}
div#content a:hover {
	color: #0077BF;
	text-decoration: underline;
}

div#content ul {
	list-style-image: url('Basic1.png');
}
div#content li {
	margin-bottom: 0.5em;
}

div#content p, div#content li, div#content td {
	font-size: 0.8em;
}

div#content dt {
	font-size: 0.9em;
	margin-left: 0em;
	font-weight: 700;
	color: #2757A5;
}

div#content dd{
	font-size: 0.8em;
	margin-left: 0em;
}

/* -- FORM STYLES -- */
input[type="submit"], input[type="button"], button {
	padding: 5px;

	/*border: none;*/
	/*background: transparent;*/
	background-color: #f8f8f8;
	background-color: rgba(70%,70%,70%,0.05);
	color: #0077BF;
	font-weight: bold;

	transition: box-shadow 0.3s;

	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
	cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}
input[type="submit"]:focus, input[type="button"]:focus, button:focus {
	color: #FFFFFF;
	background-color: #0077BF;
	outline: none;
}

input[type="submit"].del, input[type="button"].del, button.del {
	color: #FF0000;
}
input[type="submit"].del:focus, input[type="button"].del:focus, button.del:focus {
	color: #FFFFFF;
	background-color: #FF0000;
}

input[type="submit"].reset, input[type="button"].reset, button.reset {
	color: #0077BF;
}
input[type="submit"].reset:focus, input[type="button"].reset:focus, button.reset:focus {
	color: #FFFFFF;
	background-color: #FFA500;
}

select {
	padding: 5px 0px;
	-webkit-appearance: menulist-button;
	height: 28px;
}

/* Deactivated by AZ on 15.05.2025. Ticket#30638 */
/* 
option {
	color: #0077BF; 
} */

input[type="text"],
input[type="number"] {
	padding: 4px 0px;
	margin-top: 4px;
}

/* -- Filter Inputs -- */
input[type="text"].filter {
	/*width: 4em;*/
	width: 10%;
	color: #aaa;
	border: none;
	text-decoration: underline;
	background: transparent;

	transition: all 0.5s;

	padding: 5px 0px;
}
input[type="text"].filter:focus{
	background-color: white !important;
	outline: none;
}


/* -- TABLE STYLES -- */
table.sheet {
	border-collapse: collapse;
	empty-cells: show;
	/*border: 1px solid #ffcc33;*/
}
table.sheet td {
	vertical-align: top;
	padding: 0.2em;
	border-right: 1px solid #ceeeff;
	border-left: 1px solid #ceeeff;
	border-bottom: 1px solid #ceeeff;
}
table.sheet th {
	vertical-align: top;
	padding: 0.2em;
	border: 1px solid #C5CAE9;
	text-align:left;

	background-color: #E8EAF6 !important;
	color: #1b4283 !important;
	font-size: 0.8em;
}


/* -- POPUP -- */
div#popup {
	position: absolute;
	background-color: #E57373;
	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 #E57373;
}

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:#EF5350;
	color: white !important;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- LOGIN PAGE -- */
/* ---------------- */

input#user, input#passwd {
	margin: 0;
	padding: 5px 0px;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* -- HOME PAGE -- */
/* --------------- */

/* -- HOME SECTION -- */
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:#ffcc33;
}

div.home-action {
	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;
}
div.home-action:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

div.home-action h3 {
	border: none !important;
}

select.home-button {
	font-size: 1.2em;
	padding: 10px;
	width: 66%;
	height: 40px;
}

input[type="submit"].home-button {
	font-size: 1.3em;
	padding: 10px;
	/*padding-top: 8px;*/
	width: 33%;
}


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;
}
div.home-section:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

div.home-section h3 {
	padding-top: 0.5em !important;
	border: none !important;
}

div.home-section h3 a:hover {
	color: #0077BF !important;
}


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;
}

div#report-inc select {
	width: 66%;
	padding: 5px 0px;
}

div#report-inc input[type="submit"] {
	width: 25%;
	padding: 6px;
}


div#home-reports p {
	font-size: 1em;
	font-weight: 700;
	margin-top: 2em;
}

div#home-reports div.dataTables_wrapper {
	overflow-x: auto;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- BOOK PAGE -- */
/* --------------- */

/* -- List of bookable systems -- */
table.listsys {
	border: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px;
}
table.listsys td {
	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;
}
table.listsys td:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

table.listsys td h3 {
	border: none !important;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- PLANNING PAGE -- */
/* ------------------- */

h3.planning-title {
	border-bottom: none !important;
}

div#content table.planning a {
	color: red;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- ORDER PAGE -- */
/* ---------------- */

/* -- Order Select -- */
select.order-select {
	width: 25%;
	margin-top: 5px;
}

/* -- Order Input -- */
td.order-input {
	text-align: right;
	padding: 2px;
	background-color: #E4F3B5;
}
td.order-input input[type="text"] {
	display: block;
	margin: 0;
	padding: 5px;
	border-width: 0;
	text-align: right;
	background-color: #E4F3B5;
}
td.order-input input[type="text"]:focus {
	outline: none;
	background-color: #E4F3B5 !important;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* -- STAT PAGE -- */
/* --------------- */

/* -- Stat Action -- */
div.stat-action {
	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;
}
div.stat-action:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

/* -- Stat Colors -- */
div#content .stat2 {
	background: #1A237E !important;
	opacity: 0.8;
	color: #fff;
}
div#content .stat1 {
	background: #7986CB !important;
	color: #fff;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- REPORTS PAGE -- */
/* ------------------ */

/* -- Report Name -- */
h3.report-name {
	border-bottom: 1px solid;
}

/* -- Report Description -- */
p.report-descr {
	font-size: 1em !important;
	font-weight: bold;
	color: #0077BF;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- INCIDENTS PAGE -- */
/* -------------------- */

div#incident-form {
	border:1px solid black;
}

div#incident-form table {
	width: 100%;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* -- PROJECTS PAGE -- */
/* ------------------- */

form#search-proj {
	float: right;
	margin-top: -54px;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- SETTINGS PAGE -- */
/* ------------------- */

p.questions-text {
	display: block;
	background: rgb(255,229,127);
	background: rgba(255,229,127, 0.7);
	margin-left: -4px;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- ADMINS PAGE -- */
/* ----------------- */

h3#createlink {
	border: none !important;
}
/*------------------*/
/*-- ON-OFF Switch --*/
/*------------------*/
/* 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-checkbox {
    display: none;
}
.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-checkbox:checked + .onoffswitch-label {
    background-color: #3F51B5 !important;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #3F51B5 !important;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
    background-color: #283593 !important;
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}
.disabled {
	opacity: 0.6;
}

#val label{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#val{
	width: 24em;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* -- PRICE PAGE -- */
/* ---------------- */

p#price-info {
	color: #555;
	width: 360px;
	float: right;
	border: 1px solid #555;
	padding: 10px;
	margin: 10px;
	background-color: white;
}

h3.price-title-short {
	width: 95% !important;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* -- CREDIT PAGE -- */
/* ----------------- */

p.questions-text {
	display: block;
	background: rgb(255,229,127);
	background: rgba(255,229,127, 0.7);
	margin-left: -4px;
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

p#credit-info {
	color: #555;
	width: 490px;
	float: right;
	border: 1px solid #555;
	padding: 10px;
	margin: 10px;
	background-color: white;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* -- FOOTER -- */
/* ------------ */

div#bottom {
	background-color: #f8f8f8;
	padding-bottom: 1em;
	text-align: left;
	color: #555;
	font-size: 0.7em;

	border-top: 1px solid #ddd;
	border-color: rgba(60%,60%,60%,0.3);
}

div#bottom4 {
	width: 85%;
	max-width: 1024px;
	margin: auto;
}

div#bottom4 p {
	margin: 0;
}

div#bottom4 a {
	text-decoration: none;
	color: #555;
}
div#bottom4 a:hover {
	color: #555;
}



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

@media all and (min-width: 930px) and (max-width: 1023px) {
	div#menu1 ul li a {
		margin-right: 0.99em;
	}
	div#menu2 ul li a {
		margin-right: 1em;
	}
}


/* ------------------------------------------------------------------------------------------------------------- */
/* -- 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;
	}

	/* 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: #0077BF !important;
		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: #0077BF !important;
	}

	nav#slide-menu ul li.slide-menu2 {

		background-color: #283593 !important;
	}

	div#facility {
		background-color: #0077BF !important;
	}
	div#facility h1 {
		padding-bottom: 0px !important;
	}
	img#slide-menu-button {
		background-color: #0077BF !important;
	}

	div#menu {
		display: none;
	}

	div#content {
		padding-top: 5em !important;
	}

	select#change-core {
		color: white !important;
	}
}


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

@media all and (max-width: 640px) {
	div.home-left, div.home-right{
		float: none !important;
		width: 100% !important;
	}
}


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

@media all and (max-width: 385px) {
	div#head.scroll div#facility h1, div#facility h1 {
		font-size: 1em;
	}
	select.home-button{
		width: 60%;
	}
}


/* ------------------------------------------------------------------------------------------------------------- */
/* -- IE8 -- */
/* --------- */

.ie8 div#head {
	position: relative;
}

.ie8 div#content {
	padding-top: 0em;
}

.ie8 div#menu1 ul li a {
	padding-bottom: 9px;
}

.ie8 div#menu2 ul li a {
	padding-bottom: 9px;
}