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

.mchat-message-header:after {
	content: ':';
}
.smilies {
	vertical-align: text-top !important;
}
.mchat-message img {
	vertical-align: text-top !important;
}
#mchat-smilies {
	vertical-align: text-top !important;
}

.mchat-message-header {
	display: inline-block;
	padding-top: 4px !important;
}
.mchat-text {
        display: inline-block;
        padding-top: 3px !important;
        max-width: 98%;
}

[data-s9e-mediaembed] { min-width: {{ CSSMAGICYTB31_ENABLE }} px !important; }

.mchat-text img {
	max-width: 100px !important;
	max-height: 65px !important;
}

.mchat-avatar a, .mchat-avatar img {
	display: block;
	max-height: 20px;
	max-width: 20px;
}
.mchat-avatar {
	float: left;
	width: 40px;
	margin-right: -5px !important;
}

.mchat-wrapper .mchat-buttons .fa {
	font-size: 10pt !important;
}

@media(device-width: 768px) and (device-height: 1024px){
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
}