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

/* Put your logo in the path below and set height and width if it needs it
.site_logo {
    background-image: url("ext/martin/cssmagicaddon/styles/prosilver/theme/images/site_logo.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 350px;
    height: 55px;

}
*/


.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;
}