* {
	font-family: 'Nunito', sans-serif;
}

body {
	height: 100%;
	font-size: 13px;
}


/* Footer */
.footer {
	margin-top: 0vh;
	height: 10vh;
	width: 100%;
	/* background-color: #212529; */
	padding: 10px;
}

/* Content header, section and footer */
.header {
	background-color: #3d4852;
	-moz-box-shadow: 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px rgba(0, 0, 0, 0.5);
	height: 35px;
	font-size: 15px;
}

/* Nav Bar */
.nav-top-menu {
	padding: 0px;
}

.fa-ship {
	color: #2196f3;
	font-size: 2rem;
}
.text-usr-action {
	font-size: 14px;
}
.menu-link {
	font-family: "Cabin", sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0.95rem;
	text-decoration: none;
	color: white;
}
.menu-link:hover {
	text-decoration: none;
	color: #4dabf5;
}
#search-input-po {
	height: calc(2.25rem + -2px);
}

/* CSS validation login alert error */
.info,
.success,
.warning,
.error,
.validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 35px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529b;
	background-color: #bde5f8;
	background-image: url("info.png");
}
.success {
	color: #4f8a10;
	background-color: #dff2bf;
	background-image: url("success.png");
}
.warning {
	color: #9f6000;
	background-color: #feefb3;
	background-image: url("../images/icon/warning.png");
}
.error {
	color: #d8000c;
	background-color: #ffbaba;
	background-image: url("../images/icon/cancel.png");
}

.headingText-of-page {
	font-size: 18px;
	font-weight: 400;
}

.usr-action {
	font-size: 16px;
}

.datepicker {
	padding: 0.375rem 0.75rem;
}
.datepicker thead {
	background-color: white;
}

.bt-orange {
	background-color: orange;
	color: black;
}

.dropdown-menu.show {
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

@media only screen and (min-width: 1439px) {
	html,
	body {
		font-size: 14px;
	}
	.header {
		height: 35px;
	}

	.mlk-logo {
		width: 50px;
		height: 50px;
	}
}