:root {
	--on : #5ac75a;
	--off: #ff6060;
	--enabled: #5ac75a;
	--disabled: #ff6060;
	--background:#0a0a10;
	--background-inverse:#eeeef0;
	--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--menu-background: #191b1e;
	--private-bg-color:rgb(230, 84, 84);
	--private-input-bg-color:rgb(255, 171, 171);
	--input-bg-color: #dddddd;
	--public-bg-color:#0a0a10;
	--link-color: #a8ecb4;
	--link-color-bright: #065214;
	--link-hover-color: #77cc86;
	--room-background-color: #678bb8;
	--room-background-hover-color: #558ed3;
	--menu-hover-opacity: 0.50;
	--menu-item-hover-background-color: #558ed3;
}
.login-small {
	background: #005198;
	color: white;
	margin-left:8px;
}

#publisher {
	height:500px;
}
.finger:hover {
	cursor:pointer;
}

.toast-header {
	height:17px;
	color:#242530;
	background-color: rgba(175, 179, 195, 0.85);
}
.admin {
	display:none;
}

.trader {
	display:none;
}

.btn-transparent {
	background-color: transparent;
    border: 0;
}

.button {
	padding: 0px 10px;
	border-left:1px solid #797474;
	border-right: 1px solid #797474;
	height:100%;
	opacity:0.8
}
.chat-widget {
	text-align: left;
}

@media screen and (max-width: 512px) {
    div#left-wrapper {
        width: 100% !important;
    }
    div#right-wrapper {
        display: none;
    }
    .gutter.gutter-horizontal {
        display: none;
    }
}

.msg-name:hover {
	opacity: var(--menu-hover-opacity)
}

.button:hover {
	opacity:1.0
}

#right-container {
	position: relative;
	display:block;
}
#share-status {
	height:100%;
	margin-right:20px;
}
#main-wrapper {
	display:block;
	position:absolute;
	bottom: 25px;
    right: 0;
	left: 0;
	top:0;
	
}
.msg-body:hover {
	cursor:pointer;
}
.blur {
	filter:blur(3px);
}


#disclosure-modal .modal-dialog {
	position:relative;
	max-width:none;
	display:block;
	overflow: hidden;
}

.isoffline {
	opacity:0.3;
}

#disclosure-modal .modal-content {
	position: absolute;
    top: 0px;
    left: 20px;
    right: 20px;
	bottom: 200px;
	width:auto;
	max-width:800px;
	max-height:800px;
	margin:0 auto;
}

.tandc {
	overflow-y:scroll;
    display: block;
    position: absolute;
    top: 20px;
    bottom: 10px;
	right: 20px;
	left:20px;
	width:auto;
}

iframe {
	width:100%;
	height:100%;
	border:0;
}
.widget {
	height:100%;
}
#bottom {
	position: absolute;
	bottom:0;
	height:25px;
	left:0;
	right:0;
	display:block;
	background-image: radial-gradient(circle, #111111, #000000, #222222);
	border-top: 1px solid #2051da

}

#share-status {
	opacity:0.8;
	cursor:pointer;
}

#share-status .status:hover {
	opacity:1;
}

#bottom .icon {
	font-size:18px;
	padding: 0 10px;
	opacity: 0.5;
}

#bottom .icon:hover {
	font-size:120%;
	opacity: 1.0;
}
.position-relative {
	position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}

#full-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    position: absolute;
    top: 0px;
    bottom: 60px;
    left: 0px;
    right: 0px;
    width: 100%;
    max-width: 100%;
}

.wrapper {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}

.full-block {
	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	left: 0;
}
.full-height {
	height:100%;
	min-height:100%
}
.full-width {
	width:100%;
	min-width:100%;
}
.inline {
	display:inline-block;
}

.float-left {
	float:left;
}
.float-right {
	float:right;
}
/* Modal Styling */

.modal-section {
	display:block;
	padding-bottom:5px;
}

.modal-header {
	background-color:#303030;
	padding:0.3rem 0.3rem;
}

.tbd {
	display:none;
	font-style:italic;
	opacity:0.6;
}


.chat-menu i {
	margin-top:18px;
}

.menu-cmd {
	cursor:pointer;
}

.hide {
	display:none;
}

.close {
	color:rgb(75, 118, 236);
	text-shadow: 0 1px 0 black;
	padding:0 !important;
	margin: 0 !important;
}

.close:hover {
	color:white;
	text-shadow: 0 1px 0 black;
	background:#005a80;
	border-radius:10px;
	
}

.chart-entry:hover {
	font-size:110%;
	/*background-color: (128,128,260,0.8)*/
	background-color: var(--menu-item-hover-background-color);
}

.chart-entry {
	cursor:pointer;
}

body {
    position:absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    overflow:hidden;
}

.embeddedimage img {
	max-width:100%;
	height:auto;

}

.embeddedimage {
	display:none;
}

.choice {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Style scroll bar on chrome */

.msgs::-webkit-scrollbar, .roster_menu::-webkit-scrollbar {
    width: 12px;
}
.theme-dark .mim_table {
    color:#2185AF;
}
.theme-bright .mim-table {
    color:#2185AF;
}
.theme-dark .number {
    color:#C1C1C1;
}
.theme-bright .number {
    color:black;
}
.theme-dark .green {
    color:var(--on);
}
.theme-dark .red {
    color:var(--off);
}

.msg.theme-bright {
	background-color:(--background-inverse);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
	::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}


#login-screen, #main-chat-screen {
  padding-top: 10px;
}
.main {
  padding-top: 10px;
  text-align: center;
}

.roster_charts {
	display:block;
}
/* ==========>  Navigation => Chat Menu */
	#chart_list {
		width:175px;
		color: black;
	}
	#chart_list i {
		padding-right:5px;
	}
	
	.dropdown-menu {
		 border: 0px;
		webkit-box-shadow: 7px 17px 25px 0px rgba(0,0,0,0.58);
		-moz-box-shadow: 7px 17px 25px 0px rgba(0,0,0,0.58);
		box-shadow: 7px 17px 25px 0px rgba(0,0,0,0.58);
		background: var(--menu-background);
		opacity: 0.98;
		text-align: left;
		color: #fff;
		border: 1px solid #555;
		padding: 2px 5px;
	}


	
	/*
	#chat_menu .dropdown-menu a:hover , #chat_menu .dropdown-menu i:hover{
		background-color: #7894bf !important;
	} 
	
	*/
	.hover:hover {
		background-color: var(--menu-item-hover-background-color) !important;
	}
	.chat_menu {
		background-color: var(--menu-background);
		border-width: 1px 0px;
		border-color: #000000;
		color: white;
		margin-bottom: 0px;
		flex-wrap:nowrap;
		list-style:none;
		height: 29px;
		padding-top: 20px;
	}
	
	.chat_menu > ul {
		display:flex;
		width:100%;
		
	}
	
	.chat_menu  > ul > li {
		z-index:10000;
		flex: 1 1 100%;
		text-align:center;
		height:100%;
		width:100%;
	}
	
	.chat_menu  > ul > li:hover {
		background-color: var(--menu-item-hover-background-color);
	}	

	.chat_menu.navbar {
		min-height: 0px;
	}
	
	.open ul {
		position:absolute !important;
		padding-left:10px;
	}

	.chat_menu > ul > li > i {
		padding:5px;
		width:100%;
		height:100%;
	}
	
	.roster_charts i {
		padding-right:5px;
		
	}


/*
#nav_top {
    height:35px;
    min-height:35px;
}
#nav_top.navbar {
    min-height:35px;
}


#main_menu {
    padding-right:20px;
    float:right;
}
#main_menu ul {
    padding-right:20px;
}
*/

.dropdown .divider {
    color:#000000;
    background-color:#000000;
}

 
#menu_bottom_right {
	display:none;
}

@media (min-width: 968px) { 
	#menu_bottom_right {
		display:inline-block;
		margin-right: 8px;
	}
}


#menu_bottom_right li > a {
	padding-left:8px;
	padding-right:7px;
}

#conversation {
  font-size: 18px;
  margin: 0px;
  height: 300px;
  overflow: scroll;
}
.final {
  color: #000;
}
.interim {
  color: var(--off);
}
.container2 {
    position:absolute;
    top: 0px;
    bottom: 0px; 
    left: 0px;
    right:0px;
    width:100%;
	max-width:100%;
}
.container {
    display: flex;
    flex: 1;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 100% !important;
}

.tradechart-container {
	width:100%;
	height:100%;
}

@media (max-width:767px) {
	#left_column {
		width:100% !important;
	}
	#right-wrapper {
		display:none !important;
	}
	/*
	#upper-wrapper {
		display:none !important;
	}
	#msgs {
		top:30px !important;
	}
	*/
	.nophone {
		display:none !important;
	}
}

@media (min-width: 768px) { 
/*
	#left_column { 
		width:25%;
	 }
*/	 
}
#private_logo {
    margin: 0 auto; 
    padding-top:30px; 
    display:block;
    text-align:center;
}
/* #upper-wrapper {display:none;} */
/*
#upper-wrapper, #upper-container {
		height: 220px;
		width: 100%;
		display: block;
		overflow: hidden;
		padding-bottom: 1px;
		margin: 0 auto;
		text-align: center;
	}

@media (min-width:768px) {
	#upper-wrapper, #upper-container {
		height: 220px;
		width: 100%;
		display: block;
		overflow: hidden;
		padding-bottom: 1px;
		margin: 0 auto;
		text-align: center;
	}
}
*//*
@media (min-width:768px) {
	.msgs {
		display: block;
		position: absolute;
		bottom: 65px;
		right: 0;
		top: 0;
		width: 100%;
		padding-left: 10px;
		font-size: 100%;
		margin-top: 5px;
		margin-right: 5px;
		overflow-y: scroll;
		overflow-x: hidden;
		line-height: 110%;
		}
}
@media (max-width:767px){

	.msgs {
		display: block;
		position: absolute;
		bottom: 65px;
		right: 0;
		top: 0px;
		width: 100%;
		padding-left: 10px;
		font-size: 100%;
		margin-top: 5px;
		margin-right: 5px;
		overflow-y:scroll;
		overflow-x:hidden;
	}
}
*/



.chart_display {
    display:block;
    width:100%;
    height:100%;
}
.curtain {
	display:none !important;
}

.chat-menu i {
	margin-left:5px;
}
.show {
	display:block;
}

a.mic_on , .share_on, .on {
	color:var(--on) !important; 
}
.mic_off, .share_off, .off {
	color:var(--off) !important
}
/* Style the roster menu */ 

.offline {
	background-color :var(--off);
}
.online {
	background-color: var(--on);
}
.roster-menu.dropdown-menu:after {display:none}
.roster-button {
	background-color:black;
	color:#ccc;
	padding:0;
	border:0;
	margin:0;
	text-align:center;
	border-radius:0;
	display:inline-block;
	height: 45px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
}
.current-to {
	color: #1b3c01;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 3px;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: 1px solid #DDD;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;

}
	

	.roster-button:after {display:none;}
	.roster-menu.dropdown-menu {
		background-color: var(--menu-background);
		color:white;
		max-height:500px;
		overflow-y:scroll;
	}
	.dropdown-item:hover {background-color: var(--menu-item-hover-background-color)};
	.dropdown-item {background-color: var(--menu-background)};
	.dropdown-title {text-align:center;}

	.chat-bottom { display:flex;width:100%;border-top: 2px #500101 solid;} 
	.chat-bottom { position:absolute;bottom:0;left:0px;right:0px;height:45px}
	
	.chat-menu {
		width:50px;
		background:black;
		color:white;
	}
	.chat-menu .fa-arrow-up:after {
		display:none;
		
	}

	.message-input-section {
		display: flex;
		flex: 1;
		height: 100%;
		padding:0 5px;
		background-color:black;
	}

	.message-input-section.private {
		background: var(--private-bg-color)
	
	}

	.message-input-section.public {
		background: var(--public-bg-color)
	}
	
	.message-input {
		background: #d8e2e9;
		color: black;
		width: 100%;
		height: 28px;
		margin-top: 9px;
		padding-left: 5px;
		border-radius: 5px;
		
	}

	@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(189,23,11, 0.2);
     }
     50% {
          box-shadow: 0 0 0 3px rgba(189,23,11);
	 }
	 100% {
		box-shadow: 0 0 0 0px rgba(189,23,11, 0.2);
   }
}

	.message-input.online {
		box-shadow: 0 0 7px rgb(12, 179, 64);
		padding: 3px 0px 3px 3px;
		margin: 9px 1px 3px 0px;
		border: 2px solid rgb(39, 204, 75);
	}

	.message-input.offline {
		animation: shadow-pulse 3s infinite;
		padding: 3px 0px 3px 3px;
		margin: 9px 1px 3px 0px;
		border: 2px solid rgb(189, 23, 11);
	}

	.chat-menu .dropdown-toggle {
		text-align:center;
		padding-top:10px;
		width:100%;
		height:100%;
	}
	
	.chat-menu .choice {
		padding-left:5px;
	}
	.msgs {
		display: block;
		position: absolute;
		bottom: 45px;
		right: 0;
		top: 0;
		width: 100%;
		padding-left: 10px;
		font-size: 100%;
		margin-top: 5px;
		margin-right: 5px; 
		overflow-y: scroll;
		overflow-x: hidden;
		line-height: 110%;
		font-family: var(--font);
		line-height:1.5;
		border-right: 1px black solid;
	}
	.chat.widget {
		display:block;
		height:100%;
		width:100%;
	}
	.mode-private {
		color:red;
	}
	.mode-room {
		color:green;
	}
	.mode-group {
		color:orange;
	}


/* */
.mic_username, .share_name {
   padding-left:5px;
}
#signin_container {
    height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: #24A9E1;
}
#signin_container .entry {
        border: solid 1px black;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 100;
        height: 480px;
        margin-top: -240px;
        width: 350px;
        margin-left: -175px;
        color:white;
        background-color: #24A9E1;
    }
	



#bottom.navbar {
    background-color: black; 
}

       
.menu_rooms_drop.empty  {
    color:red;
}     
.menu_rooms_drop.empty .caret {
    display:none;
}
.menu_rooms .nonsubscribed {
    color:#9b4f07;
}
.landing_page.desc {
    margin-top:10px;
    margin-bottom:10px;
    font-size: 120%;
    color: white;
    opacity: 0.75;
 
}
.landing_page.offer {
    margin-top:10px;
    margin-bottom:10px;
    font-size: 120%;
    color: white;
    opacity: 0.75;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
}
.active_room_button {
    color:lime;
}


.theme-bright span.msg_time {
    font-size:60%;
	color:black;
     
}
.theme-dark span.msg_time {
    font-size:60%;
	color:white;
     
}

.room {
    height:100%;
}

#status_table { display:none;}
.room_table { 
	float:right;
	border: 2px solid black;
    margin-top:3px;
    margin-right:5px;
	}
	 
@media (min-width: 968px){ 
	.status_table {
		display:block;
		float:left; 
		border: 2px solid black;
		margin-top:3px;
		margin-right:5px
	}
	
	.room_table  {
		float:left; 
	}
}

.room_table .info, .status_table .info {
    text-align:center;
}

.roster_room.active, .roster_charts.active {
    background-color: #666;
    color: lime;
}

.roster_menu {
   background:  var(--menu-background);
   opacity: 1;
   height: 350px;
   overflow-y:scroll;
   overflow-x:hidden;
   width:200px;
   min-width:200px;
   
  
}
.msgs.lock {
	background: #3a3a2e;
	border-right:1px solid yellow;
}
#footer-logo {
	display: inline-block;
	padding-left: 10px;
}
	
#livesquawk-indicator.off {
	color: var(--off);
}
#livesquawk-indicator.idle {
	color: var(--on);
}
#livesquawk-indicator.active {
	color: black !important;
	background-color: var(--on);
}

#jukebox-indicator.off {
	color: var(--off);
}
#jukebox-indicator.idle {
	color: var(--on);
}
#jukebox-indicator.active {
	color: black !important;
	background-color: var(--on);
}

.fa-circle.off {
	color:red !important;
}
.fa-users {
	padding: 2px;
}
.alerts_background {
	background-color:yellow;
	border-radius: 10px;
}
.fa-users.red {
	color:red;
}

.roster_menu li {
	display:block;
	overflow-x:hidden;
	padding: 0px !important;
}

.roster_menu li a {
	color:white;
}

.roster_menu .fa-check {
	color: #008800;
}
.roster_menu .fa-bell-slash {
	color: red;
	opacity:0.2;
}

.roster_menu .fa {
	padding: 0px 5px !important;
	opacity: 0.5;
	color:green;
}
.roster_menu .fa-bell-slash {
	color: red;
	opacity:0.2;
}
.roster_menu a {
	display:inline-block;
	overflow-x:hidden;
	vertical-align:middle;
	padding: 2px 3px;
}
/*
	#more_settings {
		background: #444444;
		opacity: 0.98;
		text-align: left;
		color: #fff;
		width: 175px;
		
	}

	#more_settings i {
		padding-top:3px;
		padding-bottom:3px;
	}

	#more_settings li span {
		margin-left:10px;
	
	}

	.dropdown-menu {
		min-width:10px important;
	}
*/

#menu_upper_widget_area { 
    background: var(--background);
    text-align: left;
    color: #fff;
    width: 175px;
}

#menu_right_widget_area {
    width: 175px;
}

#menu_right_widget_area a, #menu_upper_widget_area a  {
	color:white;
}

iframe {
	height:100%;
	width:100%;
	display:block;
}

#left_control {
	display:none;
}

@media (min-width: 768px) {
	#left_control {
    color: rgb(249, 253, 248);
    cursor: pointer;
    font-size: 150%;
    margin-right: 9px;
    margin-left: 2px;
    margin-top: 6px;
    opacity: 0.75;
    position:absolute;
    z-index:20000;
    top:5px;
    left:5px;
    padding-right:17px;
    width:100%;
	display:block;
	}
}
#mobile_menu {
	float: right;
	font-size: 207%;
	color: white;
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	margin-top: 5px;
    margin-right:10px;
}

@media (min-width:968px) {
	#mobile_menu {
		display:none;
	}
}

.msg-body a {
	color: var(--link-color);
}

.theme-bright .msg-body a {
	color: var(--link-color-bright);
}

.msg-body a:hover {
	color: var(--link-hover-color);
}
.room-name {
    color: black;
	background-color:  var(--room-background-color) ;
	padding-right: 5px;
    border-radius: 3px;
    padding-left: 2px;
}
.room-name:hover {
	background-color:  var(--room-background-hover-color) ;
}

.room-name-colon, .msg-name-colon, .msg-time-colon {
	margin-left:3px;
	margin-right:3px;
}
.roster_audio.muted {
    color: var(--off);
    text-decoration:line-through;
}
.active {
    color:lime !important;
}
.inactive {
    color: #777 !important;
}
.theme.theme-bright {
	color:white;
}
.theme.theme-dark {
	/* background-color:#444444; */
	color:white;
}
.msgs.theme-bright {
	background-color:#EFEEE4;
    color: black;
}
.msgs.theme-bright .message {
	color:black;
}
.msgs.theme-dark .message {
	color:white;
}
.message {
	font-weight:normal;
}
.message.member {
	font-weight:normal;
}
.message.member {
    font-weight:normal;
}
.message.trial {
    font-weight:normal;
    color:rose;
    font-style:italic;
}
.message.undefined {
	font-weight:normal;
}
.room-name {
	font-weight:normal;
}
.mute {
	color:red;
}
.room-name,.msg_name {
	cursor:pointer;
}
.room-name:hover {
	opacity:0.5;
}
.msg_name:hover {
	box-shadow: inset 0 0 10px #a0a0ff;
}
.scroll_lock i , .scroll_unlock i {
	width:18px;
}
.message.private .room-name {
	background-color:rgb(233, 81, 81);
	padding-right: 5px;
    border-radius: 3px;
    padding-left: 2px;
}
.screenstream {
	width:100%;
	height:100%;
	position: relative;
    overflow: hidden;
    top: 50%;
	transform: translateY(-50%);
	background:black;
}
.tradechart-container {
	width: 100%;
    height: 100%;
	overflow: hidden;
	position: relative;
}
.fme-video-player {
	width:100%;
	height:100%;
	position:relative;
	background:black;
	
}
iframe {
	width:100%;
	height:100%;
}
body,  html, iframe  {
	color: #E6ECD0;
	background-color: var(--background);
	height:100%;
}

iframe html {
	height:100%;
}

.msg_body td {
	padding: 0px, 5px;
	text-align:center;
	min-width:30px;
}

.subbar {
	display: none !important;
}
.loader {
	width: 198px !important;
	height: 198px !important;
	margin-top: -100px !important;
	margin-left: -100px !important;
	
}

/* New flex layout css */
.gutter.gutter-horizontal {
    cursor: col-resize;
    background-image: url(https://mrtopstep.com/wrap/assets/img/vertical.png);
	float:left;
	height:100%;
}

.gutter.gutter-vertical {
    cursor: row-resize;
    background-image: url(https://mrtopstep.com/wrap/assets/img/horizontal.png);
}

.gutter {
    background-color: #1a0e30;
    background-repeat: no-repeat;
    background-position: 50%;
}
.template {
	display:none;
}


#lower-wrapper, #upper-wrapper, #right-wrapper {
	position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
	overflow-y:hidden;
}

.miniWidget {
	border:0;
}
.licode_bar {
	display:none !important;
}

.menu_rooms_roster a {
	display:inline-block !important;
}
.menu_rooms_roster {
	width:200px;
}
.menu_rooms_drop a {
	padding:0;
	margin:0;
	
}
.menu_rooms_drop {
	width:100%;
}
.menu_rooms_wrap {
		margin:0;
		width:100%;
		text-align:center;
}
.table-menu {
	display:inline-block;
}

/* context menus */

	.dropdown-menu, .glow {
		color:#888;
		background-color: var(--menu-background);
		border: 1px solid black;
		box-shadow: 0 0 100px #6180c7;
		text-shadow: 0 0 15px #8588ad;
	}
	.context-menu-dropdown .dropdown-item {
		color:#FFFFFF;
	}
	.context-menu-dropdown .dropdown-item i {
		color:#FFFFFF;
		width:100%;
		display:block;
	}
	
	.context-menu-dropdown .dropdown-item:hover {
		color:#c2f5b1;
	}

	.context-menu:hover {
		opacity: 1;
		background-color: var(--menu-item-hover-background-color);
		padding: 15px;
		height: 58px;
		border-radius: 50%;
	}

	#alarm {
		width:320px;
		position:absolute;
		top: 20px;
		right:10px;
		display:block;
		z-index: 1000;
	}		

	

	.chat-context-menu {
		position:fixed;
	}