@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');

* {
	box-sizing: border-box;
}

html, body {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:11pt;
	background:#23282d;
	margin:0px;
	width:100%;
	height:100%;
}

th {
	font-weight: 500;
}

table {
	border-collapse:collapse; 
	margin:auto;
	max-width:100%;
	}
	
th {
	background:#888;
	color:white;
}	
	
td,th {
	border:solid 1px #777;
	padding:8px 12px;
	word-wrap:break-word;
	overflow-wrap: break-word; 
	}

tr:nth-child(2n+1) {
	background-color: #eee;
}

tr:hover {
	background:#f9f9f9;
	color:black;
}

td:hover {
	background: #eee;
}

h1, h2, h3, h4 {
	font-weight:400;
	margin-left:10px;
}

#main {
	max-width:1920px;
	margin:auto;
	background:white;
	min-height:100%;
}

#content {
	padding:0px 20px;
	padding-bottom:20px;
}

#header {
	border-bottom:solid 1px gray;
	margin:auto;
	margin-bottom:20px;
	width:95%;
}

#subheader {
	position:relative;
	top:-10px;
	font-weight: 400;
	color:#333;
}

#menu {
	float:right;
	margin:10px 0px;
}

#ajax-console {
	width:100%;
	height:100%;
	display:none;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(255,255,255,0.6);
	position:fixed;
}

#ajax-console-inner {
	margin:auto;
	padding:20px;
	width:80%;
	max-width:700px;
	border:solid 1px gray;
	box-shadow:0px 0px 20px #ccc;
	background:white;
	 max-height:100%;
	 overflow:auto;
}

#ajax-console-header {
	clear:both;
	padding-bottom:15px;
	border-bottom:solid 1px gray;
	min-height:25px;
}

#ajax-console-close {
	display:block;
	float:right;
	font-size: 1.5em;
	cursor:pointer;
	margin-top:-12px;
}

#ajax-console-title {
	font-size: 1.1em;
	font-weight: 400;
}

#ajax-console-content {
	min-height:300px;
}

.clear {
	clear:both;
}

.label {
	padding:5px;
	color:white;
	border-radius:4px;
	display:inline-block;
	margin-left:5px;
}

#login-info {
	float: right;
	margin-left:10px;
	margin-top:20px;
  }

.menu-item {
	display:inline-block;
	text-decoration: none;
	color:#333;
	border:solid 1px gray;
	padding:10px;
}

.menu-item:hover {
	background:#dd3333;
	color:white;
	border:0px;
}

.right {text-align:right;}
.center {text-align:center;}
.lgreen {background:#e9ffc4;}

a {
	color:#dd3333;
	text-decoration: none;
}

input, textarea, select, option {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 1.05em;
	background:#f3f3f3;
	border:solid 1px gray;
}

input[type=button], input[type=submit], select, option {
	padding:7px 13px;
	cursor: pointer;
}

input[type=text], input[type=password], textarea, input[type=date] {
	padding:9px 13px;
	background:white;
}

label {
	cursor:pointer;
}

.notice {
	padding:5px;
	margin:5px;
}

.notice-error {
	color:red;
	border:solid 1px red;
}

.notice-success {
	border:solid 1px #6dab3c;
}

.notice-info {
	border:solid 1px #4287f5;
}

.paging {
	margin:auto;
	text-align: center;
}

.paging-page {
	display:inline-block;
	border:solid 1px gray;
	padding:10px;
	text-align:center;
	cursor:pointer;
	margin-left:10px;
	color:black;
	text-decoration: none;
}

.paging-selected {
	background:#efefef;
}

.exported {
	background: #6dab3c;
	color:white;
	
}

.red-button {
	font-size:1.1em;
	background:#dd3333;
	color:white;
	font-weight:400;
	border:0px;
	padding:13px;
}

#exportOrders_button {
	
}

.form-field {
	display:inline-block;
	margin-right:15px;
	margin-bottom:10px;
}

.form-field input, .form-field select, .form-field div {
	display:block;
	margin-top:5px;
}

.PMRemove-row {
	cursor:pointer;
}

.autocomplete-box {
	position:absolute;
	z-index:1000;
	top:45px;
	left:0px;
	width:500px;
	max-height:200px;
	overflow-y:scroll;
	border:solid 1px black;
	box-shadow:0px 0px 4px #aaa;
	background:white;
	padding:5px;
}

.autocomplete-box table {
	margin-top:25px;
}

.autocomplete-box tr {
	cursor:pointer;
}

.autocomplete-box td, .autocomplete-box th {
	border:solid 1px gray;
	padding:5px;
	cursor:pointer;
}

#closeAutocomplete {
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
	margin-bottom:5px;
}