body{
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0px;
	font-style: normal;
}

a {
	color: rgb(255, 255, 255);
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0px;
	font-style: normal;
}

a:visited {
	color: rgb(255, 255, 255);
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0px;
	font-style: normal;
}

#RTC {
	color: rgb(255, 0, 0);
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
}

#GTC {
	color: rgb(9, 255, 0);
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
}

#GEC {
	margin-top: 25px;
	margin-bottom: 25px;
	color: rgb(9, 255, 0);
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
}

#REC {
	margin-top: 25px;
	margin-bottom: 25px;
	color: rgb(255, 0, 0);
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 16px;
	font-style: italic;
}

fieldset {
	border: 2px solid rgb(202, 0, 152);
	border-radius: 5px;
	margin-bottom: 25px;
	width: 100%;
}

input[type=text], input[type=date], input[type=time], input[type=number], input[type=password] {
	padding: 0px;
	font-size: 16px;
	font-family: Georgia, serif;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	color: #000000;
	border-style: solid;
	border-radius: 5px;
}
input[type=text]:focus, input[type=date]:focus, input[type=time]:focus, input[type=number]:focus, input[type=password]:focus {
	outline:none;
}

.submit {
	box-shadow:inset 0px 1px 0px 0px #ff00b3;
	background:linear-gradient(to bottom, #fa00bc 5%, #cc0099 100%);
	background-color:#fa00bc;
	border-radius:6px;
	border:1px solid #a10076;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f556f5;
	width: 50%;
}

input[type=button], #ResetFilter {
	box-shadow:inset 0px 1px 0px 0px #ff00b3;
	background:linear-gradient(to bottom, #fa00bc 5%, #cc0099 100%);
	background-color:#fa00bc;
	border-radius:6px;
	border:1px solid #a10076;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #f556f5;
}
input[type=button]:hover, .submit:hover, #ResetFilter:hover {
	background:linear-gradient(to bottom, #cc0099 5%, #fa00bc 100%);
	background-color:#cc0099;
}
input[type=button]:active .submit:active, #ResetFilter:active {
	position:relative;
	top:1px;
}

select, textarea {
	padding: 0px;
	font-size: 16px;
	font-family: Georgia, serif;
	border-width: 1px;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	color: #000000;
	border-style: solid;
	border-radius: 5px;
}
select:focus, textarea:focus {
	outline:none;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.item1 {
	order: -1;
	margin-top: 25px;
	margin-bottom: 25px;
}

.item2 {
	order: 1;
	width: 80%;
	margin-top: 80px;
	margin-bottom: 150px;
	margin-left: 10%;
	margin-right: 10%;
}

#CE1 {
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
	width: 100%;
}

#CE2, #CE8, #CE9, #EE4, #EE5 {
	margin-bottom: 25px;
	width: 100%;
}

#CE4 {
	margin-left: 10%;
	width: 100%;
}

#CE5 {
	margin-bottom: 25px;
	margin-left: 10%;
	width: 80%;
}

#CE3, #CE6, #CE7{
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: 10%;
	width: 80%;
}

#CE3 td {
	text-align: left;
	width: 33%;
}
#CE3 input[type=text] {
	width: 95%;
}
#CE3 select {
	width: 95%;
}

#CE5 textarea{
	width: 100%;
	height: 400px;
}

#CE6 td {
	text-align: left;
	width: 50%;
}
#CE6 input[type=date] {
	width: 95%;
}
#CE6 input[type=time] {
	width: 95%;
}

#CE7 td {
	text-align: center;
	width: 100%;
}
#CE7 input[type=number] {
	width: 30%;
}


#T1, #T2 {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10%;
	max-width: 80%;
	width: 100%;
}
#T1 th {
	text-align: left;
	max-width: 50%;
	width: 100%;
	background-color: rgb(43, 61, 81);
	border-bottom: 2px solid rgb(202, 0, 152);
	padding-left: 5px;
}
#T1 td {
	text-align: left;
	max-width: 50%;
	width: 100%;
	padding-left: 5px;
}
#T1 tr:nth-child(odd), #T5 tr:nth-child(odd) {
	background-color:	rgb(43, 61, 81);
}
#T1 tr:nth-child(even), #T5 tr:nth-child(even) {
	background-color:	rgb(61, 116, 187);
}
#T1 input[type=text], #T5 input[type=text], .EE1 input[type=text] {
	width: 100%;
}

#T3 {
	margin-top: 25px;
	text-align: center;
}

#T4 {
	margin-top: 15px;
	margin-left: 10%;
	max-width: 80%;
	width: 100%;
}
#T4 th {
	text-align: left;
	max-width: 50%;
	width: 100%;
	background-color: rgb(36, 36, 36);
	padding-left: 5px;
	border-radius: 5px;
}
#T4 td {
	text-align: left;
	max-width: 50%;
	width: 100%;
}
#T4 input[type=text] {
	width: 100%;
}

#T5 {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 5%;
	max-width: 90%;
	width: 100%;
}
#T5 th {
	text-align: left;
	width: 100%;
	background-color: rgb(43, 61, 81);
	border-bottom: 2px solid rgb(202, 0, 152);
	padding-left: 5px;
}
#T5 td {
	text-align: left;
	width: 100%;
	padding-left: 5px;
}


#L1{
	margin-top: 15px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
#L1 td {
	text-align: left;
	width: 25%;
}
#L1 input[type=text], #L1 input[type=password]{
	width: 100%;
}

#L2 {
	margin-top: 135px;
	margin-bottom: 25px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

#Login {
	margin: 15px;
}


.EE1{
	border-top: 2px solid rgb(202, 0, 152);
	border-left: 2px solid rgb(202, 0, 152);
	border-right: 2px solid rgb(202, 0, 152);
	border-radius: 5px;
	margin-top: 15px;
	margin-left: 5%;
	max-width: 90%;
	width: 100%;
}
.EE1 th {
	text-align: left;
	width: 100%;
	background-color: rgb(43, 61, 81);
	border-bottom: 2px solid rgb(202, 0, 152);
	padding-left: 5px;
}
.EE1 td {
	text-align: left;
	width: 100%;
	height: 35px;
	background-color: rgb(48, 94, 153);
	padding-left: 10px;
}
.EE2 {
	margin-bottom: 25px;
	margin-left: 5%;
	border-left: 2px solid rgb(202, 0, 152);
	border-right: 2px solid rgb(202, 0, 152);
	border-bottom: 2px solid rgb(202, 0, 152);
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 90%;
	width: 100%;
}

#EE3{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 5%;
	max-width: 90%;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.Controls {
	width: 70%;
}

.Controls_div {
	margin-bottom: 15px;
	margin-left: 15px;
	min-width: 200px;
}
.Controls_div input, .Controls_div select {
	min-width: 200px;
}

#Pic{
	display: none;
	width: 100%;
}
#PicSH, .PicSH{
	text-decoration: underline;
	cursor: pointer;
	width: 100%;
}
#Pic img{
	width: 100%;
	height: auto;
	border: 1px solid rgb(202, 0, 152);
	border-radius: 8px;
}

.Button50 {
	width: 50%;
}

.back-to-top {
	background: linear-gradient(180deg, #a3007a 0%, #fa00bc 100%);
	opacity: 0.7;
	border-radius: 5px;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 1em;
	z-index: 100;
}

.news {
	padding: 1em;
}

.news b{
	color: rgb(255, 0, 192);
}

.navMenu {
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 480px;
}

.navMenu a {
	color: rgb(202, 0, 152);
	text-decoration: none;
	display: inline-block;
	width: 240px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: rgb(36, 36, 36);
	padding: 10px;
	font-weight: bold;
}

.navMenu a:hover {
	color: rgb(202, 0, 152);
	background-color: #333;
}

/*
.navMenu .dot {
	width: 240px;
	height: 6px;
	background: rgb(202, 0, 152);
	opacity: 0;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.navMenu a:nth-child(1):hover ~ .dot {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
.navMenu a:nth-child(2):hover ~ .dot {
	-webkit-transform: translateX(240px);
	transform: translateX(240px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
.navMenu a:nth-child(3):hover ~ .dot {
	-webkit-transform: translateX(480px);
	transform: translateX(480px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
.navMenu a:nth-child(4):hover ~ .dot {
	-webkit-transform: translateX(720px);
	transform: translateX(720px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
.navMenu a:nth-child(5):hover ~ .dot {
	-webkit-transform: translateX(960px);
	transform: translateX(960px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
.navMenu a:nth-child(5):hover ~ .dot {
	-webkit-transform: translateX(960px);
	transform: translateX(960px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}
*/