/*
Hier werden Textfarbe am Chatstart und Systemtextfarbe angegeben.
Die Parameter werden mit PHO ausgelesen, deshalb bitte die Syntaxis beachten!
---------------------
Textfarbe:ffffff
Systemfarbe:ffffff
---------------------
*/
/* **********************************************************************************************
 *  ET-Chat Copyright by SEDesign http://www.sedesign.de
 *  ET-Chat v3.x.x | Lizenz: CCPL - http://creativecommons.org/licenses/by-nc/2.0/de/
 *  Autor: Evgeni Tcherkasski <SEDesign /> | E-mail: info@s-e-d.de
 *  Modifiziert von [Chatradiotechnik] [2021] https://chatradiotechnik.de
 *  THX 4 Help @ Tommy / Fizzy Lemon<br> Svensken (alter Schwede) & Harlekin-Power
 * **********************************************************************************************/

/* for index.php - Login */


#body{
height: 100%; text-align: center; font-family: verdana, sans-serif; background-color: #000000;
/* background-image: url('bg.gif'); */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center fixed;
}

	




	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		/*background-color: black;*/
	  }
	  
	  li {
		float: left;
		border-right:1px solid white;
	  }
	  
	  li:last-child {
		border-right: none;
	  }
	  
	  li a {
		display: block;
		
		text-align: center;
		padding: 14px 16px;
	  }
	  
	  li a:hover:not(.active) {
		background-color: red;
	  }

#box {
border: 0px solid rgba(0, 0, 0, 0); width: 100%; height: 100%; font-size: 11pt; margin: 0px auto; background-color: rgba(0, 0, 0, 0); 
}

#ueberschrift {
border: 1px solid #fff; width: 90%; font-size: 12pt; margin: 0px auto; background-color: transparent; color: white; box-shadow: 0px 0px 50px tranzparent;
}

#inhalt {
padding: 5px;
		/*background-color: #f1f1f1;*/
		font-size: 12px;
		font-family: sans-serif;
		font-style: normal;
		color:white;
		width: 250px;
		border: 1px solid white;
		border-radius: 10px;
		height: 450px;
		padding-bottom: 16px;
		overflow: auto;
		display:inline-block;
		float: center;
		
	}

#username {
display: inline;
font-size: 11pt; color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #fff;
outline: none;
padding: 10px 20px;
box-shadow: 0px 0px 50px tranzparent; 
}

#gender {
font-size: 11pt; color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #fff;
padding: 10px 10px;
box-shadow: 0px 0px 50px tranzparent; 
}

.gender {
}

.gender-input {
display: none;
}

.gender-label {
text-align: center; color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #fff;
padding: 10px 20px;
box-shadow: 0px 0px 50px tranzparent; 
cursor: pointer;
}

.gender-input:checked + .gender-label {
color: #FFFFFF;
background-image: linear-gradient(to bottom, #000000, #fff);
}

#pw {
font-size: 11pt; color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #fff;
outline: none;
padding: 10px 20px;
box-shadow: 0px 0px 50px tranzparent; 
}

#submit_button {
font-size: 11pt; color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #fff;
padding: 10px 20px;
box-shadow: 0px 0px 50px tranzparent; 
}

#submit_button:hover {
font-size: 11pt; color: #FFFFFF;
background-color: #fff;
border: 1px solid #fff;
box-shadow: 0px 0px 50px tranzparent;
background-image: linear-gradient(to bottom, #000000, #fff);
}

#submit_button:active {
position: relative;
transform: scale(1.11);
box-shadow: 0px 0px 50px tranzparent;
background-image: linear-gradient(to bottom, #000000, #fff);
}

#copyright {
font-size: 11pt; color: white;
}

#login {
border: 1px solid #fff;	
display: inline;
box-shadow: 0px 0px 50px tranzparent; 
}




/* for chat.php*/




.timestamp {

	color:white;
	font-weight:bold;
	background-color:grey;
}




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

#onlinelist2{

	display:none;
}


#splitpane2{

	display:none;
}
.mobile_hide {

	display:none;
}

#splitpane{

	display:none;
}

}

table {
font-size: 11pt;
}

#body_id {
height: 100%;
width: 100%;
margin: 0px auto;
background-color: #9f9f9f;
/*background-image: url('img/bg.jpg');*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center fixed;
}

#rahmen_um_alles {
margin: 10px;
}

.chatbot {

	margin-right:150px;
	color: #ff00ff;
	font-weight:bold;
	
	}

body {
background-color: transparent;
scrollbar-face-color: #fff;
scrollbar-shadow-color: #808080;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #808080;
-ms-overflow-style: -ms-autohiding-scrollbar;
-ms-overflow-style: none;
}

#kopf {
background-color: rgba(0, 0, 0, 0.75);
font-size: 11pt;
font-family: verdana, sans-serif;
font-style: normal;
color: #FFFFFF;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #483f22;
border-top-left-radius: 18px;
border-top-right-radius: 18px;
box-shadow: 0px 0px 50px tranzparent;
justify-content: center;
display:flex;
}

#onlinelist {
padding: 5px;
background-color: rgba(0, 0, 0, 0.75);
font-size: 13pt;
font-family: verdana, sans-serif;
font-style: normal;
color: #FFFFFF;
border: 1px solid #483f22;
height: 450px;
line-height: 150%;
padding-bottom: 5px;
overflow: auto;
box-shadow: 0px 0px 50px tranzparent;
margin-top: 0px;
float: right;
}

* html #splitpane {
margin-left: 0px;
}

#splitpane {
background-image: url('../../img/splitpane.png');
background-repeat: no-repeat;
background-position: center;
font-size: 11pt;
font-family: verdana, sans-serif;
font-style: normal;
float: right;
color: #FFFFFF;
width: 8px;
margin: 1px;
height: 450px;
/*cursor:e-resize;*/
}

#onlinelist2{  
padding: 5px;
background-color: rgba(0, 0, 0, 0.75);
font-size: 13pt;
font-family: verdana, sans-serif;
font-style: normal;
color: #FFFFFF;
border: 1px solid #483f22;
height: 450px;
line-height: 150%;
padding-bottom: 5px;
overflow: auto;
box-shadow: 0px 0px 50px tranzparent;
margin-top: 0px;
float: left;
}

* html #splitpane2 {
	margin-right: 0px;
}

#splitpane2 {
background-image: url('../../img/splitpane.png');
background-repeat: no-repeat;
background-position: center;
font-size: 11pt;
font-family: verdana, sans-serif;
font-style: normal;
float: left;
color: #FFFFFF;
width: 8px;
margin: 1px;
height: 400px;
/*cursor:e-resize;*/
}

#chatinhalt {
padding: 5px;
border: 1px solid #483f22;
background-color: rgba(0, 0, 0, 0.75);
font-size: 14pt;
font-family: verdana, sans-serif;
font-style: normal;
color: #FFFFFF;
line-height: 150%;
/*margin-right: 200px;*/
position: relative;
height: 450px;
overflow: auto;
padding: 5px;
padding-bottom: 5px;
box-shadow: 0px 0px 50px tranzparent;
}

#form {
background-color: rgba(0, 0, 0, 0.75);
font-size: 11pt;
font-family: verdana, sans-serif;
font-style: normal;
clear: both;
border: 1px solid #483f22;
margin-top: 10px;
padding: 5px;
height: 70px;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
box-shadow: 0px 0px 50px tranzparent;
color: #FFD700;
}

#form_left {
border: 0px solid #fff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 10px;
position: relative;
float: left;
}

#form_right {
border: 0px solid #fff;
padding-top: 9px;
padding-bottom: 4px;
padding-left: 5px;
padding-right: 5px;
position: relative;
float: left;
}

#privat_messages{
 position: absolute;
 top: 100px;
 left: 100px;
 background-color: #cccccc;
 border: 1px solid #fff;
 padding: 5px;
}

    .rooms{
     background-color: transparent;
     border: 2px solid #D4AF37;
     border-radius: 10px;
     padding: 1px;
     margin-bottom: 2px;
     cursor:pointer;
     color:#D4AF37;
     text-align:center;
    
    }
    .rooms_not_allowed{
     background-color: #efefff;
     border: 1px solid #777777;
     color: #777777;
     padding: 1px;
     margin-bottom: 2px;
     cursor:pointer
    }

.privat_ausg_an {
background-color: rgba(0, 0, 0, 0.00);
border: 0px solid #fff;
border-radius: 0px;
padding: 10px 20px 10px 0px;
margin-bottom: 3px;
display: inline-block;
box-shadow: 0px 0px 50px tranzparent;
}

.privat_ausg_von {
background-color: rgba(0, 0, 0, 0.00);
border: 0px solid #fff;
border-radius: 0px;
padding: 10px 20px 10px 0px;
margin-bottom: 3px;
display: inline-block;
box-shadow: 0px 0px 50px tranzparent;
}

#close_privat {
cursor: pointer;
background-color: #FFFFFF;
font-size: 11pt;
font-family: verdana, sans-serif;
font-style: normal;
border: 1px solid #000000;
padding-left: 4px;
padding-right: 4px;
}

#privat_anzeige {
padding-bottom: 3px;
color: #FFFFFF;
height: 18px;
}

#privat_modus {
font-size: 11pt;
}

#close_privat {
color: #000000;
}

.privat_mesages_window {
height: 337px;
padding: 3px;
border: 1px solid #fff;
overflow: auto;
}

.privat_win_button {
cursor: pointer; 
font-weight: bold;
border: 1px solid #FFFFFF;
width: 190px;
margin-top: 3px;
background-color: #000000;
text-align: center;
}

.colorpick {
font-size: 11pt;
cursor: pointer;
border: 1px solid #000000;
width: 100%;
}

.dialog {
font-size: 11pt;
font-family: verdana, sans-serif;
font-style: normal;
}


.img_button{
	cursor:pointer;	
}

.img_button:active {
position: relative;
transform: scale(1.11);
}

.img_smiley {
cursor: pointer;
}

.img_smiley:active {
position: relative; 
box-shadow: 0px 0px 50px #FFFFFF, inset 0px 0px 150px #666666;
}

.teamspeak_submit_button {
cursor: pointer;
}

.teamspeak_submit_button:hover {
background-image: linear-gradient(to bottom, #000000, #2B344E);
}

.teamspeak_submit_button:active {
position: relative;
transform: scale(1.11);
background-image: linear-gradient(to bottom, #000000, #2B344E);
}

.img_chat {
cursor: pointer;
}

.button_admin {
cursor: pointer;
}

.button_admin:active {
position: relative;
transform: scale(1.11);
}

.img_chat:active {
position: relative;
box-shadow: 0px 0px 50px #FFFFFF, inset 0px 0px 150px #666666;
}

.userbild {
box-shadow: 0px 0px 50px tranzparent;
height: 30px;
width: 30px;
}

.useronlinebild {
border: 1px solid #fff;
cursor: pointer;
height: 25px;
width: 25px;
}

.useronlinebild:active  {
border: 1px solid #fff;
transform: scale(4.00) translate(-35%, -35%);
}

.gender_icon {
height: 16px;
width: 15px;
vertical-align: text-bottom;
}

.gender_icon_userliste {
height: 17px;
width: 16px;
vertical-align: text-bottom;
}

.zauberstab {
cursor: pointer;
height: 18px;
width: 17px;
vertical-align: text-bottom;
}

#message {
border: 1px solid #fff;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
outline: none;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 11pt;
background-color: rgba(0, 0, 0, 0.75);
}



.mess_back {    
        
        border:1px solid #D0D7DC;
        border-radius:8px;
        padding:2px 8px 2px 5px;
        margin-bottom:3px;
        display:inline-block;
        box-shadow: 6px 4px 9px #ffffff;
        font-family:Play,sans-serif;
        /*font-color:#FF0000;*/
    }





.private_message_field {
font-size: 11pt;
width: 200px;
margin-top: 10px;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #000000;
border: 1px solid #fff;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
outline: none;
}
a:link {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
a:visited {font-family:Arial,serif;	font-size:10pt;	color:#ffffff; text-decoration:underline;}
a:active {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
a:hover {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:none;}

/*------------ for history -----------------------*/
.kopf{ background-color:#483f22; }
.gerade{ background-color:#f04c29; }
.ungerade{ background-color: #7a3323 ; }
.privat_von{ background-color:#ddffdd; }
.privat_nach{ background-color:#ffdddd; }

/*------------ for adminbereich -----------------------*/
#adminbereich_body{
background-color:#000000;
color:#ffffff;
font-size: 12px;
font-family: sans-serif;
}
#adminbereich_body a:link {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#adminbereich_body a:visited {font-family:Arial,serif;	font-size:10pt;	color:#ffffff; text-decoration:underline;}
#adminbereich_body a:active {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#adminbereich_body a:hover {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:none;}

/*------------ for modbereich -----------------------*/
#modbereich_body{
background-color:#000000;
color:#ffffff;
font-size: 12px;
font-family: sans-serif;
}
#modbereich_body a:link {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#modbereich_body a:visited {font-family:Arial,serif;	font-size:10pt;	color:#ffffff; text-decoration:underline;}
#modbereich_body a:active {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#modbereich_body a:hover {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:none;}

/*------------ for radioleitungbereich -----------------------*/
#radioleitungbereich_body{
background-color:#000000;
color:#ffffff;
font-size: 12px;
font-family: sans-serif;
}
#radioleitungbereich_body a:link {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#radioleitungbereich_body a:visited {font-family:Arial,serif;	font-size:10pt;	color:#ffffff; text-decoration:underline;}
#radioleitungbereich_body a:active {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#radioleitungbereich_body a:hover {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:none;}

/*------------ for sendeleitungbereich -----------------------*/
#sendeleitungbereich_body{
background-color:#000000;
color:#ffffff;
font-size: 12px;
font-family: sans-serif;
}
#sendeleitungbereich_body a:link {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#sendeleitungbereich_body a:visited {font-family:Arial,serif;	font-size:10pt;	color:#ffffff; text-decoration:underline;}
#sendeleitungbereich_body a:active {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#sendeleitungbereich_body a:hover {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:none;}

/*------------ for grafikerbereich -----------------------*/
#grafikerbereich_body{
background-color:#000000;
color:#ffffff;
font-size: 12px;
font-family: sans-serif;
}
#grafikerbereich_body a:link {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#grafikerbereich_body a:visited {font-family:Arial,serif;	font-size:10pt;	color:#ffffff; text-decoration:underline;}
#grafikerbereich_body a:active {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:underline;}
#grafikerbereich_body a:hover {font-family:Arial,serif; font-size:10pt; color:#ffffff; text-decoration:none;}


/*---------------------------- for Window -------------------------*/
.overlay_chatradiotechnik_boxen {
	background-color: #ffffff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.chatradiotechnik_boxen_nw {
 border-left: 1px solid #483f22;
 border-top: 1px solid #483f22;
 border-bottom: 1px dashed #483f22;
  width:10px;
  height:18px;
  background-color: #483f22;
}

.chatradiotechnik_boxen_n {
  border-top: 1px solid #483f22;
  border-bottom: 1px dashed #483f22;
  background-color: #483f22;  
}

.chatradiotechnik_boxen_ne {
 border-right: 1px solid #483f22;
 border-top: 1px solid #483f22;
 border-bottom: 1px dashed #483f22;
  width:10px;
  height:18px;
  background-color: #483f22;

}

.chatradiotechnik_boxen_w {
 border-left: 0px solid #483f22;
 width:10px;
 background-color: #000000;
 background-image: linear-gradient(to left, #000000, #483f22); 
}

.chatradiotechnik_boxen_e {
  border-right: 0px solid #483f22;
  width:10px;
  background-color: #000000;
  background-image: linear-gradient(to right, #000000, #483f22);
}

.chatradiotechnik_boxen_sw {
 border-left: 0px solid #483f22;
 border-bottom: 0px solid #483f22;
  width:10px;
  height:3px;
  background-color: #000000;
  background-image: linear-gradient(-135deg, #000000, #483f22);
}

.chatradiotechnik_boxen_s  {
border-bottom: 0px solid #483f22;
background-color: #000000;
background-image: linear-gradient(to bottom, #000000, #483f22);
}

.chatradiotechnik_boxen_se, .chatradiotechnik_boxen_sizer {
 border-right: 0px solid #483f22;
 border-bottom: 0px solid #483f22;
  width:10px;
  height:3px;
  background-color: #000000;
  background-image: linear-gradient(135deg, #000000, #483f22);
}

.chatradiotechnik_boxen_sizer {
	cursor:se-resize;
}

.chatradiotechnik_boxen_close {
	width: 32px;
	height: 32px;
	background: transparent url(button-close-focus.gif) no-repeat 0 0;
	position:absolute;
	top:10px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.chatradiotechnik_boxen_minimize {
	width: 32px;
	height: 32px;
	background: transparent url(button-min-focus.gif) no-repeat 0 0;
	position:absolute;
	top:10px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.chatradiotechnik_boxen_maximize {
	width: 32px;
	height: 32px;
	background: transparent url(button-max-focus.gif) no-repeat 0 0;
	position:absolute;
	top:10px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.chatradiotechnik_boxen_title {
color: #ffffff;
float: left;
font-size: 11pt;
font-family: verdana, sans-serif;
font-weight: bold;
margin: 0;
padding: 16px 5px;
}

.chatradiotechnik_boxen_content {
padding-top: 5px;
overflow: auto;
color: #FFFFFF;
font-family: verdana, sans-serif;
font-size: 11pt;
background: #9f9f9f;
overflow-x: hidden;
}

/* Für Bilderupload von Fizzy Lemon */

progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   border: none; 
  width: 250px;
  height: 20px;
}

progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top, 
	                           rgba(255, 255, 255, .25), 
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #006633, #00ff66);

    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

progress[value]::-moz-progress-bar { 
  background-image:
    -moz-linear-gradient(
      135deg, 
      transparent 33%, 
      rgba(0, 0, 0, 0.1) 33%, 
      rgba(0, 0, 0, 0.1) 66%, 
      transparent 66% 
    ),
    -moz-linear-gradient(
      top, 
      rgba(255, 255, 255, 0.25), 
      rgba(0, 0, 0, 0.25)
    ),
    -moz-linear-gradient(
      left, 
      #006633, 
      #00ff66
    );

  border-radius: 2px; 
  background-size: 35px 20px, 100% 100%, 100% 100%; 
}

#Filesendmain{
 width: 90%;
 height: 100%;
 padding: 1px;
 overflow: hidden; 
 background-image: linear-gradient(to top, rgba(241,255,238,1) 20%, rgba(241,255,238,0) 90%);
 border-radius: 8px;
 }
 
#fizfooter{
 color: #1f4f1e;
 font-size: x-small;
 }
 
 .img_smiley {
cursor: pointer;
}

.img_smiley:active {
position: relative; 
box-shadow: 0px 0px 50px #FFFFFF, inset 0px 0px 150px #666666;
}

 @media only screen and ( max-width: 533px ) {
#chatinhalt, #splitpane, #onlinelist { height: 450px; }
#onlinelist { background-color: #000000; box-shadow: 0px 0px 0px #7A0000; height: 70vh!important; }
#message { width: 100px; }
#kopf  { margin-bottom: 0px; }
#form { margin-top: 0px; }
#form_right { padding-top: 10px; padding-right: 0px; }
#chatinhalt { margin-left: 0px; }
#video_background { display: none; }

.button_admin { 
width: 30px;
height: 30px;
}
.img_button {
width: 30px;
height: 30px;
}
.img_home {
display: none;
}
.img_color {
display: none;
}
.img_prop {
display: none;
}
.img_filesend {
display: none;
}
.img_wuerfel {
display: none;
}
.img_teamspeak {
display: none;
}
.img_info {
display: none;
}
.img_fullscreen {
display: none;
}
.img_smiley {
width: auto;
height: 50px;
}
.triger-modal {
background-color: tranzparent; 
border: none;
color: #ffffff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 11pt;
}
.modal-wrap {
background-color: #000000;
height: 100%;
left: 0;
opacity: 0;
overflow: auto;
position: fixed;
top: -1px;
visibility: hidden;
width: 100%;
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.modal-wrap.visible {
opacity: 1;
visibility: visible;
}
.modal-wrap .modal-container {
background: #000000;
margin-left: 8px;
margin-right: 10px;
max-width: 100%;
width: 600px;
z-index: 100;
}
.modal-wrap .modal-container .modal-header, .modal-wrap .modal-container .modal-footer {
background: #483f22;
border: 1px solid #fff;
float: left;
width: 100%;
}
.modal-wrap .modal-header .modal-title {
color: #ffffff;
float: left;
font-size: 11pt;
font-family:verdana, sans-serif;
margin: 0;
padding: 17px 20px;
}
.modal-wrap .modal-header .close-modal {
background: transparent;
border: 0;
color: #ffffff;
cursor: pointer;
float: right;
padding: 2px 10px;
font-size: 40px;
font-weight: bold;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.modal-wrap .modal-header .close-modal:hover {
opacity: 1;
}
.modal-wrap .modal-content {
border: 1px solid #fff;
float: left;
margin: 0;
padding: 3% 3%;
width: 94%;
}
.modal-wrap .modal-content p:last-child {
margin-bottom: 0;
}
}

@media only screen and ( min-width: 533px ) {
#mobile { display: none; }
.button_userliste { display: none; }
#splitpane, #onlinelist { float: right; }
#chatinhalt, #splitpane, #onlinelist { height: 450px; }
#onlinelist { width: 328px; height: 450px; }
#chatinhalt { margin-left: 0px; }

.img_smiley {
width: auto;
height: 75px;
}
}
@media screen and ( min-width: 1024px ) {
#message { width: 250px; }
.img_home {
display: inline;
}
.img_color {
display: none;
}
.img_prop {
display: none;
}
.img_filesend {
display: none;
}
.img_wuerfel {
display: none;
}
.img_teamspeak {
display: inline;
}
.img_info {
display: inline;
}
.img_fullscreen {
display: inline;
}
.img_smiley {
width: auto;
height: 90px;
}
}

@media screen and ( min-width: 1500px ) {
#message { width: 400px; }
.img_smiley {
width: auto;
height: 70%;
}
}

* { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 1.00) rgba(0, 0, 0, 1.00); }
* ::-webkit-scrollbar { width: 1px; }
* ::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 1.00); }
* ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 1.00); }
* ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 1.00); }


* {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.0) rgba(0,0,0,.0);
}

*::-webkit-scrollbar {
  width: 7px;
}

*::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,.0);
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.0);
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(o, o, o, 1.00);
}