/*
	Style for OEE Dashboard
	
	@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*
body {
	font-family: "Montserrat";
}
*/
a {
	text-decoration: none;
	color: orange;
}

h2 {
	color: #000;
	margin: 2rem 0 .5rem;
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: uppercase;
}

/*img {*/
	/*display: block;*/
	/*border: 0;
	width: 100%;
	height: auto;
}*/

/***************************           oee_cards            *******************************/

.oee_cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* see notes below */
	grid-auto-rows: minmax(200px, auto);
	grid-gap: 0.5rem;
}

.oee_cards {
	border: 0px solid #000;
	width: 100%;
	margin: -20px 8px;
}

.card {
	height: 350px;
	/*background: red;*/
	border: 2px solid #e7e7e7;
	border-radius: 4px;
	padding: .5rem;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	display: flex;
	/* -webkit-box-orient: vertical; */
	/* -webkit-box-direction: normal; */
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	color: #5d5e5e;
}
/* li item */

/*.thumbnail img {
	fill: #c7c4c4;
	height: 135px;
	opacity: .25;
	padding: 1.5rem;
}*/

.card-content {
	font-family: Montserrat;
	font-size: 4rem;
	display: inline-grid;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 0 0px -35px;
}

.panel.card-panel .panel-header {
	background-color: #ffffff;
	font-size: .75rem;
	font-weight: 400;
	height: 25px !important;
}

.panel.card-panel .panel-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.category {
	font-size: .75rem;
	text-transform: uppercase;
}

footer {
	border-top: 2px solid #e7e7e7;
	margin: .5rem 0 0;
	min-height: 86px;
	max-height:86px;
	font-size: .5rem;
	padding: 0rem 0rem 2rem;
}

.category {
	position: absolute;
	top: 10px;
	left: 0;
	color: #fff;
	background: #e74c3c;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	width: 200px;
}

.OEE__01 {
	background-color:  #3f51b5;
}

.OEE__A {
	background-color: #00b8d4;
}

.OEE__P {
	background-color: #51bb7b;
}

.OEE__Q {
	background-color: #dac63b;
}

.category__05 {
	background-color: #8350a0;
}

.post-meta {
	margin-top: .5rem;
}

.comments {
	margin-left: .5rem;
}


.valuelabel {
	font-size: 42px;
	color: rgb(0 0 0);
	font-family: 'Montserrat';
}
.valuelabelsmaller {
	font-size: 20px;
	color: grey;
	vertical-align: super;
}