/**
* @package CSS Magic Extension 
* @copyright (c) 2015 martin - https://www.martins-phpbb.com
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------------------------------------------- */

.mchat-message-flash {
	animation-name: flash-message;
	animation-duration: .8s;
	animation-timing-function: ease-out;
}

@keyframes flash-message {

	0% {
		background-color: #FF0000;
		opacity: 0;
	}

	100% {
		background-color: transparent;
		opacity: 1;
	}

}

.mchat-room.active .mchat-room-name {
    	text-decoration: blink;
	-webkit-animation-name: pulsate;
	-webkit-animation-duration: 1.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.1;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.1;
    }
}



.mchat-room-protected, .mchat-room-private {
    display: none;
}

.mchat-rooms-body {
	border-radius: 6px !important;
}

.mchat-status {
	position: absolute;
	top: calc(50% - 2px) !important;
	font-size: 14px !important;
}

.mchat-panel-buttons .icon {
	font-size: 16px;
	margin-top: -5px;
}

.jumpbox-navbar-text-left,
.jumpbox-navbar-text-right {
	font-size: 15px !important;
}

input.tiny {
    min-width: 260px !important;
    font-size: 13px !important;
}