body {
	font-family: 'benderregular', Arial, sans-serif;
	color: white;
	padding: 20px;
	background:
		linear-gradient(-90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), 
		linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(transparent 3px, #000000 3px, #000000 78px, transparent 78px),
		linear-gradient(-90deg, #940 1px, transparent 1px),
		linear-gradient(-90deg, transparent 3px, #000000 3px, #000000 78px, transparent 78px),
		linear-gradient(#940 1px, transparent 1px),
		#000000;
	background-size:
		4px 4px,
		4px 4px,
		80px 80px,
		80px 80px,
		80px 80px,
		80px 80px,
		80px 80px,
		80px 80px;
}
h1, h2, h3, h4, h5, h6, p, ul li, ol li, #clock, .navbar-brand, .preformattedText {
	font-family: 'benderregular';
	color: white;
}
table.GeneratedTable {
	font-family: 'benderregular';
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
	border-width: 2px;
	border-style: solid;
	color: white;
}
table.GeneratedTable td, table.GeneratedTable th {
	border-width: 2px;
	border-style: solid;
	padding: 3px;
	color: black;
}
table.GeneratedTable th {
	border-color: white;
}
table.GeneratedTable td {
	border-color: orangered;
}
table.GeneratedTable thead {
	background-color: orangered;
}
.preformattedText{
	color: white;
}
.breadcrumb{
	background-color:orangered;
	border: white;
	color: white;
}
h5{
	margin-top: 0px;
	margin-bottom: 0px;
}
p {
	color: white;
}
.accentTextSM, .accentText a:hover {
	color: orangered;
	text-decoration: none;
}
#clock {
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	font-size: 11px;
	color: white;
}
input[type=text], input[type=password], input[type=email], input[type=submit], select {
		border: thin solid orangered;
		font-family: 'benderregular';
		color: black;
		margin-bottom: 5px;
		font-size: 20px;
}
textarea{
	border: thin solid orangered;
	font-family: 'benderregular';
	color: black;
	margin-bottom: 5px;
	font-size: 1.3em;
}
.submit-button {
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'benderregular';
  color: white;
  background-color: orangered;
}
mt-2{
	margin-top: 20px;
}

/* Create a custom checkbox */
.checkmark {
 
  height: 1em;
  width: 1em;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: orangered;
}

.container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox {
	display:inline-flex;
	align-items: center;
	cursor: pointer;
}
.checkbox__input {
	display: none;
}
.checkbox__box{
	width: 5em;
	height: 5em;
	border: 2px solid #ccc;
	border-radius: 3px;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	flex-shrink: 0;
	transition: background 0.15s;
	border-color: 0.15s;
}
.checkbox__box::after {
	font-size: 5em;
	content: '\26A0';
	color: #fff;
	transform: scale(0);
	transition: transform 0.15s;

}
.checkbox__input:checked + .checkbox__box{
	background: orangered;
	border-color: orangered;
}
.checkbox__input:checked + .checkbox__box::after{
	transform: scale(1);
	transition: background 0.15s;
	border-color: 0.15s;
}
label.checkbox {
	font-family: 'benderregular';
	color: white;
	font-size: 1.5em;
}

/* Modal Background */
.modal {
  display: none; /* Hidden by default */
  position: fixed; 
  z-index: 9999; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.7); /* Black with opacity */
}

/* Modal Dialog */
.modal-dialog {
  background-color: #2b2b2b;
  margin: 10% auto;
  padding: 20px;
  border: 2px solid #ff8500;
  width: 50%; 
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(255, 133, 0, 0.8);
}

/* Modal Header */
.modal-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #ff8500;
}

.modal-header h2 {
  color: white;
  margin: 0;
}

/* Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #ff8500;
}

/* Modal Body */
.modal-body {
  padding: 20px;
}

/* Input Fields */
.form-group input, .form-group select {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  background-color: #333;
  color: #fff;
  border: 1px solid #ff8500;
  border-radius: 5px;
}

/* Modal Footer */
.modal-footer {
  text-align: right;
}

.modal-footer .btn-primary {
  background-color: #ff8500;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.modal-footer .btn-primary:hover {
  background-color: #ff6000;
}
a, a:hover, a:link {
    text-decoration: none;
	color: orangered;
}
/*.
.accentText {
	color: orangered;
	font-family: 'benderregular';
	font-weight: 700;
}


.widget {
	float:left;
	border: 1px solid ;
	border-color: rgba(255, 255, 255, 0.15);
	border-radius: 10px;
	width:95%;
	margin:1%;
	min-height: 13em;
	background: rgb(255,255,255);
	padding:2%;
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0.500437675070028) 2%, rgba(235,235,235,0) 50%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.500437675070028) 2%, rgba(235,235,235,0) 50%);
	background: linear-gradient(180deg, rgba(255,255,255,0.15) 2%, rgba(235,235,235,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ebebeb",GradientType=1);
	text-align: center;
}
a {
    text-decoration: none;
}
.widget a:link h4 {
  color: white;
  text-decoration: none;
  transition: color 0.3s ease;
}

.widget a:hover h4{
  color: orangered;
}*/