html, body { font-family: 'Poppins'; line-height:1.3; background-color:#191919; color:#bec1c5; font-size:16px; padding:0; margin:0; width:100%; height:100%; }

a:link			{	color:#bec1c5; text-decoration:underline; }
a:active		{	color:#bec1c5; text-decoration:underline; }
a:visited		{	color:#bec1c5; text-decoration:underline; }
a:hover			{	color:#ffffff; text-decoration:underline; }
pre {
	display: inline;
	margin: 0;
	font-family: 'Poppins'; line-height:1.3; background-color:#202124; color:#bec1c5; font-size:16px; padding:0;
}

.link {}
.link a:link			{	color:#3fbdf7; text-decoration:none; }
.link a:active		{	color:#3fbdf7; text-decoration:none; }
.link a:visited		{	color:#3fbdf7; text-decoration:none; }
.link a:hover			{	color:#5cf99b; text-decoration:none; }

.bold { font-weight:bold; }

.divlink { cursor:pointer; text-decoration:underline; }
.divlink:hover { color:#ffffff; }

.underlinelink { cursor:pointer; }
.underlinelink:hover { text-decoration:underline; }

.msg { position:relative; display:block; overflow-wrap: break-word; }
.msg:hover .options { display:inline-block;}
.msg .options { position:absolute; top:-20px; right:0px; display:none;font-size:80%; background-color:#000000; border-radius:0px; padding:2px 5px 2px 5px; margin-left:10px;  }
.msg .content { display:block; }

.msg2 { position:relative; display:block; overflow-wrap: break-word; }
.msg2:hover .options { display:inline-block;}
.msg2:hover { background-color:#000000; border-radius:0px; }
.msg2 .options { position:absolute; top:-1.8em; right:0px; display:none;font-size:80%; background-color:#000000; border-radius:0px; padding:2px 10px 10px 10px; margin-left:10px;  }
.msg2 .content { display:block; }

.msg_log { position:relative; display:block; overflow-wrap: break-word; }
.msg_log .options { display:inline-block; font-size:80%; background-color:#000000; border-radius:3px; margin-right:10px;  }
.msg_log .content { display:inline-block; }

.trash { margin-left:3px; cursor:pointer; }
.trash:hover { color:#ff0000; }

.colorPickerContainer { position:absolute; top:1px; right:5px; }
.colorPicker { width:1px; height:1px; padding:0; margin:0; display:none;}

.icon { color:#757575; padding:5px; cursor:pointer; border-radius:5px; display:inline-block; margin:0; }
.icon:hover { background-color:#1fc662; color:#000000; }

.icontext { color:#757575; padding:2px 5px 2px 5px; cursor:pointer; border-radius:5px; display:inline-block; margin:0; vertical-align:middle; }
.icontext:hover { background-color:#1fc662; color:#000000; }

.icontext_highlight { color:#09cff9; padding:2px 5px 2px 5px; cursor:pointer; border-radius:5px; display:inline-block; margin:0; vertical-align:middle; }
.icontext_highlight:hover { background-color:#1fc662; color:#000000; }

.icontext_green { color:#1fc662; padding:2px 5px 2px 5px; cursor:pointer; border-radius:5px; display:inline-block; margin:0; vertical-align:middle; }
.icontext_green:hover { background-color:#1fc662; color:#000000; }

.icon_remove { color:#757575; padding:5px; cursor:pointer; border-radius:5px; display:inline-block; margin:0; }
.icon_remove:hover { background-color:#e02125; color:#ffffff; }

.icon_remove_select { color:#e02125; padding:5px; cursor:pointer; border-radius:5px; display:inline-block; margin:0; }

.icon_flat { color:#757575; padding:5px; border-radius:5px; display:inline-block; margin:0; }

.my_photos { display:inline-block; }
.my_photo { color:#ffffff; padding:5px; cursor:pointer; border-radius:5px; display:inline-block; margin:0; }
.my_photo:hover { background-color:#e02125; color:#ffffff; }
.my_photo_header { color:#ffffff; padding:5px; display:inline-block; font-size:14px; }


.color_leader {border-radius:5px; }
.color_group { display:none;}
.color_leader:hover .color_group { display:inline-block; }
.color_leader:hover { background-color:#000000; }

.my_colors { display:none; }
.my_color { cursor:pointer; display:inline-block; padding:5px; margin:0; }
.my_swatch { display:inline-block; width:12px; height:12px; border:1px solid #303134; }
.my_color:hover {  }
.my_color:hover .my_swatch { border:1px solid #ffffff; }

.my_emoji { display:inline-block; cursor:pointer; border:1px solid #000000; padding:1px 2px 1px 2px; }
.my_emoji:hover { border:1px solid #ffffff; }

.text110 { font-size:110%; }
.text120 { font-size:120%; }
.text130 { font-size:130%; }

.photo_link { display:inline-block; color:#3fbdf7; cursor:pointer; }
.photo_link:hover { color:#5cf99b; }

.color_plus { color:#1fc662; }
.color_minus { color:#e02125; }
.color_pend { color:#f4b815; }
.color_highlight { color:#b58eec; }
.color_broadcast { color:#09cff9; }
.color_handle { color:#979ba0; }
.color_bright { color:#ffffff; }

.table_list { display:table; }
.table_list_row { display:table-row; }
.table_list_cell1 { display:table-cell; padding-right:20px;}
.table_list_cell2 { display:table-cell;  }

.table_commands { text-align:left; border-collapse: collapse; border:none; margin:0; padding:0; margin-top:20px; border-spacing:0; line-height:inherit; width:100%; }
.table_commands td { padding:5px 10px 5px 10px; margin:0; vertical-align:top; }
.table_commands th { padding:5px 10px 5px 10px; margin:0; color:#1fc662;  vertical-align:top; }
.table_commands tr { margin:0; padding:0;  vertical-align:top; }
.table_commands .fit { white-space: nowrap; }

.table_commands2 { text-align:left; border-collapse: collapse; border:none; margin:0; padding:0; margin-top:20px; border-spacing:0; line-height:inherit; width:100%; }
.table_commands2 td { padding:5px 10px 5px 10px; margin:0; vertical-align:top; }
.table_commands2 th { padding:5px 10px 5px 10px; margin:0; color:#1fc662;  vertical-align:top; }
.table_commands2 tr { margin:0; padding:0;  vertical-align:top; }
.table_commands2 .fit { white-space: nowrap; }
.table_commands2 tr:nth-child(even) {background: #2d2d2d}

.myform { width:350px; }
.myform input[type="text"] { background-color:#4c4d50; color:#ffffff; padding:5px 10px 5px 10px; border-collapse:collapse; border:none;  font-size:inherit; font-family:inherit; line-height:inherit;  min-width: 100%;  max-width: 100%;}
.myform textarea { background-color:#4c4d50; color:#ffffff; padding:5px 10px 5px 10px; border-collapse:collapse; border:none;  font-size:inherit; font-family:inherit; line-height:inherit;  min-width: 100%; height:100px; max-width: 100%;}

.genform {  }
.genform select, .genform input[type="text"] { background-color:#4c4d50; color:#ffffff; padding:5px 10px 5px 10px; border-collapse:collapse; border:none;  font-size:inherit; font-family:inherit; line-height:inherit; }
.genform textarea { background-color:#4c4d50; color:#ffffff; padding:5px 10px 5px 10px; border-collapse:collapse; border:none;  font-size:inherit; font-family:inherit; line-height:inherit;  height:100px;}
	
.save { background-color:#b58eec; border-radius:5px; padding:5px 10px 5px 10px; color:#202124; display:inline-block; text-align:center; cursor:pointer; font-weight:bold; }
.save:hover { background-color:#1fc662; color:#202124; }

.emoji { padding:2px 2px 1px 2px; border: 1px solid #303134; cursor:pointer; display:inline-block; font-size:20px; 
 -webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}
.emoji:hover { border: 1px solid #ffffff; }

.text_button { font-size:14px; font-weight:bold; color:#ffffff; padding:2px 5px 2px 5px; border-radius:4px; cursor:pointer; display:inline-block; margin-right:5px; }
.text_button:hover { background-color: #1fc662; color:#000000; }

.text_button_select { font-size:14px; font-weight:bold; color:#000000; padding:2px 5px 2px 5px; border-radius:4px; cursor:pointer; display:inline-block; margin-right:5px; background-color: #b58eec; }
.text_button_select:hover { background-color: #1fc662; }

.button_simple { cursor:pointer; display:inline-block;  }
.button_simple:hover { color:#1fc662; }

.button_simple_d { color:#979ba0; cursor:pointer; display:inline-block;  }
.button_simple_d:hover { color:#1fc662; }

.button_simple_2 { color:#1fc662; cursor:pointer; display:inline-block;  }
.button_simple_2:hover { color:#b58eec; }

.simpleicon { cursor:pointer; padding:1px; border-radius:4px; border:1px solid #000000; display:inline-block; }
.simpleicon:hover { border:1px solid #ffffff;  }

.buttongen { color:#09cff9; cursor:pointer; background-color:#303134; border-radius:4px; padding:1px 6px 1px 6px; display:inline-block; font-size:90%; }
.buttongen:hover { color:#000000; background-color:#bec1c5; }

.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_thumb_container {
	width:200px; height:150px; display:inline-block; margin-right:10px; border:1px solid #34353a; overflow:hidden; margin-bottom:10px;
}
.video_thumb_container:hover .video_thumb_options { display:block; }

.video_thumb {
	width:200px; height:150px; 
}

.video_thumb_options { 
	display:none; position:absolute; top:0; right:0; z-index:100;padding:2px; background-color:#000000; font-size:16px;
}

.video_search { font-size:16px; color:#ffffff; padding:3px 10px 3px 10px; border-radius:8px; cursor:pointer; display:inline-block; margin-right:5px; background-color:#e02125; }
.video_search:hover { background-color: #1fc662; color:#000000; }

.video_search_input { border-bottom:1px solid #e02125; font-size:16px; color:#ffffff; padding:5px 10px 5px 10px; border-radius:8px; background-color:#34353a; border-right:none; border-left:none; border-top:none;  }



.giphy_thumb { position:relative; display:inline-block; margin-right:10px; margin-bottom:20px; vertical-align:middle; border:1px solid #bec1c5; cursor:pointer; }
.giphy_thumb:hover { border:1px solid #09cff9; }

.giphy_search_input { border-collapse: collapse; border-bottom:1px solid #00ccff; font-size:16px; color:#ffffff; padding:5px 10px 5px 10px; border-radius:8px; background-color:#34353a; border-right:none; border-left:none; border-top:none;  }

.giphy_search { font-size:16px; color:#000000; padding:3px 10px 3px 10px; border-radius:8px; cursor:pointer; display:inline-block; margin-right:5px; background-color:#00ccff; }
.giphy_search:hover { background-color: #9933ff; color:#ffffff; }

.simple_close {cursor:pointer; display:inline-block; margin-right:5px;color:#ff0000; padding:3px 6px 3px 6px;  border-radius:4px;  }
.simple_close:hover { background-color: #ff0000; color:#ffffff; }

/*#chat_container { position:relative; display:block; overflow-y:auto; overflow-x:hidden; overflow-wrap: break-word; z-index:900;  word-wrap: break-word; }*/

#msg_container { background-color:#303134; position:relative; display:block; margin-left:10px; margin-right:10px; z-index:800; }
#options  {  position:relative; overflow-x:hidden;  } 
#options_buttons { display:inline-block; }
/* #chat_msg { width:100%;  height:100%; background-color:#303134; color:#e8eaed; resize: none; font-family: 'Poppins'; line-height:normal; font-size:16px; border:none; outline: none; overflow:auto; padding:0; margin:0; line-height:1.3; }
*/


#masthead { display:none; position:relative; background-color:#1b1b1e; border-bottom:1px solid #4c4d50; z-index:1000;
	-moz-box-shadow: 0px 0px 10px #1b1b1e;
	-webkit-box-shadow: 0px 0px 10px #1b1b1e;
	box-shadow: 0px 0px 10px #1b1b1e;
}
#room_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#room_present { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; padding-right:30px; }
#room_msgs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; padding-right:30px; }
#room_pages { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; padding-right:30px; }
#room_participating { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block; padding-right:30px; }




#station_list { position:relative; display:none; height:100%; min-width:450px;  }
#station_list_resize { border-right:1px solid #4c4d50; width:1px; hieght:100%; cursor:col-resize; }
#station_list_resize:hover { border-right:8px solid #1fc662; }

#sl1 { height:auto; background-color:#1b1b1e; }

#sl2 { overflow-wrap: break-word; overflow-y:hidden;  border-top:1px solid #4c4d50; }
#sl2:hover { overflow-y:auto; }
#sl2_content { overflow-wrap: break-word;  overflow-x:hidden;  }

#sl4 {position:relative; overflow-wrap: break-word; overflow-y:hidden;  border-top:1px solid #4c4d50; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; }
#sl4:hover { overflow-y:auto; }
#sl4_title { cursor:pointer;  background-image: linear-gradient(#1b1b1e, #202124); padding:5px 5px 5px 10px; font-weight:bold; }
#sl4_title:hover { color:#09cff9;  background-image: linear-gradient(#000000, #202124);}


#sl3 { border-top:1px solid #4c4d50; overflow-wrap: break-word; overflow-y:hidden;  -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;   }
#sl3:hover { overflow-y:auto;  }
#sl3_title { cursor:pointer; background-image: linear-gradient(#1b1b1e, #202124);  padding:5px 5px 5px 10px; font-weight:bold;}
#sl3_title:hover { color:#09cff9;  background-image: linear-gradient(#000000, #202124);}

#chat_table { display:table; width:100%; overflow-x:hidden; overflow-wrap: break-word;}
.chat_table_cell { display:table-cell; vertical-align:top; width:100%; overflow-x:hidden; overflow-wrap: break-word;  }


.channel_record { clear:both; cursor:pointer; padding:0px 10px 0px 10px; }
.channel_record:hover { background-color:#000000;}
.channel_record .total { display:inline-block; color:1fc662; font-weight:bold;float:right; padding-right:10px;  }

/* OVERLAYWINDOWS */

.overlaywindow {
	display:none; height:100%; width:100%; position:fixed;
	background-repeat: repeat;
	pointer-events: none;
	top:0; left:0;
}


/*.overlaywindow .container { position:absolute; width:100%; height:100%; display:table;   }*/
.overlaywindow .container {  position:absolute; }
.overlaywindow .contents { position:relative; font-weight:bold; }
/*.overlaywindow .contents { position:relative; display:table-cell; font-weight:bold; vertical-align:middle; text-align:center; width:100%;  padding:0px 40px 0px 20px; border:1px solid #ff0000; } */
.overlaywindow .contents .boxInline { display:inline-block;  margin-left:auto; margin-right:auto; background-color:#252629; border:1px solid #4c4d50;  

-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;

pointer-events: auto; 
}

.overlaywindow .contents .box { display:block; margin-left:auto; margin-right:auto; background-color:#202124; }
.overlaywindow .contents .box400 { display:block; width:400px; margin-left:auto; margin-right:auto; background-color:#202124; }

.overlaywindow .contents .data { text-align:left; font-weight:normal; font-size:inherit; overflow-y:auto; }

.overlaywindow .contents .titlebar { background-color:#1b1b1e; color:#ffffff; font-size:18px; text-align:left; padding:10px 10px 10px 20px; border-bottom:1px solid #4c4d50; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  cursor:move;  }
.overlaywindow .contents .titlebarClear { border-bottom: 1px solid #d6d6d6; background-color:#ffffff; color:#3d424d; font-size:20px; text-align:left; padding:20px 20px 20px 20px; }
.overlaywindow .contents .msg { padding:20px; font-size:inherit; }


.button_close { display:inline-block; color:#979ba0; font-size:18px; padding:2px 4px 2px 4px; cursor:pointer; }
.button_close:hover { color:#ffffff; font-size:18px;  background-color:#e02125;  }

.button_open { display:inline-block; color:#979ba0; font-size:18px; padding:2px 4px 2px 4px; cursor:pointer; }
.button_open:hover { color:#ffffff; font-size:18px;  background-color:#1fc662;  }


/* TRVIA */
.trivia_yes { color:#1fc662; cursor:pointer; display:inline; }
.trivia_yes:hover { font-weight:bold; text-decoration:none; }

.trivia_no { color:#ff0000; cursor:pointer; display:inline; }
.trivia_no:hover { font-weight:bold;  }


/* UNO */
.card { display:inline-block; position:relative; font-family: 'Days One'; margin:0px 5px 5px 0px; padding:0;}

.card .large { display:table; width:50px; height:65px; border-radius:8px; font-size:40px; text-shadow: 3px 3px #000000; overflow:hidden; border:2px solid #202124; cursor:pointer; margin:0; padding:0;}

.card .large_flat { display:table; width:50px; height:65px; border-radius:8px; font-size:40px; text-shadow: 3px 3px #000000; overflow:hidden; margin:0; padding:0;}

.card .large:hover { border:2px solid #00ecec; }

.card .small { display:table; width:29px; height:35px; border-radius:6px; font-size:20px; text-shadow: 2px 2px #000000; overflow:hidden; border:2px solid #202124; cursor:pointer; margin:0; padding:0;}

.card .small_flat { display:table; width:29px; height:35px; border-radius:6px; font-size:20px; text-shadow: 2px 2px #000000; overflow:hidden; border:2px solid #202124; margin:0; padding:0;}

.card .small:hover { border:2px solid #00ecec; }


.card .overlay { position:absolute; top:0; left:0; }

.card .red { background-color:#e53337; color:#ffffff; vertical-align:middle; display:table-cell; text-align:center; position:relative;  }

.card .green { background-color:#75cb16; color:#ffffff; vertical-align:middle; display:table-cell; text-align:center; position:relative;  }

.card .blue { background-color:#3d65dc; color:#ffffff; vertical-align:middle; display:table-cell; text-align:center; position:relative;  }

.card .yellow { background-color:#e5d733; color:#ffffff; vertical-align:middle; display:table-cell; text-align:center; position:relative;  }

.card .white { background-color:#ffffff; color:#000000; vertical-align:middle; display:table-cell; text-align:center; position:relative; text-shadow: none; font-size:50%; }

.card .play { background-color:#ffffff; color:#000000; vertical-align:middle; display:table-cell; text-align:center; position:relative; text-shadow: none; font-size:90%; text-shadow:none; }

.card .none { color:#ffffff; vertical-align:middle; display:table-cell; text-align:center; position:relative;  }

/* AVATARS */
.avatar { display:block; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none; overflow:hidden;}
.avatar_icon_no { pointer-events: none; display:inline-block; position:absolute; top:0; left:0; filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}
.avatar_icon { pointer-events: auto;  position:absolute; top:0; left:0; filter: drop-shadow(5px 5px 3px rgb(0 0 0 / 0.4));}
.avatar_icon:hover { cursor:move;}
.avatar_img {-webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
user-drag: none; 
pointer-events: none;
 -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.avatarStatus { font-size:75%; pointer-events: auto; display:inline-block; position:absolute; left:0; color:#ffffff; padding:3px 6px 3px 6px; background-color:#1b1b1e; border:1px solid #cccccc; }
.avatar_msg { pointer-events: auto; display:inline-block; vertical-align:top; margin-left:10px; max-width:150px; font-size:85%;  padding:3px 6px 3px 6px; background-color:#1b1b1e; color:#ffffff; border:1px solid #4c4d50;  border-radius:6px; }
.avatar_grid { position: absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:2000; pointer-events: none; }

/******************************************/
/******************************************/
/* v2 */


::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
 
}

::-webkit-scrollbar-thumb {
  background-color: #686868;
  outline: 1px solid #686868;
}

::-webkit-scrollbar-thumb:hover { background-color: #cccccc; }


.panel_A { position:absolute; background-color:#232323; transition: top 0.2s ease-out, height 0.2s ease-out; }
.panel_A .container { z-index:5; overflow-y:hidden; }
.panel_A .container:hover { overflow-y:auto;}

.panel_A .containerB { z-index:5; overflow-y:auto; }
.panel_A .contents { padding:10px 10px 5px 10px; overflow-wrap: break-word;word-wrap: break-word;}

.panel_A .title { position:relative; color:#75757f; padding:5px 5px 5px 10px; border-bottom:1px solid #34353a; z-index:10; 

-moz-box-shadow: 0px 10px 10px #1b1b1e;
	-webkit-box-shadow: 10px 0px 10px #232323;
	box-shadow: 0px 5px 10px #1b1b1e;

}
.panel_A .name { float:left; }

.panel_A .panel_button { color:#75757f; cursor:pointer; background-color:#232323; border-radius:4px; padding:2px 4px 2px 4px; float:right; }
.panel_A .panel_button:hover { color:#000000; background-color:#09cff9; }


.panel_A .options { padding: 2px 6px 2px 6px; }

.panel_A .panel_button_left { color:#75757f; cursor:pointer; background-color:#232323; border-radius:4px; padding:2px 4px 2px 4px; margin-left:-4px; float:left; margin-right:5px; }
.panel_A .panel_button_left:hover { color:#000000; background-color:#09cff9; }


.panel_A .panel_button_menu { color:#b58eec; cursor:pointer; background-color:#232323; border-radius:4px; padding:2px 4px 2px 4px; margin-left:-4px; float:left; margin-right:5px; }
.panel_A .panel_button_menu:hover { color:#000000; background-color:#b58eec; }



.panel_A .panel_button_basic { color:#75757f; cursor:pointer;  }
.panel_A .panel_button_basic:hover { color:#09cff9; }


.panel_A .menu { position:relative; color:#75757f; padding:10px 10px 5px 10px; border-bottom:1px solid #34353a; border-left:1px solid #34353a; border-right:1px solid #34353a; z-index:9; overflow-y:auto;  background-color:#191919;

-moz-box-shadow: 0px 10px 10px #1b1b1e;
	-webkit-box-shadow: 10px 0px 10px #232323;
	box-shadow: 0px 5px 10px #1b1b1e;

}

.panel_A .menu .button { color:#bec1c5; cursor:pointer; background-color:#303134; border-radius:4px; padding:3px 8px 3px 8px; display:inline-block; margin-bottom:5px; margin-right:5px; font-size:90%; }
.panel_A .menu .button:hover { color:#000000; background-color:#bec1c5; }

.panel_A .menu .button2 { color:#bec1c5; cursor:pointer; border:2px solid #303134; background-color:#303134; border-radius:4px; padding:1px 6px 1px 6px; display:inline-block; margin-bottom:5px; margin-right:5px; font-size:90%; }
.panel_A .menu .button2:hover { border:2px solid #bec1c5; }

.panel_A .button2 { color:#bec1c5; cursor:pointer; border:2px solid #303134; background-color:#3f4044; border-radius:4px; padding:1px 6px 1px 6px; display:inline-block; margin-bottom:5px; margin-right:5px; font-size:90%; }
.panel_A .button2:hover { border:2px solid #bec1c5; }

.panel_A .menu .button_select { color:#09cff9; cursor:pointer; background-color:#303134; border-radius:4px; padding:3px 8px 3px 8px; display:inline-block; margin-bottom:5px; margin-right:5px; font-size:90%; }
.panel_A .menu .button_select:hover { color:#000000; background-color:#bec1c5; }

.panel_A .menu .closebutton { color:#e02125; cursor:pointer; background-color:#303134; border-radius:4px; padding:3px 8px 3px 8px; display:inline-block; margin-bottom:8px; margin-right:5px; font-size:90%; }
.panel_A .menu .closebutton:hover { color:#bec1c5; background-color:#e02125; }

.helpbutton { color:#bec1c5; cursor:pointer; background-color:#4d4e53; border-radius:4px; padding:0px 5px 0px 5px; display:inline-block; margin-bottom:2px; }
.helpbutton:hover { color:#000000; background-color:#bec1c5; }

.helpbuttonhighlight { color:#000000; cursor:pointer; background-color:#1fc662; border-radius:4px; padding:0px 5px 0px 5px; display:inline-block; margin-bottom:2px; }
.helpbuttonhighlight:hover { color:#000000; background-color:#b58eec; }

.helpbutton2 { color:#bec1c5; cursor:pointer; background-color:#4d4e53; border-radius:4px; padding:3px 10px 3px 10px; display:inline-block; margin-bottom:2px; margin-right:2px; }
.helpbutton2:hover { color:#000000; background-color:#09cff9; }

.fcolor1 { color:#75757f; }

.fontsize_90 { font-size:90%; }
.fontsize_85 { font-size:85%; }
.fontsize_80 { font-size:80%; }
.fontsize_75 { font-size:75%; }
.fontsize_70 { font-size:70%; }
.fontsize_65 { font-size:65%; }
.fontsize_60 { font-size:60%; }
.fontsize_55 { font-size:55%; }
.fontsize_50 { font-size:50%; }


.slider { position:absolute; background-color:#191919; width:10px; cursor:col-resize; }
.slider:hover { background-color:#3a3696; transition: background-color 0.2s ease-out; }
.slider_move { position:absolute; background-color:#3a3696; width:10px; cursor:col-resize; }

.chat_input { position:absolute; bottom:0px; left:0px; z-index:1000; background-color:#303134; color:#e8eaed; }

.chat_input input[type="text"], .chat_input textarea { width:100%;  height:100%; background-color:#303134; color:#e8eaed; resize: none; font-family: 'Poppins'; line-height:normal; font-size:16px; border:none; outline: none; overflow:auto; padding:0; margin:0; line-height:1.3; }

.logo_container { background-color:#191919; padding:0; }

.nowrap_mouseover { white-space: nowrap; }
.nowrap_mouseover:hover { white-space: normal; }

.mousewin { position:absolute; top:0; left:0; border-radius:10px; padding:5px 10px 5px 10px; background-color:#cccccc; color:#191919;
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
 }
 
.imagegen { display:inline-block; margin:0px 10px 10px 0px; border:2px solid #252629; cursor:pointer; }
.imagegen:hover { border: 2px solid #1fc662;}

.imagegen_mini { display:inline-block; margin:0px 10px 10px 0px; border:1px solid #75757f;; cursor:pointer; }
.imagegen_mini:hover { border: 1px solid #1fc662;}

.next_button { color:#75757f; cursor:pointer; background-color:#232323; border-radius:4px; padding:2px 4px 2px 4px;}
.next_button:hover { color:#000000; background-color:#09cff9; }

.imagegen_hidden { position:absolute; top:2px; right:2px; background-color:#000000; color:#ff0000; padding:4px; cursor:pointer; border:1px solid #000000; }
.imagegen_hidden:hover	{ color:#1fc662; border:1px solid #1fc662; }