/*	-----------------------------------
 * 	Main styles for website
 *	Based on template by Neil Thomas
 *	Modified by Lakurdina Weather
 * 	----------------------------------*/

html, body, p, h1, h2, h3, h4, h5, h6, li, td, th {
	font-family: 'Rosario', sans-serif;
}

p {
	font-size: 15px;
}

#Header {
	border-style: solid;
	border-width: 0 0 10px 0;
}

.site-width {
	max-width:1140px;
	margin:auto;
}

.graph-width {
	max-width:1250px;
	margin:auto;
}

#Footer {
	border-width:5px 0 0 0;
	border-style: solid;
}

.logo {
	max-width:250px;
	margin: 5px 0 5px 16px;
}

.subText {
	font-size: 80% !important;
	font-weight:400;
}

body {
	background-image: url('../images/picture.jpg');
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.statusPanel h5 {
	margin-bottom: -5px;
}
/*	-------------------------------------
 * 	Flex boxes
 * 	-------------------------------------*/
.at-flex-start { display:flex;}
.at-flex-end   {
	display:flex;
	justify-content: flex-end;
	flex-wrap:wrap;
}

.at-flex-justify {
	display:flex;
	justify-content: space-around;
	flex-wrap:wrap;
}

.at-flex-between {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.at-flex-bottom,
.at-flex-items-bottom {
	align-items: flex-end;
}

.at-flex-items-center {
	align-items: center;
}

/*	--------------------------------------------------
 * 	Menu enhancements
 * 	--------------------------------------------------*/
#Main_Menu {
	min-height: 32px;
}

.at-slim {
	padding: 4px 14px!important;
}

.at-divider {
	margin: 0 5px;
	color:#fe904d;
}

.at-spacer {
    min-height:2em;
}

.at-menu-lable {
	display:block;
	width:100%;
	font-size: 13px;
	font-style: italic;
	padding-bottom: 2px!important;
	padding-top:4px!important;
	border-bottom: 1px dotted #c2cfa5!important;
}

.at-menu-bar {
	display:block;
	height: 2px;
	padding: 0 2px!important;
}

.at-indent {
	padding-left: 40px!important;
}

/*	-------------------------------
 * 	Model enhancements
 * 	------------------------------*/

.w3-modal-content {
	margin-top:10%;
	border-radius: 8px;
}

.w3-modal header { border-radius: 8px 8px 0 0;}
.w3-modal footer { border-radius: 0 0 8px 8px;}
.w3-modal .w3-btn { border-radius: 0 8px;}

/* 	----------------------------------------
 * 	Media enhancements
 * 	---------------------------------------*/
@media screen and (max-width:780px) {
	#Footer { position: unset; }
	#Content {
		/*margin-top: 170px!important;*/
		margin-bottom: 5px!important;
	}

	.statusPanel {
		text-align:center!important;
		margin:auto!important;
	}
}

@media screen and (max-height:768px) {
	#Footer { position: unset; item: center;}
	#Content {
		margin-bottom: 5px!important;
	}
}

/*	--------------------------------------
 * 	LED enhancements
 * 	-------------------------------------*/
.at-led-round {
	display:inline-block;
	height: 1.2em;
	width: 1.2em;
	margin: 0 0.5em -3px 0.5em;
	border-radius: 50%;
	background-color: #888;
	box-shadow: inset 3px 3px 2px rgba(220, 220, 220, 0.6), inset -2px -2px 2px rgba(32, 32, 32,0.6);
}

.at-led-block {
	display:inline-block;
	height: 1.2em;
	width: 1.2em;
	margin: 0 0.5em -3px 0.5em;
	background-color: #888;
	box-shadow: inset 3px 3px 2px rgba(220, 220, 220, 0.6), inset -2px -2px 2px rgba(32, 32, 32,0.6);
}

.at-led-brick {
	display:inline-block;
	height:0.8em;
	width:1.6em;
	margin:0 0.5em -3px 0.5em;
	background-color: #888;
	box-shadow: inset 3px 3px 2px rgba(220, 220, 220, 0.6), inset -2px -2px 2px rgba(32, 32, 32,0.6);
}
.at-led-oval {
	display:inline-block;
	height:1em;
	width:2em;
	margin:0 0.5em -3px 0.5em;
	border-radius: 50%;
	background-color: #888;
	box-shadow: inset 3px 3px 2px rgba(220, 220, 220, 0.6), inset -2px -2px 2px rgba(32, 32, 32,0.6);
}

.at-led-green {
	background-color: #0b0;
}

.at-led-flash-red {
	animation: flashR 1s infinite;
}

@keyframes flashR {
	0%, 60%  {background-color: #f00;}
	61%,100% {background-color: #800;}
}

/* My Additions*/

.second-logo {
	max-width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.met-ie-kilkenny-embed-div {
	height: 178px;
	overflow: clip;
  }  

.met-ie-kilkenny-embed {
	transform: scale(0.9); 
    transform-origin: 0 0;
    -moz-transform: scale(0.9); 
    -moz-transform-origin: 0 0;
}

.met-ie-warnings-embed-div {
	height: 298px;
	overflow: clip;
}

.met-ie-warnings-embed {
	transform: scale(0.7); 
    transform-origin: 0 0;
    -moz-transform: scale(0.7); 
    -moz-transform-origin: 0 0;
}

#Menu_Holder {
	margin-bottom: 4px;
	border-width:2px 0 0 0 ;
	border-style: solid;
}

.lw-table,.lw-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.lw-table-all{border:1px solid #ccc}

.lw-bordered tr,.lw-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}

.lw-table-all tr:nth-child(odd){background-color:#fff}.lw-table-all tr:nth-child(even){background-color:#f1f1f1}

.lw-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}

.lw-table td,.lw-table th,.lw-table-all td,.lw-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}

.lw-table th:first-child,.lw-table td:first-child,.lw-table-all th:first-child,.lw-table-all td:first-child{padding-left:8px}