@font-face {
    font-family: "Bold";
    src: url("./fonts/OpenSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Top";
    src: url("./fonts/RussoOne-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Code";
    src: url("./fonts/liberation.ttf") format("truetype");
}

body, html {
	width:100%;
	margin:0;
	padding:0;
	background-color:black;
	height:100%;
	font-family: "Bold";
	font-size:19px;
}
#container {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	color:transparent;
}



#navbar {
	height:45px;
	color:white;
	border:1px solid black;
	border-bottom:0px;
	border-right:0px;
	display:flex;
}
#subnavbar {
	height:45px;
	margin:auto auto;
	color:white;
	border:0px;
	border-left:1px solid black;
	background-color:black;
	flex:1;
}

#header {
	width:100%;
	height:100px;
	margin: auto auto;
	text-align:center;
	padding-top:40px;
	position:relative;
	top:0;
	left:0;
	right:0;
	margin-top:-21px;
}

#footer {
	color:white;
	text-align:center;
	margin: auto auto;
	padding:20px;
	position:relative;
	bottom:0;
	left:0;
	right:0;
	background-color:black;
	border-top:1px solid black;
    z-index: 2;
	font-size:17px;
}
#main {
	border-top:1px solid black;
	width:100%;
	overflow-y:hidden;
	flex-grow: 1;
    height: 100%;
	display: flex;
	flex-direction: column;
}
#submain {
	color:white;
	width:900px;
	margin:auto auto;
	overflow-y:auto;
	overflow-x:hidden;
	padding:20px;
	padding-left:0px;
	padding-right:0px;
	display:flex;
	flex-direction:column;
    height: 100%;
    flex-grow: 1;
	margin-bottom:-20px;
}


.on {
	background-color:red;
	color:black;
}

.projectheader {
	display:flex;
}

.projectfooter {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:-6px;
}


.buttonbar {
	display:flex;
	width:100%;
	margin-bottom:15px;
}
.buttons {
	flex:1;
	text-align:center;
	margin-right:2px;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.buttons:nth-last-child(1) {
	flex:1;
	text-align:center;
	margin-right:0px;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}


#top {
	text-align:center;
	position:fixed;
	bottom:0px;
	left:0px;
	width:250px;
	background-color:black;
	color:white;
	padding:10px;
	padding-bottom:15px;
	z-index:98;
	font-size:16px;
}
.cookies {
	font-size:34px;
	font-weight:bold;
	font-family:Bold;
}




.projectleft {
	text-align:left;
	font-size:17px;
	flex:20%;
	padding-right:15px;
	word-break:break-all;
}
.projectcenter {
	text-align:center;
	flex:60%;
	padding-right:15px;
}
.projectright {
	text-align:right;
	flex:20%;
	font-size:17px;
	word-break:break-all;
}








p {
	margin:0px;
	margin-bottom:3px;
}


/* NAVBAR LINKS DECORATION */
a { text-decoration: none; }


/* NAVBAR UL LI */
.navigation ul, .navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  z-index:100;
}

/* NAVBAR MAIN */
.navigation {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  max-width: 900px;
  border-top:0px solid black;
  border-right:0px;
  background-color:black;
  font-weight:bold;
}

/* NAVBAR LI */
.navigation > li {
  position: relative;
  flex: 1;

}

.navigation:nth-child(1) {
	border-left:0px;
}

/* NAVBAR HOVER MAIN */
.navigation ul {
  position: absolute;
  top: 100%;
  height:0px;
  overflow: hidden;
  margin-left:-1px;
  border-bottom: 1px solid black;
  margin-top:-1px;
}

/* NAVBAR DROP DOWN */
.navigation>li:hover>ul {
  height: auto;
}

/* NAVBAR MAIN */
.navigation a {
  padding: 11px;
  display: block;
  color:white;
  border-right:1px solid black;
  border-top:0px;
  border-bottom:1px solid black;
  text-align:center;
  font-size:17px;
}


/* NAVBAR ON MAIN */
.navigation li div {
  padding: 11px;
  display: block;
  color:white;
  border-right:1px solid black;
  border-top:0px;
  border-bottom:1px solid black;
  text-align:center;
  font-size:17px;
}



/* NAVBAR ACTIVE */
.navigation ul div {
  color: white;
  border: 1px solid black;
  width: 157px;
  border-bottom: 0px;
  text-align:left;
  font-size:15px;
  max-width:300px;
  padding:11px;
  padding-left:11px;
}

.navigation:nth-child(1) {
	border-left:0px;
}

/* NAVBAR HOVER MAIN */
.navigation a:hover {
	color: white;
}

/* NAVBAR DROP DOWN */
.navigation ul a {
  color: white;
  border: 1px solid black;
  width: 157px;
  border-bottom: 0px;
  text-align:left;
  font-size:15px;
  max-width:300px;
}


/* NAVBAR HOVER DROP DOWN */
.navigation ul a:hover {
  color:black;
}


/* NAVBAR LINKS HOVER */
.navigation > li:hover {
  background-color:#828282;
}






.center {
	width:100%;
	display:flex;
	height:100%;
	margin-bottom:4px;
}

.items {
	padding-right:15px;
	flex:1;
	margin:0px;
}
.items:nth-last-child(1) {
	padding-right:0px;
	flex:1;
	margin:0px;
}


.header {
	border:1px solid black;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	padding:10px;
	padding-left:17px;
	font-weight:bold;
	font-size:21px;
	color:white;
	font-family: "Bold";
}

.footer, .footerproject {
	border:1px solid black;
	border-top:0px;
	padding:15px;
	padding-bottom:11px;
	margin-bottom:20px;
	color:black;
	font-size:17px;
	font-family: "Bold";
}

.project {
	border:1px solid black;
	border-top:0px;
	padding:15px;
	padding-bottom:14px;
	margin-bottom:20px;
	color:black;
	font-size:17px;
	font-family: "Bold";
}



.footerx {
	height:calc(100% - 60px);
	border:1px solid black;
	border-top:0px;
	padding:15px;
	padding-bottom:0px;
	color:black;
	font-size:19px;
	font-family: "Bold";
}

.subheader {
	border:1px solid black;
	padding:5px;
	padding-left:10px;
	font-weight:bold;
	font-size:17px;
	color:white;
}

.subfooter {
	border:1px solid black;
	border-top:0px;
	background-color:white;
	padding:5px;
	padding-left:0px;
	margin-bottom:17px;
	color:black;
	overflow:auto;
	font-size:17px;
}

















.subheadersmall {
	border:1px solid black;
	padding:2px;
	padding-left:8px;
	font-weight:bold;
	font-size:16px;
	color:white;
}

.subfootersmall {
	border:1px solid black;
	border-top:0px;
	background-color:white;
	padding:2px;
	padding-left:0px;
	margin-bottom:15px;
	color:black;
	overflow:auto;
	font-size:16px;
}

.subavatarsmall {
	width:100px;
	float:left;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}
.subtextsmall {
	width:calc(100% - 110px);
	padding-left:0px;
	padding-right:10px;
	float:left;
	font-size:17px;
	padding-top:6px;
	word-break: break-word;
	padding-bottom:10px;

}
.avatarsmall {
	width:75px;
	height:75px;
	border-radius:165px;
}









a.footer2:link, a.footer2:visited, a.footer2:active, a.footer2:hover { cursor:pointer;font-weight:bold;color:black;text-decoration:underline; }

a.footer3:link, a.footer3:visited, a.footer3:active, a.footer3:hover { cursor:pointer;font-weight:bold;color:white;text-decoration:underline; }

.subavatar {
	width:130px;
	float:left;
	text-align:center;
	padding:0px;
}
.subtext {
	width:calc(100% - 130px);
	padding-left:0px;
	float:left;
	font-size:17px;
	word-break:break-word;
	word-wrap:break-word;
	line-height:0.63cm;
}

.chat {
	border:1px solid black;
	background-color:white;
	color:black;
	padding:10px;
	height:400px;
}


.top {
	font-family: "Top";
	font-size:72px;
	margin-top:-12px;
	color:black;
}

.projecttitle {
	font-family: "Top";
	font-size:54px;
	color:black;
	word-break: break-word;
	padding-top:20px;
	padding-bottom:20px;
	line-height:1.50cm;
}
.projecttext {
	font-family: "Bold";
	font-size:22px;
	color:black;
	word-break:break-word;
	word-wrap:break-word;
}


.topimage {
	border-radius:60px;
	margin-right:10px;
	vertical-align:middle;
	margin-bottom:22px;
}

.text {
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:8px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	font-family: "Bold";
}

select {
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	border-radius:8px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	font-family: "Bold";
}


.textarea {
	padding:13px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	width:100%;
	height:150px;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break:break-word;
	word-wrap:break-word;
}



.adminarea {
	padding:13px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	width:100%;
	height:200px;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break:break-word;
	word-wrap:break-word;
	height:220px;
	width:65%;
}

.adminareasmall {
	padding:13px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	width:100%;
	height:200px;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break:break-word;
	word-wrap:break-word;
	width:65%;
}



.textarea2 {
	padding:13px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	width:100%;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break:break-word;
	word-wrap:break-word;
}



.subtextarea {
	padding:13px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:16px;
	font-weight:normal;
	border:1px solid black;
	height:180px;
	width:100%;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break: break-word;
}



.reviewtext {
	padding:13px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	font-weight:normal;
	border:1px solid black;
	height:180px;
	width:600px;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	margin-top:-23px;
	margin-bottom:7px;
	word-wrap:break-word;
	white-space:pre-wrap;
	overflow:auto;
	word-break: break-word;
}


.textareasmall {
	padding:12px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	height:400px;
	width:100%;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	line-height:0.63cm;
}

.button, button {
	padding:6px;
	padding-left:12px;
	padding-right:12px;
	border-radius:8px;
	font-size:17px;
	cursor:pointer;
	color:white;
	font-weight:normal;
	border:1px solid black;
	font-family: "Bold";
	min-width:95px;
}

.button:hover, input.button:hover, .buttonfile:hover {
	box-shadow: inset 0 0 10px black;
	color: white;
}

.buttonfile {
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	border-radius:8px;
	font-size:17px;
	cursor:pointer;
	color:white;
	font-weight:normal;
	border:1px solid black;
	font-family: "Bold";
	min-width:95px;
}

.left {
	margin-top:-2px;
	width:160px;
	float:left;
	text-align:right;
	line-height:1.08cm;
	padding-top:0px;
	padding-right:7px;
}
.right {
	width:390px;
	float:left;
	text-align:left;
}

::placeholder {
  color: #C0C0C0;
  font-weight:normal;
  font-family: "Bold";
}


.emoticon {
	vertical-align:middle;
}

.avatar {
	width:110px;
	height:110px;
	border-radius:60px;
	padding-top:3px;
	padding-bottom:5px;
}

.rank {
	font-size:12px;
}


#screen {
	background-color:white;
	color:black;
	vertical-align: bottom;
	height:320px;
	border:1px solid black;
	border-bottom:0px;
	resize:none;
	padding:10px;
	padding-bottom:0px;
	margin-right:20px;
	overflow:auto;
	text-align:left;
	box-sizing:border-box;
	width: 100%;
	overflow-y:auto;
	white-space:pre-wrap;
	display:flex;
	flex-direction:column;
	flex:auto;
	margin-top:auto;
	line-height:0.66cm;
	font-family: "Bold";
	font-size:17px;
}

#screen > span:last-child { padding-bottom: 8px; }
#screen > span:nth-child(1) { margin-top: auto; }

#message {
	border:1px solid black;
	width:100%;
	box-sizing:border-box;
	border-radius:0px;
	background-color:white;
	padding:8px;
	outline:none;
	font-size:17px;
	font-family: "Bold";
	margin-bottom:4px;
}

.desc {
	font-size:17px;
	padding-bottom:10px;
	word-break:break-word;
	word-wrap:break-word;
}

.descel {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
}

tr.header {
	text-align:center;
	font-weight:bold;
	padding:30px;
}

tr.body:hover {
	text-align:center;
}


th, td { 
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:93px;
	font-size:14px;
	text-align:center;

	border-top:1px solid black;
}

tr { height:40px;margin-top:-1px; }

table {
  width:100%;
  margin: 0 auto;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap:break-word;
}

#datatable {
	border-right:1px solid black;
	border-left:1px solid black;

	border-bottom:0px solid black;
}




.on, table.dataTable tbody tr {
	background-color:white;
	color:black;
	cursor:pointer;
}



.hover:nth-child(odd):hover, .hover:nth-child(even):hover {
	background-color:white;
	color:black;
	cursor:pointer;
}









.dataTables_wrapper .dataTables_length select {
	font-size:17px;
	font-family: "Bold";
}
.dataTables_wrapper .dataTables_filter input {
	font-size:17px;
	font-family: "Bold";
}










#shroud, #shroud2, #newshroud, #newshroud2, #newshroud3 {
	opacity:0.83;
	background-color:black;
	z-index:102;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}

#warning, #warning2, #warning3 {
    left:50%;
	top:50%;
    transform: translateX(-50%) translateY(-50%);
	position:fixed;
	width:317px;
	overflow:auto;
	border:1px solid black;
	box-shadow:0px 0px 15px black;
	display:none;
	z-index:103;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.alertmain {
	padding:15px;
	overflow:auto;
	color:black;
	/*
	word-break:break-all;
	word-wrap:break-word;
	*/
}
.title {
	font-family: "Top";
	font-size:52px;
	text-align:center;
	height:62px;
	padding:0px;
	border-bottom:1px solid black;
	color:white;
}
.titlebody {
	font-family: "Bold";
	padding:20px;
	padding-top:10px;
	text-align:center;
}


#popup, #popup2 {
	top:50%;
	left:50%;
	padding:0px;
    transform: translateX(-50%) translateY(-50%);
    margin:0px;
    text-align: center;
    vertical-align: middle;
	display:none;
	position:fixed;
	z-index:600;
	background-color:black;
	border-radius:12px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	color:white;
	overflow:hidden;
	border:1px solid black;
	font-family:"Bold";
	max-width:900px;
}

#popup2 {
	width:700px;
}

#tex {
	overflow:hidden;
	text-align:right;
	border-radius:0px;
	padding:5px;
	padding-top:7px;
}

.popuptop {
	text-align:left;
	padding:15px;
	padding-bottom:10px;
	color:white;
	height:25px;
	overflow:hidden;
	font-weight:bold;
	border-top-left-radius:13px;
	border-top-right-radius:13px;
	z-index:600;
	font-size:17px;
	font-family:"Bold";
	margin-bottom:1px;
	border:1px solid black;
}

.popupbottom {
	text-align:right;
	padding:3px;
	color:white;
	height:40px;
	font-weight:bold;
	z-index:600;
	font-size:17px;
	font-family:"Bold";
	padding-right:5px;
	border:1px solid black;
	overflow:hidden;
	border-radius:0px;
	padding-top:5px;
	margin-top:1px;
}




.popuptext {
	z-index:100;
	box-shadow:none;
	border:1px solid black;
	border-top:0px;
	border-bottom:1px solid black;
	margin-bottom:-6px;
	padding:0px;
	border-radius:0px;
}






#geshi {
	padding:5px;
	padding-right:25px;
	padding-left:20px;
	font-family: "Code";
	font-size:17px;
	overflow-x:auto;
	overflow-y:auto;
	color:black;
	background-color:white;
	word-break: break-word;
	background-color:white;
	border:1px solid black;
	margin-top:25px;
	max-height:450px;
}
#geshi pre { font-family: "Code"; white-space:pre-wrap; }

.geshi2 {
	padding:5px;
	padding-right:25px;
	padding-left:15px;
	font-family: "Code";
	font-size:14px;
	background-color:white;
	word-break: break-word;
	background-color:white;
	border:0px;
	overflow:auto;
	margin-left:-13px;
}
.geshi2 pre { font-family: "Code"; white-space:pre-wrap; }


.geshipre {
	word-break: break-word;
}
.geshipre pre {
	font-family: "Code";
	white-space:pre-wrap;
	word-break: break-word;
}

.clip {
	position:absolute;
	width:0px;
	bottom:0px;
	right:0px;
	height:0px;
	z-index:-99;
}






#changelog {
	padding:16px;
	font-family: "Bold";
	font-size:16px;
	overflow-x:auto;
	overflow-y:auto;
	color:black;
	background-color:white;
	word-break: break-word;
	background-color:white;
	border:1px solid black;
	clear:both;
	margin-bottom:16px;
	max-height:450px;
}

#review {
	padding:16px;
	font-family: "Bold";
	font-size:16px;
	overflow:auto;
	color:black;
	background-color:white;
	word-break: break-word;
	background-color:white;
	border:1px solid black;
	clear:both;
	margin-bottom:16px;
	max-height:450px;
}








.screenshot {
	width:180px;
	max-height:430px;
	border:1px solid black;
}
.icon {
	width:64px;
	height:64px;
}

.projectdesc {
	font-size:17px;
}



.leftthumb {
	padding-top:12px;
	padding-left:0px;
}






.bottom {
	padding:20px;
	color:black;
	border:1px solid black;
	border-top:0px;
	margin-bottom:16px;
	overflow:hidden;
	word-wrap:break-word;
	flex:1;
	overflow-x:auto;
	background-color:white;

	font-size:15px;
	overflow-y:scroll;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid black;
	height:400px;
	text-align:left;
	box-shadow:none;
	margin-bottom:0px;
	padding:20px;
}


.affiliates {
	width:30%;
	height:30%;
}


.faqul {
	margin-left:-10px;
	margin-top:10px;
}
.faq {
	font-size:22px;
	font-weight:bold;
	font-style:italic;
}


.myli {
	clear:both;
	line-height:0.92cm;
	width:100%;
	margin-left:0px;
}



.myactive {
	clear:both;
	line-height:0.92cm;
	width:100%;
	margin-left:0px;
	background-color:#eee;
}


.myli:hover {
	background-color:white;
	cursor:pointer;
}


.mylix {
	clear:both;
	line-height:0.92cm;
	padding:2px;
	margin-left:-10px;
}


.elipsis {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:615px;
}

.elipsis2 {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:600px;
}

.reviewli {
	margin-left:-25px;
	margin-top:-5px;
	margin-bottom:13px;
	overflow:auto;
}

.elipsisx {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:285px;
	padding-right:5px;
}

.elipsisfaq {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:505px;
	padding-right:4px;
	margin-right:-5px;
	font-size:22px;
}
.elipsisaf {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:218px;
	padding-right:4px;
	margin-right:-5px;
}






.profileimg {
	border-radius:120px;
	width:200px;
	height:200px;
}

.profileleft {
	padding-right:10px;
	text-align:center;
	padding-top:9px;
	overflow:auto;
	flex: 0 0 220px;
}

.profileright {
	padding:0px;
	padding-top:10px;
	line-height:0.73cm;
	width:100%;
	overflow:auto;
	flex:1;
}
.seperator {
	text-align:left;
	overflow:auto;
	display:flex;
	margin:0px;
	width:100%;
	padding:0px;
}




.optionsleft {
	float:left;
	width:90px;
	text-align:right;
	padding-right:10px;
	padding-top:10px;
	line-height:1.09cm;
}
.optionsright {
	float:left;
	padding-top:10px;
	width:calc(100% - 120px);
}




.banreason {
	display:inline-block;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:180px;
}
.reason {
	display:block;
	margin-left:0px; 
	display:list-item;
}
.reason:hover {
	background-color:white;
	cursor:pointer;
}





.adminleft {
	float:left;
	width:100px;
	text-align:right;
	line-height:1.10cm;
	padding-right:5px;
}
.adminright {
	float:left;
	width:calc(100% - 115px);
	line-height:1.01cm;
}



.deletebutton {
	float:left;
	margin-left:5px;
}






.adminaccount {
	float:left;
	width:115px;
}


select { cursor:pointer; }


#prog {
	position:fixed;
	padding:0px;
	left:50%;
	top:40%;
	transform:translateX(-50%);
	z-index:9;
	opacity:1;
}


#updatelink {
	width:350px;
}



.submittext {
	padding:5px;
	padding-left:10px;
	border-radius:8px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	font-family: "Bold";
	width:300px;
}


.submitleft {
	float:left;
	width:150px;
	text-align:right;
	line-height:1.07cm;
	padding-right:10px;
}
.submitright {
	float:left;
	width:calc(100% - 160px);
	box-sizing:border-box;
}


#dodesc {
	font-size:17px;
	margin-top:0px;
	padding:15px;
	height:250px;
	border:0px;
	margin-bottom:-1px;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
}

#month { width:90px; }
#day { width:75px; }
#year { width:95px; }



.adminflag {
	vertical-align:middle;
	border:1px solid black;
	cursor:pointer;
}

.ip {
	width:119px;
}

.headerprojects {
	margin-top:0px;
}




.mycomments {
	margin-left:10px;
}





.online {
	margin-left:8px;
	margin-top:0px;
	padding:5px;
	padding-left:0px;
}
.online:hover {
	background-color:white;
	padding:5px;
	padding-left:0px;
}



.profilecountry {
	width:42px;
	height:22px;
	cursor:pointer;
	border:1px solid black;
	vertical-align:middle;
	margin-right:5px;
}

#gototop {
	position:fixed;
	bottom:7px;
	right:8px;
	z-index:99;

	border-radius:126px;
	background-color:white;
	color:black;
	width:70px;
	height:70px;
	border:2px solid black;

}

#gototop:hover { filter:invert(100%); }


.flags {
	width:45px;
	height:25px;
	border:1px solid black;
	vertical-align:middle;
}








.dashsep {
	margin-bottom:10px;
}
.dashitem {
	float:left;
	cursor:pointer;
	text-align:center;
	background-color:white;
	width:102px;
	height:115px;
	padding:8px;
}
.dashitem:hover {
	background-color:#D8D8D8;
}
.dashitemon {
	float:left;
	cursor:default;
	text-align:center;
	color:black;
	width:102px;
	height:115px;
	padding:8px;
	font-weight:bold;
	background-color:#CECECE;
}
.dashrank {
	float:right;
	margin-top:0px;
	margin-left:-20px;
}
.dashavatar {
	width:90px;
	height:90px;
	border-radius:56px;
}
#dashcontainer {
	display:flex;
	width:100%;
	margin:auto auto;
	overflow-y:hidden;
	margin-top:26px;
	margin-bottom:10px;
}
.dashboardleft {
	flex:1;
	background-color:white;
	padding:20px;
	padding-right:18px;
	overflow:auto;
	border:1px solid black;
	height:430px;
}
.dashboardright {
	flex:0 205px;
	padding:20px;
	padding-right:0px;
	padding-left:12px;
	overflow:hidden;
	word-break:break-word;
	height:430px;
}


.updateleft {
	float:left;
	width:140px;
	text-align:right;
	line-height:1.07cm;
	padding-right:10px;
}


.reviewit {
	margin-bottom:-8px;
	margin-top:-2px;
	list-style-type:decimal;
}

.reviewbutton {
	margin-top:-3px;
	float:left;
	margin-bottom:9px;
}

.rebutton {
	margin-top:-25px;
	margin-bottom:12px;
}

.rebutton2 {
	margin-top:-20px;
	margin-bottom:12px;
}

.thumb {
	width:25px;
	height:25px;
	vertical-align:middle;
}

.revit {
	clear:both;
	margin-top:23px;
}


.clear {
	clear:both;
	margin-top:23px;
}


.clearvote {
	clear:both;
	margin-top:25px;
}

.clearnone {
	margin-top:25px;
	clear:both;
}


.account {
	margin-top:6px;
	float:left;
}


.all {
	display:flex;
	margin-top:-2px;
	margin-bottom:0px;
}


.area {
	padding:10px;
	padding-bottom:5px;
	background-color:white;
	color:black;
	height:calc(100% - 30px);
	border:1px solid black;
	word-break:break-word;
	word-wrap:break-word;
	font-size:17px;
}



.clipboard {
	margin-top:10px;
	margin-bottom:16px;
}

.bio {
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:16px;
	line-height:0.63cm;
	overflow:auto;
	padding:10px;
	word-break:break-word;
	word-wrap:break-word;
	background-color:white;
	color:black;
	border:1px solid black;
}


.moose {
	margin-top:15px;
	margin-bottom:15px;
}

.dosort {
	margin-left:11px;
	float:left;
	margin-right:6px;
	margin-top:6px;
}


.mainicon {
	margin-top:5px;
	padding-left:2px;
	border:0px;
}


.afleft {
	flex:0 100px;
	line-height:1.17cm;
	text-align:right;
	padding-right:8px;
}
.afright {
	flex:1;
	line-height:1.14cm;
}
.aftext {
	width:335px;
}

.aftitle {
	font-size:25px;
}

.afol {
	list-style-type:none;
	margin-left:-40px;
	width:450px;
	overflow:auto;
	margin-bottom:-17px;
	padding-right:20px;
}

.afdesc {
	text-decoration:none;
	word-break:break-word;
	word-wrap:break-word;
	width:300px;	
	margin-bottom:10px;
	font-size:17px;
}

.aflayout {
	clear:both;
	margin-left:0px;
	margin-top:5px;
}

.afimg {
	width:300px;
	margin-top:5px;
}

.forgot {
	clear:both;
	margin-top:0px;
	margin-bottom:8px;
}



.adminwords {
	padding:13px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	width:100%;
	height:120px;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break:break-word;
	word-wrap:break-word;
	width:65%;
}




.afwords {
	padding:7px;
	padding-top:4px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:-5px;
	margin-top:5px;
	font-weight:normal;
	border:1px solid black;
	height:120px;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break:break-word;
	word-wrap:break-word;
	width:357px;
}






.faqanswer {
	font-size:17px;
	font-weight:normal;
	word-break:break-word;
	word-wrap:break-word;
	text-decoration:none;
	clear:both;
	width:640px;
}







.faqquestion { 
	font-weight:bold;
	position: relative;
	max-width: 500px; 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	text-decoration:underline;
	padding-right:10px;
	float:left;
	margin-bottom:5px;
}

.faqquestion::before {
	content: '"';
}
.faqquestion::after {
	content: '"';
	position:absolute;
	right:0px;
}
















.holdfaq {
	font-size:23px;
	padding-bottom:9px;
	width:700px;
	overflow:auto;
}


.holdaf {
	font-size:23px;
	padding-bottom:9px;
	text-overflow:ellipsis;
	max-width:50px;
}



.faqsmall {
	height:150px;
	margin-top:-5px;
	width:400px;
}

.newtoit {
	height:135px;
	width:635px;;
}

.afellipsis {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:290px;
}

.faqform {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:16px;
}

.faqleft {
	width:33px;
	text-align:right;
	float:left;
	margin-left:-15px;
}

.faqli {
	font-size:21px;
	margin-left:-10px;
	margin-bottom:20px;
	margin-top:-10px;
}

.replytable {
	margin-left:60px;
}

#warnmain, #warnmain2 {
	word-break: normal;
}


.newli {
	margin-left:0px;
	margin-top:5px;
	margin-bottom:0px;
}

.reviewitem {
	margin-left:-5px;
}


.textareacredits {
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:black;
	font-size:17px;
	outline:none;
	line-height:0.63cm;
	margin-bottom:5px;
	font-weight:normal;
	border:1px solid black;
	height:120px;
	box-sizing:border-box;
	resize:none;
	font-family: "Bold";
	background-color:white;
	word-break:break-word;
	word-wrap:break-word;
	width:calc(100% + 22px);
}

.dafoot {
	margin-top:92px;
}

.credits {
	word-break:break-word;
	word-wrap:break-word;
}

.images {
	vertical-align:middle;
	margin-top:-5px;
	margin-left:-6px;
	width:16px;
	height:15px;
}

.dotop {
	font-size:19px;
}

.wobly {
	width:100px;
	height:100px;
	border-radius:128px;
	padding:10px;
}

.gototop {
	color:black;
	font-size:42px;
	margin:auto auto;
	padding:11px;
	padding-left:15px;
	padding-top:0px;
}

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


	.gototop {
		color:black;
		font-size:30px;
		margin:auto auto;
		padding:12px;
		padding-left:8px;
		padding-top:20px;
	}


	.project {
		font-size:12px;
		margin-bottom:125px;
	}


	.projectfooter {
		margin-top:0px;
		margin-left:0px;
		margin-bottom:0px;
	}

	.wobly {
		width:70px;
		height:70px;
	}

	.descel {
		-webkit-line-clamp:4;
	}

	.dotop {
		font-size:13px;
	}

	.dashrank {
		float:right;
		margin-top:0px;
		margin-left:-20px;
		width:12px;
		height:11px;
	}

	.images {
		vertical-align:middle;
		margin-top:0px;
		margin-left:-6px;
		width:12px;
		height:11px;
	}

	.dafoot {
		margin-top:62px;
	}

	.textareacredits {
		height:110px;
		font-size:12px;
		line-height:0.41cm;
		overflow:auto;
		width:calc(100% + 12px);
		padding:5px;
		margin-bottom:-3px;
	}

	.reviewitem {
		margin-left:-15px;
	}

	#tex {
		padding:0px;
		padding-right:4px;
		padding-top:6px;
	}


	.replytable {
		margin-left:25px;
	}


	.faqli {
		font-size:14px;
		margin-left:-15px;
	}


	.faqform {
		margin-left:5px;
		margin-top:-10px;
	}

	.afellipsis {
		max-width:195px;
	}


	.elipsisfaq {
		max-width:215px;
		padding:0px;
		margin-left:5px;
		padding-right:2px;
		font-size:12px;
	}

	.elipsisaf {
		max-width:141px;
		padding:0px;
		margin-left:5px;
		padding-right:2px;
	}



	.newtoit {
		height:95px;
		width:298px;
		line-height:0.41cm;
		margin-top:5px;
	}

	.faqsmall {
		height:100px;
		margin-top:-5px;
		width:50%;
	}


	.holdfaq {
		font-size:14px;
		padding-bottom:13px;
		width:340px;
		overflow:auto;
	}

	.holdaf {
		font-size:14px;
		padding-bottom:13px;
		width:340px;
		overflow:auto;
	}


	.faqquestion {
		font-size:14px;
		padding-right:5px;
	}
	.faqanswer {
		font-size:12px;
		margin-top:-5px;
		margin-bottom:0px;
		margin-left:5px;
		width:300px;
	}


	.adminwords {
		height:80px;
		line-height:0.39cm;
		font-size:12px;
		padding:8px;
	}

	.afwords {
		height:80px;
		line-height:0.39cm;
		font-size:12px;
		padding:4px;
		width:212px;
	}


	.afimg {
		width:200px;
		margin-top:5px;
	}

	.aflayout {
		clear:both;
		margin-left:0px;
		margin-top:2px;
	}

	.afdesc {
		width:200px;	
		margin-bottom:8px;
		font-size:12px;
	}

	.aftitle {
		font-size:15px;
	}

	.aftext {
		width:200px;
	}

	.afleft {
		flex:0 75px;
		line-height:0.84cm;
		text-align:right;
		padding-right:8px;
	}
	.afright {
		flex:1;
		line-height:0.80cm;
	}



	.dosort {
		margin-left:7px;
		float:left;
		margin-right:1px;
		margin-top:5px;
	}


	.bio {
		font-size:11px;
		line-height:0.41cm;
		margin-bottom:5px;
	}

	.clipboard {
		margin-top:8px;
		margin-bottom:10px;
	}



	.buttonbar {
		padding:0px;
		margin-bottom:10px;
	}


	.area {
		font-size:12px;
		padding:7px;
		height:calc(100% - 22px);
	}
	.footerx {
		padding:7px;
		padding-bottom:0px;
		font-size:12px;
		height:calc(100% - 50px);
	}



	.dashsep {
		margin-bottom:5px;
	}


	.all {
		display:flex;
		margin-top:-2px;
		margin-bottom:-14px;
	}


	.account {
		margin-top:5px;
		float:left;
	}

	.clearnone {
		margin-top:21px;
	}

	.clearvote {
		clear:both;
		margin-top:20px;
	}

	.clear {
		clear:both;
		margin-top:19px;
	}

	.revit {
		clear:both;
		margin-top:19px;
	}


	.thumb {
		width:15px;
		height:15px;
		vertical-align:middle;
	}

	.rebutton {
		margin-top:-22px;
		margin-bottom:12px;
	}

	.rebutton2 {
		margin-top:-18px;
		margin-bottom:12px;
	}

	.reviewbutton {
		margin-top:-5px;
		float:left;
		margin-bottom:12px;
	}


	.reviewit {
		margin-top:0px;
		margin-bottom:-10px;
	}


	#updatelink {
		width:95px;
	}


	.reviewtext {
		padding:10px;
		font-size:12px;
		outline:none;
		line-height:0.43cm;
		margin-bottom:7px;
		margin-top:-15px;
		height:120px;
		width:calc(100% - 15px);
	}


	.reviewli {
		margin-left:-25px;
		margin-top:-5px;
		margin-bottom:10px;
		overflow:auto;
	}


	.updateleft {
		line-height:0.80cm;
		width:100px;
	}


	#dashcontainer {
		width:100%;
		font-size:12px;
	}
	.dashboardleft {
		padding:10px;
		height:315px;
	}
	.dashboardright {
		flex:0 120px;
		padding:10px;
		height:325px;
	}
	.dashavatar {
		width:53px;
		height:53px;
		border-radius:46px;
	}
	.dashitem, .dashitemon {
		width:70px;
		height:77px;
		padding:5px;
	}


	.flags {
		width:35px;
		height:20px;
		border:1px solid black;
		vertical-align:middle;
	}

	#gototop {
		position:fixed;
		bottom:7px;
		right:7px;
		z-index:99;
		width:45px;
		height:45px;
		border:2px solid black;
		margin-left:-20px;
	}

	.profilecountry {
		width:29px;
		height:15px;
	}

	.subfootersmall {
		font-size:12px;
		margin-bottom:8px;
	}


	.thumb {
		height:19px;
		width:19px;
	}

	#top {
		text-align:center;
		width:160px;
		padding:10px;
		font-size:12px;
	}
	.cookies {
		font-size:24px;
		font-weight:bold;
		font-family:Bold;
	}


	#warnmain {
		font-size:12px;	
	}

	.online {
		padding:3px;
		padding-left:0px;
	}

	.online:hover {
		background-color:white;
		padding:3px;
		padding-left:0px;
	}

	#warning, #warning2, #warning3 {
		left:50%;
		top:50%;
		transform: translateX(-50%) translateY(-50%);
		position:fixed;
		width:217px;
		overflow:auto;
		border:1px solid black;
		box-shadow:0px 0px 15px black;
		display:none;
		z-index:103;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		font-size:12px;
	}
	.alertmain {
		color:black;
		padding:10px;
		overflow:auto;
	}
	.title {
		font-size:25px;
		padding:3px;
		height:30px;
	}
	.titlebody {
		font-size:11px;
		padding:5px;
	}



	#screen {
		line-height:0.42cm;
		height:135px;
		font-size:12px;
	}
	.mycomments {
		margin-left:0px;
	}


	.headerprojects {
		margin-top:8px;
	}

	.ip {
		width:86px;
	}

	.adminflag { width:32px; height:15px; }

	#month { padding-left:3px;width:57px; }
	#day { padding-left:3px;width:48px; }
	#year { padding-left:3px;width:62px; }

	#dodesc {
		font-size:12px;
		margin-top:0px;
		padding:12px;
		padding-top:9px;
		height:150px;
	}
	#popup2 {
		max-width:365px;
	}

	#message {
		border:1px solid black;
		padding:5px;
		font-size:12px;
		margin-bottom:5px;
	}

	.logo {
		margin-top:5px;
		width:330px;
		height:50px;
	}
	.mainicon {
		margin-top:5px;
		width:50px;
		height:50px;
		padding-left:2px;
		border:0px;
	}

	.center { 
		padding-bottom:20px;
		margin-bottom:-1px;
	}

	.items {
		padding-right:10px;
	}

	.items:nth-last-child(1) {
		padding-right:0px;
		margin-right:0px;
	}


	.left {
		width:85px;
		line-height:0.84cm;
		padding-top:0px;
		padding-right:7px;
	}
	.right {
		line-height:0.73cm;
		width:calc(100% - 125px);
	}


	.mylix {
		padding:0px;
		line-height:0.92cm;
		margin-left:-20px;
	}


	.submittext {
		padding:1px;
		padding-left:8px;
		width:185px;
		font-size:12px;
		border-radius:5px;
	}


	.submitleft {
		width:85px;
		line-height:0.87cm;
		padding-right:10px;
		margin-top:-4px;
	}
	.submitright {
		width:calc(100% - 115px);
	}







	.headerelipsis {
		width:10px;
		float:left;
	}


	.adminaccount {
		width:74px;
	}

	.adminleft {
		width:50px;
		line-height:0.79cm;
		padding-right:5px;
	}
	.adminright {
		width:calc(100% - 65px);
		line-height:0.61cm;
	}


	.reason {
		margin-bottom:0px;
		margin-left:-15px;
	}

	.banreason {
		height: 13px;
	}

	.optionsleft {
		width:50px;
		line-height:0.93cm;
		padding-top:5px;
	}
	.optionsright {
		width:calc(100% - 80px);
		padding-top:5px;
	}

	.seperator {
		clear:both;
		padding-top:0px;
		display:flex;
	}









	.profileleft {
		padding-right:10px;
		text-align:center;
		padding-top:9px;
		overflow:auto;
		margin-top:0px;
		flex: 0 0 120px;
	}

	.profileright {
		line-height:0.53cm;
		overflow:auto;
		margin-top:0px;
		flex:1;
	}


	.profileimg {
		border-radius:60px;
		width:100px;
		height:100px;
	}

	.elipsis {
		max-width:150px;
	}

	.elipsis2 {
		max-width:380px;
	}

	.elipsisx {
		max-width:120px;
		padding-right:4px;
	}
	.myli, .myactive {
		line-height:0.60cm;
		margin-left:-20px;
		width:100%;
	}

	.faq {
		font-size:16px;
	}

	#header {
		padding-top:24px;
		margin-top:-6px;
		height:71px;
	}

	.affiliates {
		width:195px;
		height:32px;
	}

	.projecttext {
		font-size:14px;
		margin-top:-13px;
	}


	.text {
		padding:0px;
		padding-left:5px;
		padding-right:5px;
		font-size:12px;
		border-radius:5px;
	}
	select {
		height:26px;
		padding:5px;
		font-size:12px;
		border-radius:5px;
	}
	.textarea {
		height:90px;
		font-size:12px;
		line-height:0.41cm;
		padding:8px;
	}

	.textarea2 {
		line-height:0.41cm;
		font-size:12px;
		padding:8px;
	}

	.adminarea {
		line-height:0.39cm;
		height:155px;
		font-size:12px;
		padding:8px;
	}
	.adminareasmall {
		line-height:0.39cm;
		height:100px;
		font-size:12px;
		padding:8px;
	}

	.subtextarea {
		width:100%;
		height:100px;
		line-height:0.42cm;
		font-size:12px;
		padding:8px;
		margin-bottom:10px;
	}

	.textareasmall {
		padding:10px;
		font-size:12px;
	}

	.subavatarsmall {
		width:70px;
		padding-top:4px;
		padding-left:5px;
		padding-bottom:0px;
	}

	.subheadersmall {
		font-size:12px;
	}
	.subtextsmall {
		width:calc(100% - 95px);
		padding-left:10px;
		font-size:12px;
		line-height:0.42cm;
	}
	.avatarsmall {
		width:65px;
		height:65px;
		border-radius:60px;
		padding-bottom:0px;
	}


	#changelog {
		padding:7px;
		font-size:11px;
		max-height:160px;
		margin-bottom:10px;
	}

	#review {
		padding:7px;
		font-size:11px;
		max-height:160px;
		margin-bottom:10px;
	}


	.projectleft {
		font-size:12px;
		flex: 24%;
	}
	.projectcenter {
		word-break:break-word;
		font-size:12px;
		flex: 52%;
	}
	.projectright {
		font-size:12px;
		flex: 24%;
	}


	.projectdesc {
		font-size:12px;
	}
	#geshi {
		font-size:11px;
		padding:5px;
		max-height:250px;
	}

	.icon {
		width:32px;
		height:32px;
	}


	.projecttitle {
		font-size:28px;
		line-height:0.80cm;
	}

	.popuptop {
		border:1px solid black;
		font-size:12px;
		height:24px;
		padding:10px;
		padding-bottom:3px;
	}

	.popupbottom {
		border:1px solid black;
		font-size:12px;
		padding:0px;
		padding-top:4px;
		height:31px;
	}


	.popuptext {
		margin:0px;
		margin-bottom:-5px;
		padding:0px;
	}


	.screenshot {
		width:85px;
		max-height:170px;
	}


	th, td { 
		font-size:11px;
	}

	.dataTables_wrapper .dataTables_length select {
		height:28px;
		padding:3px;
		font-size:12px;
		border-radius:5px;
	}
	.dataTables_wrapper .dataTables_filter input {
		height:28px;
		padding:3px;
		font-size:12px;
		border-radius:5px;
	}

	.desc {
		font-size:12px;
	}



	.emoticon {
		width:15px;
		height:15px;
	}

	.subavatar {
		width:70px;
	}
	.subtext {
		width:calc(100% - 75px);
		padding-left:5px;
		font-size:12px;
		line-height:0.42cm;
	}

	.avatar {
		width:50px;
		height:50px;
	}
	.rank {
		font-size:10px;
	}




	.button, button {
		font-size:12px;
		min-width:45px;
		padding:3px;
		padding-left:10px;
		padding-right:10px;
		border-radius:5px;
	}
	.buttonfile {
		font-size:12px;
		width:125px;
		padding:3px;
		padding-left:10px;
		padding-right:10px;
	}

	.subheader, .subfooter {
		font-size:12px;
	}
	.footer {
		padding:7px;
		font-size:12px;
		padding-bottom:3px;
		margin-bottom:15px;
	}


	.header {
		padding-left:14px;
		font-size:14px;
		margin-top:-6px;
	}
	.top {
		font-size:36px;
		padding-top:12px;
	}
	.topimage {
		width:42px;
		height:42px;
		vertical-align:middle;
		margin-bottom:12px;
	}

	.navigation { margin-bottom:0px;margin-top:0px;height:32px;background-color:black;width:100%;border-left:1px solid black;border-right:1px solid black;margin-left:-1px; }

	.navigation a { padding:8px;font-size:11px; }
	.navigation ul { 
		font-size:11px;
		border-right:1px solid black;
		width:118px;
		padding-right:8px;
	}
	.navigation ul a { 
		font-size:11px;
		width:118px;
		border-right:1px solid black;
		padding-right:8px;
	}




	/* NAVBAR ACTIVE */
	.navigation ul div {
	  width:143px;
	  font-size:11px;
	  padding:8px;
	}


	/* NAVBAR ON MAIN */
	.navigation li div {
	  padding:8px;
	  font-size:11px;
	}



	#main {
		border-top:0px;
		display:flex;
		flex-direction:column;
		flex-grow: 1;
		overflow:hidden;
		overflow-y:auto;
		height:100%;
		padding-bottom:0px;
	}
	#submain {
		margin:auto auto;
		width:100%;
		box-sizing:border-box;
		border:0px;
		margin-top:0px;
		font-size:11px;
		padding-left:20px;
		padding-right:20px;
		overflow:hidden;
		height:100%;
		padding-bottom:0px;
	}
	#footer {
		font-size:11px;
		padding:10px;
	}
	#navbar {
		height:32px;
	}
	#subnavbar {
		max-width:770px;
	}

	.buttons, .button, button {
		padding:5px;
		padding-top:3px;
		padding-bottom:3px;
		border-radius:5px;
	}

	.moose {
		margin-top:10px;
		margin-bottom:12px;
	}
	.buttonfile {
		padding:5px;
		padding-top:1px;
		padding-bottom:1px;
		width:200px;
	}

}