@import url("/resources/textBorderAnimation.css");
@import url("/resources/emojiBar.css");
@import url("/resources/permissions.css");
body {
	#background:#2f3236;
	font-family: 'PT Sans', sans-serif;
	color:white;
	/* background-image:url("/resources/images/background.png"); */
	/* background-repeat: no-repeat; */
	/* background-attachment: fixed; */
	  background: var(--site-bg) no-repeat center center fixed; 
	  //background-image: repeating-linear-gradient(135deg,rgb(0,0,0) 0%,rgb(10,10,10) 0.5%);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
	scrollbar-color: #FFF #000;
	scrollbar-width: thin;
}
body a {
	color:white;
	text-decoration:none;

}
body a:hover{
	color:var(--site-color);
	text-decoration:underline;
}

body button{
	border:none;
	border-top:2px solid #e40238;
	border-bottom:2px solid #e40238;
	background:#222427;
	font-weight:bold;
	font-size:12pt;
	color:white;
	cursor: pointer;
}
:root {
	font-size: 16px;
	font-family: 'Open Sans';
	--text-primary: #b6b6b6;
	--text-secondary: #ececec;
	--bg-primary: #000;
	--bg-secondary: #141418;
	--transition-speed: 600ms;
  }
  
  body::-webkit-scrollbar {
	width: 0.25rem;
  }
  
  body::-webkit-scrollbar-track {
	background: #1e1e24;
  }
  
  body::-webkit-scrollbar-thumb {
	background: #e40238;
  }
  
  main {
	margin-left: 5rem;
	padding: 1rem;
  }
  .logo {
  	width: 14%;
  }
  .navbar {
	position: fixed;
	background-color: var(--bg-primary);
	#transition: width 600ms ease;
	overflow-y: none;
	overflow-x: auto;
  }
  .navbar::-webkit-scrollbar{
	  width: 0rem;
  }
  
  .navbar-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
  }
  
  .nav-item {
	width: 14vw;
  }
  
  .nav-item:last-child {
	margin-top: auto;
  }
  
  .nav-link {
	display: flex;
	align-items: center;
	height: 5rem;
	color: var(--text-primary);
	text-decoration: none;
	filter: grayscale(100%) opacity(0.7);
	transition: var(--transition-speed);
  }
  /* all good*/
  
  
  /* Small screens */
  #@media only screen and (max-width: 600px) {
	#.navbar {
	 # bottom: 0;
	 # width: 100vw;
	  #height: 5rem;
	#}
  
	#.logo {
	 # display: none;
	#}
  
	#.navbar-nav {
	 # flex-direction: row;
	#}
  
	#.nav-link {
	 # justify-content: center;
	#}
  
	#main {
	 # margin: 0;
	#}
 # }
  
  /* Large screens */
  @media only screen and (min-width: 1200px) {
  
  .navbar {
	position: fixed;
	background-color: var(--bg-primary);
	transition: width 600ms ease;
	overflow-y: none;
	overflow-x: auto;
  }
  .navbar::-webkit-scrollbar{
	  width: 0rem;
  }
  
  .navbar-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
  }
  
  .nav-item {
	width: 100%;
  }
  
  .nav-item:last-child {
	margin-top: auto;
  }
  
  .nav-link {
	display: flex;
	align-items: center;
	height: 5rem;
	color: var(--text-primary);
	text-decoration: none;
	filter: grayscale(100%) opacity(0.7);
	transition: var(--transition-speed);
  }
  
  
  
  
  
  .nav-link:hover {
	filter: grayscale(0%) opacity(1);
	background: var(--bg-secondary);
	color: var(--text-secondary);
	color: #e40238;
	transition: var(--transition-speed);
  }
  
  .link-text {
	display: none;
	margin-left: 1rem;
  }
  
  .nav-link svg {
	width: 2rem;
	min-width: 2rem;
	margin: 0 1.5rem;
  }
  
  .fa-primary {
	color: white;
  }
  
  .fa-secondary {
	color: white;
  }
  
  .fa-primary,
  .fa-secondary {
	transition: var(--transition-speed);
  }
  
  .logo {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1rem;
	text-align: center;
	color: var(--text-secondary);
	background: var(--bg-secondary);
	font-size: 1.5rem;
	letter-spacing: 0.3ch;
	width: 100%;
  }
  
  .logo svg {
	transform: rotate(0deg);
	transition: var(--transition-speed);
  }
  
  .logo-text
  {
	display: inline;
	position: absolute;
	left: -999px;
	transition: var(--transition-speed);
  }
  
  .navbar:hover .logo svg {
	transform: rotate(-180deg);
	
  }
  
  
	.navbar {
	  top: 0;
	  width: 5rem;
	  height: 100vh;
	}
  
	.navbar:hover {
	  width: 16rem;
	}
  
	.navbar:hover .link-text {
	  display: inline;
	}
  
	.navbar:hover .logo svg
	{
	  margin-left: 11rem;
	}
  
	.navbar:hover .logo-text
	{
	  left: 0px;
	}
  }
  

.menu_container{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:75px;
	overflow-x: auto;
	overflow-y:hidden;
}
.menu{
	position:absolute;
	top:0px;
	min-width:1000px;
	width:100%;
	#display:inline-block;
	#background:#6F6F6F;
	text-align: center;
	#background: #000 url("resources/images/main_bg.png") 50% 0 no-repeat;
	background:#000;
	z-index: +2;
	
}
.menu_logo{
	display:inline-block;
	position:relative;
	float:left;
	left:0px;
	text-align:left;
	min-width:175px;
	width:10%;
	z-index: -1;
	#border:1px solid red;
}
.menu_list {
	display:inline-block;
	#position:relative;
	#text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:75px;
	#border-collapse: separate;
	z-index: +3;
	min-width: 600px;
	#width:80%;
	#margin-left:100px;
}
.menu_list a{
	height:100%;
	max-width: 150px;
	display: inline-block;
	font-size:10pt;
	//border-top:4px solid #e40238;
	//border-bottom:4px solid #e40238;
	//background: #141418;
	background: #000;
	//margin-left:2px;
	//margin-right:2px;
	text-decoration:none;
	margin-left:10px;
	margin-right:10px;
	min-width:75px;
}
.menu_list_item{
	height:75px;
	display: table-cell;
	vertical-align: middle;
	min-width:75px;
}
.menu_list_item:hover{
	display: table-cell;
	/* padding-left:10px; */
	/* padding-right:10px; */
	font-size:10pt;
	background:#e40238;
	vertical-align: center;
	color:white;
	min-width:75px;
}
.menu_user{
	position:relative;
	float:right;
	padding-right:10px;
	top:15px;
	#height:75px;
	min-width:175px;
	width:10%;
	display:inline-block;
	text-align:right;
	vertical-align: middle;
	#	margin-top:-65px;
	z-index: -1;
	color: white;	
	#border:1px solid red;
}
.menu a:hover{
	text-decoration:none;
}

.stats{
	#position:absolute;
	padding:0px;
	margin-left:0px;
	bottom:20px;
	min-height:20px;
	width:100%;
	margin:auto;
	background-color:rgba(25,25,25,0.4);
}
.stats_link{
	margin-left:5px;
	margin-right:5px;
	//color: black;
}
.stats_link a {
	//color:  #e40238;
}

.stats_link a:hover {
	color:  #e40238;
}
.footer{
	#position:absolute;
	padding:0px;
	margin-left:0px;
	bottom:20px;
	min-height:20px;
	width:100%;
	margin:auto;
}
.footer_content{
	#background: url("resources/images/content-bg.png");
	#background:#3C3F42;
	background-color:rgba(25,25,25,0.4);
	margin:auto;
	//margin-top:30px;
	max-width:900px;
	text-align:center;
}
/*
.topbar{
	position:fixed;
	top:75px;
	width:100%;
	left:0px;
	height:95%;
	background-size: cover;
	#border:1px solid black;
	background-image: url("resources/images/banner.jpg");
	
}*/
.video{
    position: fixed;
    left: 50%;
    min-width: 100 %;
    min-height: 95%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url() no-repeat;
    background-size: cover;
}
.down_indicator{
	display:hidden;
	position:fixed;
	left:50%;
	margin-left:-40px;
	bottom:50px;
}
.container{
	
	width:100%;
	padding-top:20px;
	padding-bottom:30px;
	position: absolute;
	margin-top: 70px;
	left:0px;
	#top:70px;
	#background: #000 url("resources/images/main_bg.png") 50% 0 no-repeat;
	display:inline-block;
	min-width:700px;
	#background:#2f3236;
	scrollbar-color: #e40238;

}
.container_main{
	width:100%;
	overflow-x:none;
	padding-top:20px;
	/* padding-bottom:30px; */
	position: static;
	margin-top: 70px;
	left:0px;
	#top:70px;
	#background: #000 url("resources/images/main_bg.png") 50% 0 no-repeat;
	display:inline-block;
	min-width:700px;
	#background:#2f3236;
	scrollbar-color: #FFF #000;
	scrollbar-width: thin;

}

@keyframes fadeIn {
	from{opacity:0}
	to{opacity:1}
	}

.content_main{
	opacity:0;animation:fadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:1s;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
	min-height:300px;
	max-width:1200px;
	width: 60%;
	margin:	auto;
	text-align:center;
	#border-radius:10px;
	color:white;
	#background: rgba(91, 91, 91, 0.5);
	scrollbar-color: #FFF #000;
	scrollbar-width: thin;
	
}
.content{

	padding:15px;
	min-height:300px;
	max-width:950px;
	margin:auto;
	text-align:center;
	margin-bottom:75px;
	#border-radius:10px;
}
.title {
	font-size:20pt;
	font-weight:bold;
	width:100%;
	display:block;
	background-color:#000;
}
.title_smaller {
	font-size:14pt;
	font-weight:bold;
	width:100%;
	display:block;
	background-color:#000;
}
.title_small{
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	background-color:#000;
	padding:0px;
}
.home_title{
	font-size:20pt;
	font-weight:bold;
	width:100%;
	display:block;
	#margin-top: 5vh;
}
.announce_title{
	font-weight:bold;
	margin-top:10px;
}
.block{
	color:white;
	margin:auto;
	#border-radius:5px;
	margin-top:5px;
	margin-bottom:5px;
	#padding:5px;
	display:inline-block;
	#background:#222427;
	border-top:2px solid --site-color;
	#background: url("resources/images/content-bg.png");
	background-color:rgba(25,25,25,0.5);
}
iframe{
	width:100%;
	#height:215px;
	
}
iframe::-webkit-scrollbar{
	width: .25rem;

}
iframe::-webkit-scrollbar-thumb{
	color: var(--site-color);
}
iframe::-webkit-scrollbar-track{
	color: var(--site-color);
}4
.block a{
	color:#8FBBFF;
}
.blarge{
	display:block;
	#height: 40vh;
	min-height:325px;
	/* height:20%; */
	max-width: 1200px;
	padding-bottom:10px;
}

.bsmall{
	width:433px;
	margin-left:10px;
	margin-right:10px;
	border-top:2px solid #e40238;
	background-color:rgba(0,0,0,0.6);
}


.board_wrapper{
	max-width:900;
	margin:auto;
	margin-top:15px;
	scrollbar-color: #FFF #e40238;
	scrollbar-width: thin;
}
.category{
	display:block;
	//margin-top:10px;
	margin-bottom:1px;
	#border-top:2px solid #e40238;
	#background: #3C3F42;
	#background: #000;
	#border-top-right-radius: 25px;
	#border-top-left-radius: 25px;
	scrollbar-color: #FFF #e40238;
	scrollbar-width: thin;
}
.board_cntnr{
	#display:block;
	height:50px;
	width:100%;
	text-align:center;
	border-collapse: collapse;
	margin-bottom:10px;
	scrollbar-color: #FFF #e40238;
	scrollbar-width: thin;
}
.board_cntnr tr{
	border-top:2px solid black;
	border-bottom:2px solid black;
	#background: url("resources/images/content-bg3.png");
	#background:#222427;
	background-color:rgba(0,0,0,0.6);
	#background-color:rgba(25,25,25,1);
}
.board_cntnr tr:hover{
	#background: #3D4658;
	background-color:rgba(0,0,0,0.8);
	#color: #e40238;
	#background-color:rgba(10,10,10,1);
}
.board_spacer{
	height:4px;
}
.board_spacer_large{
	height:16px;
}
.board_icon{
	height:40px;
	width:40px;
	padding:0px;
	vertical-align:center;
}
.board_icon img{
	height:40px;
	transform: rotate(35deg);
}
.board_name{
	display:table-cell;
	font-size:14pt;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
	vertical-align: middle;
	height:50px;
}
.board_desc{
	font-size:9pt;
}
.board_last{
	border-left:2px solid black;
	border-right:2px solid black;
	width:225px;
}
.board_info{
	width:100px
}
.poster_info{
	font-size:10pt;
	font-weight:normal;
}

.tree{
	font-size:9pt;
	text-align:left;
	display:block;
}

.topic_table{
	#border-left:1px solid black;
	#border-right:1px solid black;
	border-collapse: collapse;
	width:100%;
	color:white;
}
.topic_table tr{
	#background-color:rgba(10,10,10,0.3);
}
.topic_poster{
	height:50px;
	#border-top:1px solid black;
	#background: url("resources/images/content-bg.png");
	#background:#222427;
	#background-color:rgba(25,25,25,0.5);
	padding-left:4px;
}
.topic_poster_img{
	vertical-align:middle;
	height:50px;
	width:50px;
	text-align:center;
	#background: url("resources/images/content-bg.png");
	#background:#222427;
	#background-color:rgba(25,25,25,0.5);
}
.topic_poster_img img{
	vertical-align:middle;
}
.topic_time{
	font-size:10pt;
	width:220px;
	text-align:right;
	padding:5px;
	#border-top:1px solid black;
	#background: url("resources/images/content-bg.png");
	#background:#222427;
	#background-color:rgba(25,25,25,0.5);
}
.topic_user_info{
	width:125px;
	#border-bottom:1px solid black;
	#background: url("resources/images/content-bg.png");
	#background:#222427;
	#background-color:rgba(25,25,25,0.5);
	text-align:center;
	font-size:10pt;
	vertical-align:top;
}
.topic_message{
	#border-top:1px solid black;
	#border-left:1px solid black;
	#background:#5c5c5c;
	background-color:rgba(10,10,10,0.8);
	vertical-align: top;
	padding:5px;
	font-size:11pt;
}
.topic_message .quote{ 
	font-size:9pt;
	display:block;
}
.topic_message .quote .qtitle{ 
	background-color:rgba(40,40,40,0.5);
	max-width:225px;
	padding:2px;
	position:relative;
	font-size:8pt;
	z-index: +1;
	border-right:1px solid #e40238;
	border-top:1px solid #e40238;
	#border-bottom:1px solid rgba(0,32,32,0.7);
}
.topic_message .quote .qbar {
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, rgba(40,40,40,0) 229px, #e40238 229px);
	filter: brightness(1.25);
}
.topic_message .quote .qmessage{ 
	padding:2px;
	margin:0px;
	display:block;
	background-color:rgba(40,40,40,0.5);
	margin-top:-1px;
	#padding-top:2px;
	#border-top: 1px solid #e40238;
	#margin-bottom:-10px;
	max-width:100%;
}

.topic_message a{
	color:#8FBBFF;
}
.topic_message img{
	max-height:500px;
	max-width:100%;
}
.topic_wrapper{
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid black;
	background-color:rgba(25,25,25,0.7);
}
.topic_admin_edit{
	font-size:10pt;
	text-align:center;
	background-color:rgba(10,10,10,0.7);
	
}
.topic_admin_edit a{
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid white;
}
.topic_signature{
	padding:5px;
	#border-top:1px solid black;
	#background: url("resources/images/content-bg.png");
	#background:#222427;
	#background-color:rgba(25,25,25,0.5);
	max-height:200px;
	#width: 100%;
	overflow-y: auto;
}
.topic_signature img{
	max-height:200px;
	max-width:500px;
}
.topic_poster_text{
	#margin-bottom:8px;
	font-size:10pt;
}
.emoji{
	height:12pt;
	vertical-align:middle;
	display: inline
}

.new_button{
	display:inline;
	//border-bottom:2px solid #e40238;
	//border-top:2px solid #e40238;
	padding:2px;
	margin-top:1px;
	background:#222427;
	width:75px;
	margin-left:3px;
	margin-right:3px;
	height: 100%;

}
.button_holder{
	display:inline;
	width:200px;
	float:right;
	margin-top:-27px;
	margin-right:-3px;
	text-align:right;
}
.button_holder_bottom{
	#width:100%;
	float:right;
	height:22px;
	padding-top:4px;
	text-align:right;
	#background:#3C3F42;
	#background-color:rgba(10,10,10,0.7);


}
.bottom_button{
	display:inline;
	border-top:2px solid #e40238;
	border-bottom:2px solid #e40238;
	padding:2px;
	#background:#222427;
	width:75px;
	margin-left:3px;
	margin-right:3px;
	background-color:rgba(10,10,10,0.7);
}

.reply_form{
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	#background:#222427; 
	background-color: rgba(25,25,25,0);
	color:white;
}
.reply_form textarea{
	#text-align:left;
	#height:150px;
	#overflow-y:auto;
	#margin-top:10px;
	#margin-bottom: 20px;
	#width:80%;
	#background:#3C3F42;
	#background-color:rgba(10,10,10,0.7);
	#color:white;
	#border:2px solid black;
	#border-radius:5px;
}
.emoji_cntnr img{
	cursor: pointer;
	vertical-align:middle;
	display: inline;
	height:20px;
}
.bbcodebtn{
	height:20px;
	font-size:14px;
	border:1px solid white;
}

.input_title{
	border:0px;
	border-bottom:1px solid #FFF;
	background:#FFF;
	padding:2px;
	font-size:12pt;
	box-shadow: 0px -3px 0px 0px inset;
}
.input_title:focus{
	outline: none;
}


.reg_label{
	font-size:14pt;
	text-align:right;
	width:40%;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
}
.reg_input{
	font-size:14pt;
	text-align:left;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
	#border-bottom:4px solid black;
}
.reg_input input{
	border:0px;
	#background:#516788;
	padding:10px;
	font-size:14pt;
	height:30px;
	border-radius:15px;
	margin-top:4px;
	margin-bottom:4px;
}
.reg_input input:focus{
	outline: none;
}
.reg_selxsmall{
	width:70px;
	font-size:12pt;
	height:30px;
	border-radius:15px;
	margin-top:4px;
	margin-bottom:4px;
}
.reg_numsmall{
	width:80px;
	font-size:12pt;
}
.reg_submit{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.reg_submit button{
	border:none;
	border-top:2px solid #e40238;
	border-bottom:2px solid #e40238;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background:#222427;
	font-weight:bold;
	font-size:12pt;
	color:white;
}
.reg_submit button:hover{
	cursor: pointer;
}
.reg_alert{
	display:none;
}
.reg_alert_active{
	display:inline-block;
	margin-left:5px;
	font-size:12pt;
	background:#d14747;
	color:white;
	padding:2px;
}
.reg_main_alert{
	display:block;
	font-size:12pt;
	background:#d14747;
	color:white;
	padding:2px;
	margin-top:5px;
	margin-bottom:5px;
}

.alpha_background{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	right:0px;
	text-align:center;
	background:rgba(255, 30, 30, 0.4);

}
.alpha_alert{
	background:white;
	position:fixed;
	top:50%;
	display:block;
	margin-left:-167px;
	left:50%;
	border:2px solid black;
	width:330px;
}

.toggle_pop{
	color:#1e57b3;
}
.toggle_pop:hover{
	cursor: pointer;
}

.profile_table{
	#border-left:1px solid black;
	#border-right:1px solid black;
	border-collapse: collapse;
	width:100%;
}
.profile_table .profile_labels{
	width:45%;
	text-align:right;
	padding-right:5px;
}
.profile_table .alert{
	color:red;
}
.profile_signature{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:60px;
	padding-right:60px;
	color:white;
	#border-top:1px solid black;
	#background: url("resources/images/content-bg.png");
	background:#222427;
}
.profile_signature img{
	max-height:200px;
	max-width:500px;
}

.profile_info input{
	border:0px;
	#background:#516788;
	padding:5px;
	font-size:12pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
}
.profile_selxsmall{
	width:65px;
	font-size:12pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
}
.profile_selmed{
	width:200px;
	font-size:12pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
}
.delete_topic_wrapper {
	background-color:rgba(25,25,25,0.5);
}
.del_topic_name {
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	padding:0px;
	margin: 0px;
	border-bottom: 2px solid black;
}
.del_post_message{
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:left;
	height:150px;
	overflow-y:auto;
	margin-bottom: 20px;
	width:80%;
	background-color: rgba(10,10,10,0.7);
	color:white;
	border:2px solid black;
	border-radius:5px;
}
.del_post_button_yes{
	
	background-color: rgba(0,255,0,0.7);
	border: 0;
	width: 50%;
	height: 10%;
	border: 1px solid black;
}
.del_post_button_yes:hover {
	box-shadow: 0 0 5px green;
}
.del_post_button_no{
	
	background-color: rgba(255,0,0,0.7);
	border: 0;
	width: 50%;
	height: 10%;
	border: 1px solid black;
}
.del_post_button_no:hover {
	box-shadow: 0 0 5px red;
}

.sig_audio{
	border-radius:2px;
	background: #222427;
	height:20px;
}

.msg_success{
	background:#ccffcc;
	color:#2f6131;
}
.msg_fail{
	background:#ff5050;
	color:#800000;
}

.form{
	width:100%;
	border-collapse: collapse;
	#background-color:rgba(25,25,25,0.5);
}
.form_message{
	margin-top:10px;
	margin-bottom:10px;
	#background-color:rgba(25,25,25,0.5);
}
.form tr:hover{
	#background: #3D4658;
	#background-color:rgba(10,10,10,0.7);
}
.form .label{
	width:50%;
	text-align:right;
}
.form ::placeholder{
	color:#9c9c9c;
}
.form .text{
	width:200px;
	font-size:10pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
	padding:5px;
	color:white;
	background-color:rgba(125,125,125,0.5);
	border:0;
}
.form .bigtext{
	font-size:12pt;
	height:24px;
	width:225;
}
.form .number{
	width:75px;
	font-size:10pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
	padding:1px;
	color:white;
	background-color:rgba(125,125,125,0.5);
	border:0;
}
.form .longtext{
	width:350px;
	min-height:100px;
	font-size:10pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
	padding:5px;
	color:white;
	background-color:rgba(100,100,100,0.5);
}
.form .select{
	width:150px;
	font-size:9pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	color:white;
	background-color:rgba(125,125,125,0.5);
}
.form .sselect{
	width:65px;
}
.form .lselect{
	width:200px;
}
.form .select option{
	background: rgba(0, 0, 0, 0.7);
}
.form .mselect{
	width:150px;
	font-size:9pt;
	height:75px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	color:white;
}
.form .datetime{
	width:220px;
	font-size:10pt;
	height:20px;
	--border-radius:10px;
	margin-top:2px;
	margin-bottom:2px;
	padding:5px;
	color:white;
	background-color:rgba(125,125,125,0.5);
	border:0;
}
.form_submit{
	#background-color: rgba(25,25,25,0.5);
	margin-top:5px;
	margin-bottom:5px;
}

.members_list{
	width:100%;
	text-align:center;
	float:right;
	border-collapse: collapse;
}
.members_list tr{
	border-bottom:1px solid black;
}
.members_list tr:hover{
	background:#3D4658;
}
.members_list_name .banned{
	text-decoration: line-through;
}
.members_list_name .inactive{
	color:red;
}
.members_list_date{
	width:200px;
}

.rules ol li{
	margin:0px;
	padding:0px;
	margin-left:15px;
}

.sublist li{
	margin-top:-10px;
	margin-bottom:-10px;
	margin:0px;
	padding:0px;
	#margin-left:15px;
	font-size:10pt;
}
.rules .title{
	margin: auto;
	#margin-top:5px;
	margin-bottom:5px;
	font-size:14pt;
	#padding-left:5px;
	width:100%;
	background-color: rgba(228,2,48,0.7);
	
}
.move_wrapper {
	background-color: rgba(25,25,25,0.5);
}

.title_rules {
	font-size:20pt;
	font-weight:bold;
	width:100%;
	display:block;
	background-color:#000;
	padding: 0;
	margin: 0;
}

#.header_rules {
	#margin-top: 10px;
	#font-size: 12pt;
	#text-align: center;
	#border: 1px solid black;
#}

.viewport-wrapper{
	width: 100vw;
	height: 100vh;
}

#.viewport-wrapper iframe {
	#height: 40%;
#}

@media screen and (max-width: 1200px){
	.viewport-wrapper .container{
		#background-color: red;
		width: 100vw;
		height: 85vh;
	}
	.viewport-wrapper .container_main{
		#background-color: red;
		/* width: 100vw; */
		height: 85vh;
	}
	.viewport-wrapper .content_main {
		width: 100vw;
		height: 85vh;
	}
	.viewport-wrapper .blarge {
		width: 100vw;
		height: 40vh;
	}
	#.viewport-wrapper iframe {
		#height: 95%;
	#}
	#.viewport-wrapper .wrapper {
		#height: 100%;
	#}
	.navbar {
		position: absolute;
		top: 0vh;
		width: 100vw;
		height: 5vh;
		margin: 0;
		padding: 0;
	}
	
	
}

.body{
	#border-top:2px solid #e40238;
	background-color: rgba(25,25,25,0.9);
}
.home-font {
	font-size: 1.3vh;
}
@media screen and (min-width: 1201px) {
	.home_title {
		margin-top: 0;
	}
	body {
		#background-color: red;
	}
}