body {	
}

h1 {
		font-size: 1.5em;
}

.requiredField {
		border: solid 1px red !important;
}

.card {
		height: 100% !important;
}

.timeline {
		list-style-type: none;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.6em;
}

.li {
		transition: all 200ms ease-in;
}

.timestamp {
		margin-bottom: 20px;
		padding: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-weight: 100;
		text-align: center;
		font-weight: bold;
		color: #000;
		font-size: 0.9em;
}

.status {
		padding: 0px 40px;
		display: flex;
		justify-content: center;
		border-top: 2px solid #D6DCE0;
		position: relative;
		transition: all 200ms ease-in;
}

		.status h4 {
				margin-top: 15px !important;
				font-weight: 600;
				font-size: 0.9em !important;
		}

		.status:before {
				content: "";
				width: 25px;
				height: 25px;
				background-color: #fa626b;
				border-radius: 25px;
				position: absolute;
				top: -15px;
				left: 45%;
				transition: all 200ms ease-in;
		}

.li.complete .status {
		border-top: 2px solid #5ed84f;
}

		.li.complete .status:before {
				background-color: #5ed84f;
				border: none;
				transition: all 200ms ease-in;
		}

		.li.complete .status h4 {
				color: #333;
		}

.stockItemHolder {
		border: solid 1px red;
}

.stockItem {
		width: 160px;
		height: 180px;
		border: solid 1px #333;
		float: left;
		padding: 10px;
		margin-left: 10px;
}

		.stockItem i {
				font-size: 1.6em;
		}

		.stockItem a {
				margin-top: 10px !important;
		}

		.stockItem span {
				font-size: 1.0em;
		}

.stockCode {
		font-size: 1.8em;
		width: 100%;
		display: inline-block;
		padding-bottom: 10px;
}

.stockSizeHolder {
		float: left;
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: solid 1px #ccc;
}

.stockSizeHolder h4 {
}

.nav-link {
		font-size: 0.9rem !important;
}

.fixed-navbar {
		padding-top: 0px !important;
}

.bg-danger {
		background-color: #E92065 !important;
}
.badge-danger {
		background-color: #E92065 !important;
}
.btn-danger {
		background-color: #E92065 !important;
}
.danger {
		color: #E92065 !important;
}
.btn-primary {
		background-color: #333 !important;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
		background-color: #333;
}

.modal-content {
width: 600px !important;
}
body.vertical-layout[data-color=bg-chartbg] .navbar-container, body.vertical-layout[data-color=bg-chartbg] .content-wrapper-before {
		background-color: #fff !important;
}

td.font-medium-3 {
		font-size: 0.8rem !important;
}
td.font-medium-2 {
		font-size: 0.8rem !important;
}
td.font-small-3 {
		font-size: 0.8rem !important;
}

th {
		font-size: 0.8em !important;
}
td {
		font-size: 0.8em !important;
}


@media only screen and (max-width: 1400px) {

		/* Force table to not be like tables anymore */
		#no-more-tables table,
		#no-more-tables thead,
		#no-more-tables tbody,
		#no-more-tables th,
		#no-more-tables td,
		#no-more-tables tr {
				display: block;
		}

				/* Hide table headers (but not display: none;, for accessibility) */
				#no-more-tables thead tr {
						position: absolute;
						top: -9999px;
						left: -9999px;
				}

		#no-more-tables tr {
				border: 1px solid #ccc;
		}

		#no-more-tables td {
				/* Behave  like a "row" */
				border: none;
				border-bottom: 1px solid #eee;
				position: relative;
				/*padding-left: 50%;*/
				white-space: normal;
				text-align: left;				
		}

						#no-more-tables td:before {
								/* Now like a table header */
								position: absolute;
								/* Top/left values mimic padding */
								top: 6px;
								left: 6px;
								width: 45%;
								padding-right: 10px;
								white-space: nowrap;
								text-align: left;
								font-weight: bold;								
						}

				/*
	Label the data
	*/
				#no-more-tables td:before {
						content: attr(data-title);
				}

		.nav-item {
		width: 100% !important;
		display: inline-block;
		}

		.timeline{
		display: inline-block;
		}

}

@media only screen and (max-width: 800px) {
		.timeline {
				display: none !important;
		}
}


.exclaimRow {
		background-color: #E92065;
		color: #fff;		
}

.trRed td {
		background: #ABE1EF !important;
}