/**
*
* @package phpBB Extension - CSS Magic
* @copyright (c) 2018 martin - https://www.martins-play-ground.com & dmzx - https://www.dmzx-web.net
* @license Proprietary/All rights reserved (martins-play-ground.com ownes these files and has the right to disable them)
*
*/

html, body { background-size: cover; }

.site_logo { display: inline-block; margin-top: -5px; margin-bottom: 10px; z-index: 1; } /* -------------------------------------------------------------- */ 

/* -------------------------------------------------------------- forabg image if you use one start -------------------------------------------------------------- */ 
.forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #ffcc00; } 
/* -------------------------------------------------------------- */ 

/* -------------------------------------------------------------- Colours and backgrounds for content.css start -------------------------------------------------------------- */ 

ul.forums { background-color: #eef5f9; } ul.topiclist li { color: #4C5D77; } 

/* -------------------------------------------------------------- */ 
/* -------------------------------------------------------------- If mchat installed then give it css why not ? lets start -------------------------------------------------------------- */ 

#mchat-panel { text-align: center; max-height: initial; padding: 0 5px 5px 5px; margin: 0; } 
.mchat-avatar { float: left; margin-right: 5px; } 
.mchat-avatar img { -moz-transition: all 1s ease; -webkit-transition: all 1s ease; left: 0px; top: 0px; 
max-height: 35px; max-width: 35px; opacity: 1;} 
/* -------------------------------------------------------------- */ 

/* -------------------------------------------------------------- Lets have a go at them avatars ? lets start -------------------------------------------------------------- */ 

.postprofile .has-avatar .avatar-container { margin-bottom: 3px; } 
.postprofile .avatar { display: block; float: left; max-width: 100%; } 
.postprofile .avatar img { display: block; -moz-transition: all 1s ease; 
-webkit-transition: all 1s ease; left: 0px; top: 0px; max-height: 60px; 
max-width: 60px; 
-webkit-border-radius: 6px; -o-border-radius: 6px; 
-moz-border-radius: 6px; border-radius: 6px; }

 /* -------------------------------------------------------------- */ 

.cssmagic_error { color: #ff0000; font-size: 20px; text-align: center; } 
.badge { background-color: #D31141; color: #ffffff; -webkit-animation: pulsate 0.7s ease-out; -webkit-animation-iteration-count: infinite; } 
@-webkit-keyframes pulsate { 0% { opacity: 0.2; } 50% { opacity: 1.0; } 100% { opacity: 0.2; } } 
dd.lastpost { display: inline-block; } 
select { font-size: 1.3em !important; } 
a.header-avatar img { padding-right: 5px;}


.mchat-panel-buttons {
	max-height: 35px !important;
}

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

dl.row-item {
	margin-top: 2px;
	margin-bottom: -2px;
	margin-left: 5px;
}

.collapse-btn {
    margin: -21px 6px 0 !important;
}

/* Who is where box top
------------------------------------ */
.tmusername {
	margin-top:  -2px;
	margin-bottom: 4px
}

.tmcountry, .tmlocation, .tmarrived, .tmbrowsers, .tmonline {
	margin-top:  -2px !important;
}

/* Who is where box info
------------------------------------ */

.list-inner {
	/* Tweak for headers alignment when folder icon used
	margin-left: 5px !important; */
}

.pageload { font-size: 13px; text-align: center; }

.refr {font-size: 1.2em; padding-left: 10px;}

textarea {
    background-color: #0000004a;
}

.mchat-message-wrapper {
	overflow: hidden;
	margin-bottom: 2px;
}