/**
* @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 input pencil
---------------------------------------------------------------------------- */
#mchat-input {
    background-image: url(images/pencil.gif);
    background-position: 0 -6px;
    background-repeat: no-repeat;
    padding-left: 30px;
}
/**
*END Mchat input pencil
---------------------------------------------------------------------------- */

/**Mchat Images rotate
---------------------------------------------------------------------------- */
.mchat-text img:hover {
    Display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}
/**
*END Mchat Images Rotate
---------------------------------------------------------------------------- */

/**Mchat avatar hover resize
---------------------------------------------------------------------------- */
.mchat-avatar img {
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	left: 0px;
	top: 0px;
	max-height: 35px;
	max-width: 35px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	opacity: 1;
}

.mchat-avatar img:hover {
	left: 20px;
	max-height:100px;
	max-width:100px;
	box-shadow: 0 0 20px #000;
	z-index: 10;
	-webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: 0.8;
}

/**
*END Mchat avatar hover resize
---------------------------------------------------------------------------- */

/**Colorchanger Dropdown
 ---------------------------------------------------------------------------- */
.dropdown .dropdown-contents {line-height: 0.1em !important;}
/**
 *END Colorchanger Dropdown
 ---------------------------------------------------------------------------- */


/**Mchat Rooms colors and effects
---------------------------------------------------------------------------- */
.mchat-room.active .mchat-room-name {
    	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.1;}
}

.mchat-room.active {
	box-shadow: 7px 7px 16px 0px rgba(204,204,204,0.85) !important;
}


#mchat-room-1 {
	color: #fff;
	font-weight: italic !important;
	border: 1px solid;
	margin-bottom: 3px;
	padding-left: 5px !important;
	box-shadow: 7px 7px 16px 0px rgba(102,102,102,0.35);
}


#mchat-room-2 {
	color: #33FFFF;
	font-weight: italic !important;
	border: 1px solid;
	margin-bottom: 3px;
	padding-left: 5px !important;
	box-shadow: 7px 7px 16px 0px rgba(102,102,102,0.35);
}

#mchat-room-3 {
	color: #91FF92;
	font-weight: italic !important;
	border: 1px solid;
	margin-bottom: 3px;
	padding-left: 5px !important;
	box-shadow: 7px 7px 16px 0px rgba(102,102,102,0.35);
}

#mchat-room-13 {
	color: #FF9900;
	font-weight: italic !important;
	border: 1px solid;
	margin-bottom: 3px;
	padding-left: 5px !important;
	box-shadow: 7px 7px 16px 0px rgba(102,102,102,0.35);
}
/**
*END Mchat Rooms colors and effects
---------------------------------------------------------------------------- */


/**FA SPIN
---------------------------------------------------------------------------- */

.fa-spin {

    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;

}


/**
*END FA SPIN
---------------------------------------------------------------------------- */


/**Painkiller Username Drops effect
---------------------------------------------------------------------------- */

a[href$="&u=2"]:not([href*="compose"]):not([title*="Visit"]):not(.prof):not(.avatar) {
  background: transparent url("https://www.kodineuerleben.eu/images/effects/explosions.gif") repeat-x scroll left top / auto 50px;
}
/**
*END Painkiller Username Drops effect
---------------------------------------------------------------------------- */

/**kodineuerleben.eu Username Drops effect
---------------------------------------------------------------------------- */

a[href$="&u=1385"]:not([href*="compose"]):not([title*="Visit"]):not(.prof):not(.avatar) {
    background: transparent url("https://www.kodineuerleben.eu/images/effects/drops.gif") repeat-x scroll left top / auto 40px;
}
/**
*END kodineuerleben.eu Username Drops effect
---------------------------------------------------------------------------- */


/**KNE-BOT Username Drops effect
---------------------------------------------------------------------------- */
a[href$="&u=1251"]:not([href*="compose"]):not([title*="Visit"]):not(.prof):not(.avatar) {
  background: transparent url("https://www.kodineuerleben.eu/images/effects/explosions.gif") repeat-x scroll left top / auto 50px;
}
/**
*END KNE-BOT Username Drops effect
---------------------------------------------------------------------------- */


/**KNE-BOT Username Rainbow Color Change
---------------------------------------------------------------------------- */
a[href$="&u=1251"] {
  -webkit-animation: rainbow 4s infinite;
  animation: rainbow 1s infinite;
	
	
  -webkit-animation: rainbow 4s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 4s infinite;
  
  /* Standar Syntax */
  animation: rainbow 4s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Internet Explorer */
@-ms-keyframes rainbow{
   0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Standar Syntax */
@keyframes rainbow{
    0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}
/**
*END KNE-BOT Username Rainbow Color Change
---------------------------------------------------------------------------- */



/**kodineuerleben.eu Username Rainbow Color Change
---------------------------------------------------------------------------- */
a[href$="&u=1385"] {
  -webkit-animation: rainbow 18s infinite;
  animation: rainbow 18s infinite;
	
	
  -webkit-animation: rainbow 18s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 18s infinite;
  
  /* Standar Syntax */
  animation: rainbow 18s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Internet Explorer */
@-ms-keyframes rainbow{
   0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Standar Syntax */
@keyframes rainbow{
    0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}


/**
*END kodineuerleben.eu Username Rainbow Color Change
---------------------------------------------------------------------------- */


/**KNE-UPTIMEBOT Username Rainbow Color Change
 ---------------------------------------------------------------------------- */
a[href$="&u=2371"] {
    -webkit-animation: rainbow 18s infinite;
    animation: rainbow 18s infinite;
    
    
    -webkit-animation: rainbow 18s infinite;
    
    /* Internet Explorer */
    -ms-animation: rainbow 18s infinite;
    
    /* Standar Syntax */
    animation: rainbow 18s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
    0%{color: orange;}
    10%{color: purple;}
    20%{color: red;}
    30%{color: CadetBlue;}
    40%{color: yellow;}
    50%{color: coral;}
    60%{color: green;}
    70%{color: cyan;}
    80%{color: DeepPink;}
    90%{color: DodgerBlue;}
    100%{color: orange;}
}

/* Internet Explorer */
@-ms-keyframes rainbow{
    0%{color: orange;}
    10%{color: purple;}
    20%{color: red;}
    30%{color: CadetBlue;}
    40%{color: yellow;}
    50%{color: coral;}
    60%{color: green;}
    70%{color: cyan;}
    80%{color: DeepPink;}
    90%{color: DodgerBlue;}
    100%{color: orange;}
}

/* Standar Syntax */
@keyframes rainbow{
    0%{color: orange;}
    10%{color: purple;}
    20%{color: red;}
    30%{color: CadetBlue;}
    40%{color: yellow;}
    50%{color: coral;}
    60%{color: green;}
    70%{color: cyan;}
    80%{color: DeepPink;}
    90%{color: DodgerBlue;}
    100%{color: orange;}
}
/**
 *END KNE-UPTIMEBOT Username Rainbow Color Change
 ---------------------------------------------------------------------------- */



/**Board Announcement Glow
---------------------------------------------------------------------------- */

#phpbb_announcement div {
    font-size: 1.1em;
    line-height: 1.5em;
    overflow-x: auto;
    overflow: hidden;
    margin: 0;
    -webkit-animation: throb 4s infinite;
    animation: throb 1s infinite;
    color: #FFF;
}

/**
*END Board Announcements Glow
---------------------------------------------------------------------------- */


/**Rotate Flag Imgages
---------------------------------------------------------------------------- */
.flag_image:hover {
	display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
	
}
/**
*END Rotate Flag Imgages
---------------------------------------------------------------------------- */


/**Rotate smilies
---------------------------------------------------------------------------- */
img.smilies:hover {
	display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
	
}
/**
*END Rotate Flag Imgages
---------------------------------------------------------------------------- */

/**Rotate avatars
---------------------------------------------------------------------------- */
img.avatar:hover {
	display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
	
}
/**
*END Rotate Avatars
---------------------------------------------------------------------------- */



/**Rotate Rank Images
---------------------------------------------------------------------------- */
span.rank-img:hover {
	display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
	
}
/**
*END Rotate Rank Images
---------------------------------------------------------------------------- */

/**Who is Where Country Image rotate
---------------------------------------------------------------------------- */
.tcountry:hover {
    display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}
/**
*END Who is Where Country Image rotate
---------------------------------------------------------------------------- */


/**Glowing Links in Posts
---------------------------------------------------------------------------- */
.postlink {
	-webkit-animation: throb 4s infinite;
	animation: throb 1s infinite;
	color: #00dbff;
	border-bottom-color: transparent;
	-webkit-transition: all 0.1s ease-in;
}

.postlink:visited {
    color: #00dbff;
	border-bottom-color: transparent;
	-webkit-transition: all 0.1s ease-in;
}

.postlink:hover {
	color: #FF0000;
	background-color: transparent;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	transition: all .75s linear 0s;
	text-shadow: 0 2px 0 #d84f4f, 0 4px 0 #d54646, 0 6px 0 #ce3333, 0 8px 0 #b92e2e, 0 10px 0 #912525, 0 12px 0 #721e1e, 0px 12px 10px rgba(0,0,0,0.5);
    top: -12px;
}


/**
*END Glowing Links in Posts
---------------------------------------------------------------------------- */

/**Some Style & Color adjustments for Carbon Style
---------------------------------------------------------------------------- */

/**User Offline Icon */
.offline {
    background-image: url(./images/icon_user_offline.gif) !important;
}

/**wrapper transparence */
.carbon_wrap {

    background-color: rgba(51, 51, 51, 0.5);

}




/**Blue Border as default color (media changed in colors.css */

#carbon-bottom {
    
    background-image: linear-gradient(to bottom, #004fff 0, #0569f9 5px, #040404 20px, #000 100%) !important;
}

.forabg, .forumbg, .jumpbox-cat-link, .pagination li.active span {
    
    background-image: linear-gradient(to bottom, #004fff 0, #0569f9 5px, #040404 20px, #000 100%) !important;
}


.jv_chat_menu_title {
    background-image: linear-gradient(to bottom, #004fff 0, #0569f9 5px, #040404 20px, #000 100%) !important;
}



/**
 *END Blue Border as default color */

li.header dt, li.header dd {
    color: #fff;
}


li.row.mchat-static {
    text-align: center;
    font-weight: bold;
    color: #7ba3ff;
}


/**show strong text BOLD */

li.row strong {
    font-weight: bold;
}


/**Postprofile is scrolling with you */

@media (min-width: 701px) {

	.postprofile {
		position: sticky;
		top: 30px;
	}

	.online .postprofile::before {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		margin: -10px -10px 0 0;
	}

	.online {
		background-image: none;
	}

}

/**END Postprofile is scrolling with you */

.answer + .post, .answer + a#unread + .post {

    background-color: 

    #37681A;

}

.post_answer {

    background-color: 

    #37681A !important;
    padding: 10px;
    border-radius: 7px;
    width: 97.5% !important;
    margin-bottom: 17px;
    margin-left: -5px;

}




.wrap {

    background-color: transparent;
    border-color: #ccc;

}

.online {
    background-image: url("./images/icon_user_online.gif");
}

.headerbar {
    margin-bottom: 4px;
    padding: 0px;
}


.contact-icons a:hover {
    background-color: #6C6C6C;
}


fieldset.polls dd div {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 2px 2px 0 2px;
    overflow: visible;
    min-width: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.fa-venus:before {
 content:"\f221";
 color:#ff99fe;
}
.fa-mars:before {
 content:"\f222";
 color:#99f1ff;
}

.codebox a {
    color: #74ff00;
}

.codebox {
    background-color: #7b7b7b;
    border-color: #000;
}

.codebox p {
    border-bottom-color: #a8a8a8;
}

.codebox code {
    color: #5bf970;
    background-color: black;
}

textarea {

    font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    width: 60%;
    padding: 2px;
    font-size: 1em;
    line-height: 1.4em;
    color: #000;

}

.pollbar1 {
	background-color: #2686bc;
	border-bottom-color: #959595;
	border-right-color: #959595;
}

.pollbar2 {
	background-color: #065286;
	border-bottom-color: #626262;
	border-right-color: #626262;
}

.pollbar3 {
	background-color: #00a4ff;
	border-bottom-color: #c2c2c2;
	border-right-color: #c2c2c2;
}

.pollbar4 {
	background-color: #5086a4;
	border-bottom-color: #7d7d7d;
	border-right-color: #7d7d7d;
}

.pollbar5 {
	background-color: #457fa0;
	border-bottom-color: #a3a3a3;
	border-right-color: #a3a3a3;
}



.mchat-input-container {
	flex: 1;
	position: relative;
	max-width: 100%;
	border-radius: 4px;
	padding: 0;
	background-color: #ababab;
	border-color: #FF0000;
	}

blockquote {
    background-color: #7d7c7c;
    border-color: #ccc;
    border-radius: 4px;
}

/**
*END Some Style & Color adjustments for Carbon Style
---------------------------------------------------------------------------- */