@import url('electrolize.css');
*	{
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
}

*:focus	{
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	outline: none;
}
html, body	{
	margin	: 0;
	padding	: 0;
}
.html, body, input, select	{
	font-family: 'Electrolize', sans-serif;
}
/*select {
     width: 100%;
  height: 30px;
  padding-left: 10px;
  background	:rgba(255,87,34,0.29);
  background: url(fff-0-2.png) repeat;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  border	: 0;
}*/
.template	{
	display	: none!important;
}
main	{
	-webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition:  opacity 0.2s ease-out;
	overflow-y: auto;
	height	: 100%;
}
main.overlay{
	opacity: 0.25;
	}
main.overlay::after {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
a {
	color	: #B73B15;
}

ul.contentLists	{
	margin: 0 0 0 5px;

	padding: 0 0 0 10px;

	width: calc(100% - 20px );
}

/* LAYOUT */

.dark-primary-color    { background: #B73B15; }
.default-primary-color { background: #FF5722; }
.light-primary-color   { background: #FFCCBC; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #448AFF; }
.accent-text-color	   { color: #448AFF; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }


.statusBar.loading {
	-webkit-animation: pulse1 1s linear infinite;
	-moz-animation: pulse1 1s linear infinite;
	-ms-animation: pulse1 1s linear infinite;
	animation: pulse1 1s linear infinite;
}
@keyframes "pulse1" {
	0% {
	   opacity: 1;
	}
	50% {
	   opacity: 0.25;
	}
	100% {
	   opacity: 1;
	}

}
button	{
	border-style	: none;
}
#app .window .cardHeaderInfo {
	margin	: 10px 0 0 30px;
}
#app .window .cardHeaderInfo .material-icons	{
	font-size	: 17px;
	vertical-align	: text-top;
	margin-right	: 2px;
}
#app .window .cardHeaderInfo .material-icons.accessTimeIcon,
#app .window .cardHeaderInfo .material-icons.groupsizeIcon	{
	margin-right	: 8px;
}
.window .cardHeader button	{
	color	: #FFFFFF;
	right	: 0;
	position: absolute;
	margin-top	: -20px;
}
#page_list.window .cardHeader button	{
	
	margin-top	: -35px;
}
.window .cardHeader a	{
	color	: #FFFFFF;
	text-decoration	: none;
	margin-top: 11px;
	display: block;
}
.window  .statusBar	{
	height	: 25px;
}
.window button	{
	font-size	: 24px;
	background	: transparent;
	font-size: 21px;
	padding: 5px 12px 5px 10px;
}
#status	{
	height	: 25px;
}
.hide, .toolbar-navigation button.hide	{
	display: none;
}
/*.window .cardHeader a .material-icons {
	vertical-align: middle;
}*/
.window .cardHeader	{
	color	: #FFFFFF;
	padding	: 20px;
	margin-bottom	: 20px;
}
.window .cardHeader h2	{
	margin	: 0;
}
.window .cardHeader h2 i	{
	 margin-right: 7px;
    vertical-align: text-top;
}
header	{
	position	: relative;
	width		: 100%;
	color		: #FFFFFF;
	padding-bottom	: 20px;
}
header.default-primary-color,
.cardHeader	{
	background	: #FF5722 url("../bilder/layout/frontend/head.png") no-repeat;
	background-size	: 100%;
}
h1	{
	text-align	: center;
}
header h1.autoMode:after	{
	content			: "track_changes";
}
header h1.manualMode:after	{
	content			: "pan_tool";
}
header h1:after	{
	font-family		: 'Material Icons';
	font-size		: 1.1em;
	font-size		: 0.52em;
    vertical-align	: super;
	margin-left		: 6px;
}
h2	{
	margin-left: 20px;
}
h2.noRaids	{
	text-align: center;
	margin: 40px auto;
}
div.noRaids	{
	display: none;
}

@media all and (min-height: 494px) {
	div.noRaids.true	{
	background	: url("../bilder/layout/frontend/sleepachu.jpg?1") no-repeat center center;
	width		: 320px;
	height		: 230px;
	margin		: -10px auto;
	display		: block;
	position	: relative;
	bottom		: 15px;
	width		: 100%;
	
}
}
.toolbar-navigation	{
	/*text-align	: right;*/
	/*display			: flex;*/
	margin-top	: 3px;
	/*background: #FF5722;*/
	background	: rgba(255, 87, 34, 0.95);
	display: inline-block;
	/*right: 0;*/
	/*position: absolute;*/
	position: absolute;
	right: 0;
	z-index: 15;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
	border-radius: 2px;
	transition: all 0.5s ease 0s;
	top	: -550px;
}
#mainButtonBar.noMenu .toolbar-navigation	{
	margin-top	: 3px;
	position: relative;
    top: auto;
    background: transparent;
    display: flex;
	align-items	: flex-start;
	box-shadow: none;
	width: calc( 100% - 50px );
	transition: none;
}
.toolbar-navigation.open	{
	top	: 0px;
}
#mainButtonBar.noMenu .toolbar-navigation button	{
	border	: 0;
	margin	: 0 1px;
	width	: auto;
}
#mainButtonBar #myraids	{
	white-space: nowrap;
}
#mainButtonBar #myraids.noraids	{
	opacity	: 0.5;
}
#mainButtonBar.noMenu #myraids	{
	margin-right	: 3px;
}
#mainButtonBar.noMenu .toolbar-navigation button#help	{
	order	: 4;
}
#mainButtonBar.noMenu .toolbar-navigation button#logout	{
	order	: 5;
	margin-left: auto;
    margin-right: 0;
}
#mainButtonBar.noMenu .toolbar-navigation button#close_menu	{
	display	: none;
}
#mainButtonBar.noMenu .toolbar-navigation button span	{
	display	: none;
}
#mainButtonBar.noMenu .toolbar-navigation button i	{
	font-size	: 1.5em;
	padding		: 0;
}
#mainButtonBar.noMenu #menu_button	{
	display	: none;
}

#mainButtonBar	{
	display		: flex;
	align-items	: flex-start;
}

#myraids	{
	top: 20px;
	color: #fff;
    cursor: pointer;
    font-size: 26px;
    transition: opacity 0.2s ease 0s;
	display: block;
	background	: transparent;
	border-style: none;
}

#menu_button	{
	top: 20px;
	color: #fff;
    cursor: pointer;
    font-size: 26px;
    transition: all 0.2s ease 0s;
	display: block;
	background	: transparent;
	border-style: none;
	margin-left: auto;
}

#menu_button i {
	font-size	: 1em;
}
.toolbar-navigation button {
    top				: 20px;
	color			: #fff;
    cursor			: pointer;
    font-size		: 1em;
    transition		: background 0.2s ease 0s;
	display			: block;
	background		: transparent;
	border-style	: none;
	padding			: 0 10px 0 0;
	border-bottom	: 1px solid rgba(255,255,255,0.5);
	display: block;
    width: 100%;
    text-align: left;
}


#mainButtonBar.noMenu .toolbar-navigation button {
	padding	: 0 5px;
	text-align	: center;
}

#mainButtonBar.noMenu .toolbar-navigation #adminTools {
	margin	: 0;
}

#mainButtonBar.noMenu .toolbar-navigation #adminTools button {
	margin : 0;
}



.toolbar-navigation button:active	{
	background-color	: #FFFFFF;
}
.toolbar-navigation button i {
	font-size	: 1em;
}
.toolbar-navigation > button:last-child {
	border-bottom	: 0;
}
.toolbar-navigation button i	{
	padding	: 15px;
}
/*.toolbar-navigation button#logout	{
	margin-left	: auto;
}*/
.toolbar-navigation .more {
    transition: all 0.2s ease 0s;
}
.toolbar-navigation button:hover .more {
    transform: rotate(1turn);
}
.toolbar-navigation #push i.notificationOff {
    /*color		: #840804;*/
	opacity	: 0.5;
}

#addRaid	{
	border-style 	: none;
	border-radius: 100%;
    bottom: -25px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    color: #fff;
    cursor: pointer;
    font-family: Material-Design-Icons;
    font-size: 26px;
    height: 56px;
    line-height: 26px;
    outline: 0 none;
    padding: 15px;
    position: absolute;
    right: 25px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 56px;
	z-index	: 1;
	background	: url("../bilder/layout/frontend/poba.svg?2");
}
#addRaid i	{
	display	: none;
}
#addRaid:hover {
    transform: scale(1.2) rotate(90deg);
}

/* LAYOUT */

*, *::after, *::before {
    box-sizing: border-box;
}
#app	{
	position	: fixed;
	left		: 0;
	top			: 0;
	width		: 100%;
	height		: 100%;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
    color: rgba(0, 0, 0, 0.84);
	margin: 0;
}
.header-logo {
	background-image: url("../bilder/layout/frontend/erftraiderslogo.jpeg");
	background-repeat: no-repeat;
	background-size: 100%;
}
#page_lists	{
	width	: 100%;
	/*height	: 100%;*/
	position: relative;
	top		: 0;
	left	: 0;
	/*overflow-y: auto;*/
}
.washare	{
	text-decoration: none;
	color: #000;
	display: block;
	padding	: 3px 7px;
}
.washare img	{
	vertical-align: middle;
}
#page_list .washare img {
	height	: 40px;
}
#page_list .bottom_button_bar {
	padding	: 3px 10px 0 3px;
}
#page_list, #page_userList, #page_settings 	{
	z-index	: 1;
}
#page_post_nu	{
	z-index	: 10;
}
#page_post_nu label	{
	padding	: 10px;
	font-size	: 1em;
}
#page_filter_settings select.sort,
#page_post_nu select	{
	display	: block;
	height: 32px;
	width: 98%;
	margin: 10px auto 0;
	font-size	: 1.2em;
}
#page_filter_settings div.raidlevelsettings, 
#page_filter_settings div.gymlist {
	margin-top	: 10px;
}
/*#page_filter_settings div.gymlist > label	{
	overflow		: hidden;
	text-overflow	: ellipsis;
	white-space		: nowrap;
	margin-bottom	: 4px;
	display			: block;
	width			: 80%;
}*/

#page_settings select.level {
	display	: block;
	height: 38px;
	margin: 0 auto;
	font-size	: 1.2em;
}
#page_settings input.imgsrc,
#page_settings input.pass,
#page_settings input.pass2,
#page_settings input.nickname,
#page_settings input.trainercode	{
	height: 38px;
	width: 100%;
	margin: 0 auto;
	font-size	: 1.2em;
}
#page_post_nu input	{
	height: 38px;
	width: 92px;
	margin: 0 auto;
	font-size	: 1.2em;
}
#page_post_nu .setStartTime input,
#page_post_nu .setEndTime input,
#page_post_nu .setStartTimes input	{
	right	: 14px;
	position	: absolute;
}
#page_post_nu .setStartTime input.err,
#page_post_nu .setEndTime input.err,
#page_post_nu .setStartTimes input.err,
#page_post_nu .setStartTimes select.err {
	background	: #B73B15;
	color		: #FFFFFF;
}
#page_post_nu .nonNativeTimePicker	{
	display	: flex;
	float	: right;
}
#page_post_nu .nonNativeTimePicker span	{
    padding: 0 5px;
    line-height: 30px;
    font-weight: bold;
}
#page_post_nu .nonNativeTimePicker select	{
	width	: 55px;
}
#page_post_nu .raidTimeInfo textarea	{
	display	: block;
	width	: 100%;
	height	: 50px;
}
#notLoggedIn	{
	margin-top	: 50px;
	font-size	: 18px;
	text-align	: center;
}
#usersBtn	{
	/*display	: none;*/
}

#adminTools	{
	height	: 0;
	overflow: hidden;
	-webkit-transition: height 0.42s ease 0s;
   -moz-transition: height 0.42s ease 0s;
     -o-transition: height 0.42s ease 0s;
        transition: height 0.42s ease 0s;
	width: 90%;
	position: relative;
	margin-left: 10%;
}

#adminTools.opened	{
	height	: 188px;
	/*height	: 142px;*/
}
#mainButtonBar.noMenu #adminTools.opened	{
	height	: 108px;
	/*height	: 81px;*/
}
.window	{
	position	: fixed;
	width		: 90%;
	max-height	: 95%;
	left		: auto;
	right		: 0;
	top			: 0;
	margin		: 2.5% 5%;
	overflow-y	: auto;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	z-index		: 2;
	overflow-x: hidden;
}
.text-content	{
	word-wrap: break-word;
}
.window.autoSize	{
	max-height	: none;
	height		: 100%;
}

#the_paginator	{
	margin: 5px 0;
}
.the_paginator_click	{
	border: 1px solid #cccccc;
    border-radius: 2px;
    font-size: 1.5em;
    margin: 2px;
    padding: 3px 7px;
}
.the_paginator_click.hit	{
	background	: #E64A19;
	color		: #FFFFFF;
}
#the_paginator span	{
	
}

#the_paginator .hit	{
	text-decoration	: none;
}
.windowTransitions	{
-webkit-transition: all 0.42s ease 0s;
   -moz-transition: all 0.42s ease 0s;
     -o-transition: all 0.42s ease 0s;
        transition: all 0.42s ease 0s
/*-webkit-transition: all 400ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
   -moz-transition: all 400ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
     -o-transition: all 400ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
        transition: all 400ms cubic-bezier(0.420, 0.000, 1.000, 1.000);  ease-in 

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);  ease-in */
}

.out	{
	top		: -130%;
	opacity	: 0;
}

.plusOne	{
	border-radius: 3px;
	background: #30aa30;
	color: #FFFFFF;
	padding: 1px 7px 1px 4px;
	font-size: 0.85em;
	margin-left: 1px;
}
#msgBoxLoadingBar {
	text-indent	: -99999px;
	height		: 4px;
	position: relative;
	width: 100%;
	background: url('../bilder/layout/backend/loader.gif') no-repeat center center;
	margin: 30px 0 0 0;
}
#msgBoxMsg input {
	margin: 0 10px 0 0;
	padding: 7px 10px 8px;
	border: 1px solid #d4d2d2;
	border-radius: 3px;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.87);
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-moz-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	-o-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
	width	: 100%;
}
#msgBoxMsg select {
	padding: 6px 10px 7px;
	border: 1px solid #d4d2d2;
	border-radius: 3px;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.87);
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	-moz-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	-o-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
hr	{
	border			: 0;
	border-bottom	: 1px solid #b1b1b1;
}
label	{
	display		: block;
	font-size	: 0.90em;
}
.label_explain	{
	font-size	: 0.75em;
}

#raidLists	{
	list-style-type	: none;
	margin: 0;
    padding: 0;
}
#raidLists > li	{
	/*margin: 0;*/
    /*padding: 5px;*/
}

#raidLists > li .rls_footer	> div.bottom_button_bar {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
    display: flex;
	justify-content: space-between;
}
#page_list  div.bottom_button_bar {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
    display: flex;
	justify-content: space-between;
}

#raidLists > li.extrigger	{
	
}
#raidLists > li.extrigger .rls_header	{
	background	: #e100ff!important;
}
#raidLists > li.extrigger .rls_boss:before {
	content	: "- EX-RAID-TRIGGER -";
	display	: block;
}

#raidLists > li	ul  {
	list-style	: none;
	padding			: 0;
	margin			: 0;
	flex			: auto;
}
#raidLists > li	ul > li {
	margin			: 0;
	/*margin: 0;*/
    padding: 0 0 0 5px;
	display	: flex;
	justify-content : left;
}
#raidLists > li	ul > li .imin	{
	display	: none;
    font-size: 1.2em;
    color: #30aa30;
}
#raidLists > li	ul > li.isimin .imin {
	display	: block;
}
#raidLists > li	ul > li.raidReady.isimin .imin {
	color	: #FFFFFF;
}
#raidLists > li	ul > li span.time	{
	margin-left	: 4px;
	white-space	: nowrap;
}
#raidLists > li	ul > li span.people{
	margin-left	: 8px;
	margin-right: 4px;
}
/*#raidLists > li	ul >li::before {
  content: "• ";
  color: #E64A19;  or whatever color you prefer 
}*/

#raidLists > li	.rls_body div.lists_container {
	display	: flex;
}

#raidLists > li	.rls_body div.pmimgContainer {
	width: 86px;
    height: 57px;
	text-align: right;
}
#raidLists > li	.rls_body img.pmimg {
/*	right: 30px;
	position: absolute;
	top: 95px;
	width: 22%;*/
	margin		: 0 2px 0 auto;
	/*max-height	: 57px;*/
	-webkit-filter: drop-shadow(3px 3px 3px #888);
	filter: drop-shadow(3px 3px 3px #888);
	max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
	top: 50%;
    transform: translateY(-50%);
    position: relative;
}

/*#raidLists > li	.rls_body ul > li .groupsizeIcon {
    margin-right: 4px;
}*/
#raidLists > li	.rls_body ul > li span.trainer:after {
	font-family		: 'Material Icons';
	content			: " ";
	font-size		: 1.1em;
	vertical-align	: sub;
	color			: #d8d8d8;
}

#raidLists > li	.rls_body ul > li.raidReady {
	background: #30aa30;
    padding: 6px 12px 3px 5px;
    color: #FFF;
    border-radius: 2px;
	margin-top: 3px;
    margin-bottom: 3px;
}

#raidLists > li	.rls_body ul > li.raidReady span.trainer:after {
	color: rgb(255, 255, 255);
    content: "people check";
	margin-left	: 10px;
	white-space: nowrap;
}


#raidList > li .Raidmaster {
	display	: none!important;
	padding: 5px 0;
    border-right: 0;
    text-align: center;
    /*border-bottom: 3px solid #75260D;*/
    border-left: 0;
    border-top: 1px solid #FF5722;
}
#raidList > li .Raidmaster div {
	display	: flex;
	justify-content: center;
}
#raidList > li .Raidmaster .cancelRaid {
	display	: none;
	margin: 7px 0;
    color: #FFFFFF;
    background: #FF5722;
    border-radius: 2px;
    height: 43px;
    font-size: 1em;
}
#raidList > li .Raidmaster .cancelRaid:before	{
	font-family: 'Material Icons';
    content: "thumb_down";
    font-size: 1.25em;
    margin-right: 5px;
    display: block;
}

#raidList > li .Raidmaster .cancelRaid.show {
	display: flex;
    align-items: center;
}

#page_list  ul#raidList > li .groupsizeIcon {
	width: 40px;
    text-align: center;
	white-space: nowrap;
}
#page_list  ul#raidList > li .groupsizeIcon:before {
	font-family: 'Material Icons';
    content: "people";
    font-weight: 400;
    font-size: 26px;
    line-height: 42px;
    color: rgba(255,255,255,0.25);
}
#page_list  ul#raidList > li .groupsizeIcon.achieved:before {
    color: rgba(255,255,255,1);
	content	: "people check";
	letter-spacing: -5px;
}
#raidLists .createdByContainer {
	font-size: 0.75em;
	width: 98%;
	text-align: right;
	padding: 0 3px 3px 3px;
}
#raidList	{
	list-style-type	: none;
	margin: 0;
    padding: 0;
}
#raidList > li	{
	/*margin: 0;*/
    /*padding: 5px;*/
}

.rls_gymInfo	{
	display			: block;
	overflow		: hidden;
	text-overflow	: ellipsis;
	white-space		: nowrap;
	color			: #FFFFFF;
	font-weight		: normal;
	text-decoration	: underline;
}
.rls_gymInfo .material-icons	{
	font-size		: 1em;
	vertical-align	: middle;
	margin-right	: 2px;
}
.rls_header .material-icons	{
	font-size		: 1em;
	vertical-align	: text-top;
	margin-right	: 2px;
}
.rls_header .material-icons.groupsizeIcon,
.rls_header .material-icons.accessTimeIcon	{
	margin-right	: 4px;
}
.rls_header .rls_boss	{
	font-weight		: bold;
}

#page_list .cardHeader {
	padding-top: 30px;
}
#page_list .cardHeader h2		{
	font-size	: 1.2em;
}

#page_list .cardHeader h2 span.raidLevel:after,
.rls_header .rls_boss.raidLevel:after 	{
	font-family: 'Material Icons';
	float		: right;
	opacity		: 0.75;
}

#page_list .cardHeader  h2 span.raidLevel_1:after,
.rls_header .rls_boss.raidLevel_1:after 	{
	content: "\E838";
}
#page_list .cardHeader  h2 span.raidLevel_2:after,
.rls_header .rls_boss.raidLevel_2:after 	{
	content: "\E838\E838";
}
#page_list .cardHeader  h2 span.raidLevel_3:after,
.rls_header .rls_boss.raidLevel_3:after 	{
	content: "\E838\E838\E838";
}
#page_list .cardHeader  h2 span.raidLevel_4:after,
.rls_header .rls_boss.raidLevel_4:after 	{
	content: "\E838\E838\E838\E838";
}
#page_list .cardHeader  h2 span.raidLevel_5:after,
.rls_header .rls_boss.raidLevel_5:after 	{
	content: "\E838\E838\E838\E838\E838";
}
#page_list .cardHeader  h2 span.raidLevel_6:after,
.rls_header .rls_boss.raidLevel_6:after 	{
	content: "\E838\E838\E838\E838\E838\E838";
}
.rls_header	{
	background		: #E64A19;
	color			: #FFFFFF;
	padding			: 5px;
	border-radius	: 2px 2px 0 0;
}
#raidLists  > li[data-level="1"] .rls_header,
#raidLists  > li[data-level="2"] .rls_header,
#page_list[data-level="1"] .cardHeader,
#page_list[data-level="1"] .statusBar,
#page_list[data-level="2"] .cardHeader,
#page_list[data-level="2"] .statusBar {
	background-color		: #0E9832;
}
#raidLists  > li[data-level="3"] .rls_header,
#raidLists  > li[data-level="4"] .rls_header,
#page_list[data-level="3"] .cardHeader,
#page_list[data-level="3"] .statusBar,
#page_list[data-level="4"] .cardHeader,
#page_list[data-level="4"] .statusBar {
	background-color		: #448AFF;
}
#page_list.extrigger .cardHeader,
#page_list.extrigger .statusBar {
	background-color		: #e100ff!important;
}
.rls_body	{
	padding	: 8px 5px 5px 5px;
	cursor	: pointer;
}
.card {
  background: #fff;
  border-radius: 2px;
  /*display: inline-block;*/
  /*height: 300px;*/
  margin: 1rem;
  position: relative;
  /*width: 300px;*/
  /*cursor	: pointer;*/
}
.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.team_select	{
	width	: 80px;
	height	: 80px;
}
/* Team Rot */
.team_1	{
	background	: #f21409
}
/* Team Blau */
.team_2	{
	background	: #0576ed
}
/* Team Gelb */
.team_3	{
	background	: #f9d108
}

.ulevel{
    font-size: 0.5em;
/*	border: 1px solid #a6a6a6;
    border-radius: 50%;
    color: #606060;
    font-size: 0.5em;
    padding: 2px;
    text-align: center;
	background: transparent;
	vertical-align: text-top;*/
}
.li_team_1 .ulevel	{
	border-color: #f21409;
}
.li_team_2 .ulevel	{
	border-color: #0576ed;
}
.li_team_3 .ulevel	{
	border-color: #f9d108;
}

.teamSelectContainer	{
	margin-left: 10px;
}
.teamSelectRadio input	{
	display	: none;
}
.teamSelectRadio span	{
	display	: inline-block;
	width			: 33px;
	height			: 33px;
	padding			: 5px;
	border-radius	: 3px;
	margin-right	: 7px;
	cursor			: pointer;
}

.teamSelectRadio input[type="radio"]:checked ~ span:before {
	content: "security";
	direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    overflow-wrap: normal;
    text-transform: none;
    white-space: nowrap;
	color	: #FFFFFF;
}
.flex	{
	display	: flex;
}

#raidList ol{
	list-style	: none;
	margin		: 0;
	padding		: 2px;
}
#raidList ol > li {
	counter-increment: item;
	margin-bottom: 5px;
	border		: 1px solid #F0F0F0;
	padding		: 0px;
	height		: 48px;
}
#raidList ol > li:before {
	float		: left;
	margin: 2px 10px 2px 2px;
	content: counter(item);
	color	: #FFFFFF;
	background: #e0e0e0;
	border-radius: 100%;
	color		: #000000;
	width: 1.2em;
	text-align: center;
	display: inline-block;
}
#raidList ol > li .Trainer {
	margin-left: 4px;
	clear: left;
	font-style: italic;
}
#raidList ol > li .infoAction {
	background: #E64A19;
	color: #fff;
	border-radius: 8px;
	/*font-size: 0.85em;*/
	padding: 0;
	display: block;
	float: right;
	height: 36px;
	border: 0;
	width: 58px;
	overflow: hidden;
	margin-top: 6px;
}
#raidList ol > li.other .infoAction {
	color: #E64A19;
	background: #fff;
}
/*#raidList ol > li .infoAction:before {*/
	
/*	color: #FFF;
	font-size: 25px;
	display: block;
	line-height: 0;
	margin: 0;*/
/*}*/
#raidList ol > li .removeMeFromList {
	background: transparent;
	color: #fff;
	border-radius: 8px;
	font-size: 0.85em;
	padding: 0;
	display: block;
	float: right;
	height: 48px;
	border: 0;
	width: 44px;
	overflow: hidden;
}
#raidList ol > li .removeMeFromList:before {
	font-family: 'Material Icons';
	content: "\E909";
	color: #E64A19;
	font-size: 48px;
	display: block;
	line-height: 0;
	margin: 0;
}
#raidList ol > li .removeMeFromList > span {
	border: 1px solid #ffffff;
	border-radius: 55%;
	width: 17px;
	height: 17px;
	display: inline-block;
	font-weight: bold;
	font-size: 0.9em;
	background: #FFFFFF;
	color: #E64A19;
}
#raidList ol > li.li_team_1:before {
	background	: #f21409;
	color		: #FFFFFF;
}
#raidList ol > li.li_team_2:before {
	background	: #0576ed;
	color		: #FFFFFF;
}
#raidList ol > li.li_team_3:before {
	background	: #f9d108;
	color		: #000000;
}
.base_team_1 {
	background	: #f21409;
	color		: #FFFFFF;
}
.base_team_2{
	background	: #0576ed;
	color		: #FFFFFF;
}
.base_team_3 {
	background	: #f9d108;
	color		: #000000;
}
#raidList ol > li .zeit {	
	float		: left;
	font-size: 0.65em;
	margin-top: 6px;
}
/*#raidList > li button.addPlayer	{
	float	: right;
	cursor: pointer;
	font-size: 0.85em;
	display: block;
	width: 96%;
	text-align: left;
	margin: 10px 2% 3px;
	border-radius: 2px;
	color: #ffffff;
	background: #30aa30;
	padding: 7px 9px;
	font-weight: bold;
}*/
#raidList > li .addPlayerContainer {
	display	: flex;
}
#raidList > li .delPlayerContainer {
	display			: flex;
	margin-left		: auto;
	margin-right	: 7px;
}
#raidList > li button.addPlayer	{
	cursor			: pointer;
	display			: block;
	text-align		: center;
	border-radius	: 50%;
	color			: #30aa30;
	background		: #FFFFFF;
	padding			: 0;
	font-weight		: bold;
	border			: 1px solid #fff;
	width			: 45px;
	color			: #FF5722;
}
#raidList > li button.addPlayer.rotate	{
	opacity			: 0.35;
	-webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

#raidList > li .ap_loading.show	{
	opacity			: 0.35;
	-webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
#raidList > li button.delPlayer	{
	opacity			: 0;
	cursor			: pointer;
	display			: block;
	text-align		: center;
	border-radius	: 50%;
	color			: #30aa30;
	background		: #FFFFFF;
	padding			: 0;
	font-weight		: bold;
	border			: 1px solid #fff;
	width			: 45px;
	color			: #FF5722;
	-webkit-transition: all 0.42s ease 0s;
   -moz-transition: all 0.42s ease 0s;
     -o-transition: all 0.42s ease 0s;
        transition: all 0.42s ease 0s
}

#raidList > li button.delPlayer.active	{
	opacity			: 1
}

#raidList > li button.delPlayer.rotate	{
	opacity			: 0.35;
	-webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

#raidList > li .delPlayer.show	{
	opacity			: 0.35;
	-webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#raidList > li .ap_loading	{
	opacity			: 0;
	cursor			: pointer;
	display			: block;
	text-align		: center;
	border-radius	: 50%;
	color			: #30aa30;
	background		: #FFFFFF;
	padding			: 0;
	font-weight		: bold;
	border			: 1px solid #fff;
	width			: 45px;
	color			: #FF5722;
}
#raidList > li .ap_loading:before	{
	font-family		: 'Material Icons';
	content			: "autorenew";
	font-weight		: 400;
	font-size		: 42px;
	line-height: 42px;
}
#raidList > li button.addPlayer:before{
	font-family		: 'Material Icons';
	content			: "\E147";
	font-weight		: 400;
	font-size		: 42px;
	line-height: 42px;
}
#raidList > li button.delPlayer:before{
	font-family		: 'Material Icons';
	content			: "\E15D";
	font-weight		: 400;
	font-size		: 42px;
	line-height: 42px;
}

#raidList > li > .raidList_header	{
	padding			: 2px;
	border-radius	: 2px 2px 0 0;
	background		: #FF5722;
	color			: #FFFFFF;
	display			: flex;
	justify-content	: space-between;
	height			: 48px;
}
#raidList > li > .raidList_header .start	{
	line-height		: 1.9em;
	padding-left	: 10px;
	font-size		: 1.5em;
}
#raidList .listStat	{
	display	: none;
}
#raidList .listStatNotice	{
	display	: none;
}
#raidList .listStat,
#raidList .listStatNotice	{
	/*display			: block;*/
	/*font-size		: 0.85em;*/
}
#raidList .listNote_onLocation	{
	background	: #30aa30;
	color		: #FFFFFF;
}
#raidList .listNote_runningLate	{
	background	: #f9d108;
}
#raidList .listNote_delayBack	{
	background	: #ff8000;
	color		: #FFFFFF;
}
#raidList .listNote_delayForward	{
	background	: #ff8000;
	color		: #FFFFFF;
}
#raidList .listNote_warning	{
	background	: #f21409;
	color		: #FFFFFF;
}


/* RADIUMBOXES START */
.radiumboxes {
	padding: 5px 0 10px;
}
#notizStatusFilterContainer.radiumboxes {
	font-size	: 0.8em;
}
.radiumboxes > label {
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	height: auto;
}
.radiumboxes > label > span {
	padding		: 5px 7px;
	background	: #FFFFFF;
	display		: inline-block;
	font-weight	: 400;
	border: 1px solid #cfd9db;
}
.radiumboxes > label input:checked ~span {
	background-color: #91c854;
	border: 1px solid #91c854;
	color: #fff;
	outline: none;
	font-size: 14px;
}
.radiumboxes > label:hover {
	color: #666;
}
.radiumboxes > label input {
	display	: none!important;
}
div.radiumboxes.advancedRadiumboxes {
	padding	: 0;
	font-family: 'Lato', sans-serif;
}
div.radiumboxes.advancedRadiumboxes > label input:checked ~ span {
	background-color: rgb(255, 111, 34);
	border-color: rgb(255, 111, 34);
	color: #fff;
}
div.radiumboxes.advancedRadiumboxes > label input ~ span:before {
	font-family: 'Material Icons';
	font-size	: 14px;
	
}
div.radiumboxes.advancedRadiumboxes > label input:checked ~ span:before {
	content: 'ic_done';
	margin-left: -35px;
	margin-right: 10px;
}
div.radiumboxes.advancedRadiumboxes > label input ~ span {
	padding: 5px;
	display: block;
	border: 1px solid #d4d2d2;
	border-radius: 2px;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.54);
	font-size: 14px;
	text-align: left;
	line-height: 17px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	-moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	-o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

.uranboxes > label {
	box-sizing		: border-box;
	display			: inline-block;
	border-radius	: 3px;
	cursor			: pointer;
	outline			: none;
	overflow		: hidden;
	width			: 100%;
	height			: 48px;
	font-size		: 1em;
}
.uranboxes > label > input{
	display: none;
} 
.uranboxes > label > input ~ span {
	border		: 1px solid #e0e0e0;
	width		: 100%;
	display		: flex;
	align-items	: center;
	height		: 48px;
	word-wrap	: initial;
	-webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	-moz-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	-o-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
	transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.uranboxes > label > input ~ span:before{
	content		: "not_interested";
	font-family	: 'Material Icons';
	width		: 40px;
	font-size	: 1.4em;
	margin		: 0px 0 0 10px;
} 
.uranboxes > label > input:checked ~ span:before{
	content		: "check";
	font-family	: 'Material Icons';
	/*color		: #FFFFFF;*/
} 
.uranboxes > label > input:checked ~ span{
	background		: rgb(255, 111, 34);
	border-color	: rgb(255, 111, 34);
	color		: #FFFFFF;
} 
.uranboxes > label > input ~ span span.inner {
	line-height	: 1.4em;
	padding-right	: 5px;
	display: flex;
	align-items: center;
} 


/* RADIUMBOXES STOP */


.raidlevelsettings span	{
	
}

#page_settings fieldset,
#page_filter_settings fieldset,
#page_help fieldset,
#page_push fieldset	{
	border		: 1px solid #FF5722;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
#msgBoxMsg fieldset	{
	border		: 1px solid #FF5722;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.infoActionSelect	{
	border		: 1px solid #d4d2d2;
	background	: #FFFFFF;
	position	: absolute;
	z-index		: 10;
	padding		: 11px 12px 5px 10px;
}

.infoActionSelect button.closeia	{
	top			: 0;
	right		: 0;
	position	: absolute;	
}
.infoActionSelect button.closeia:before	{
	font-family	: "Material Icons";
	content		: "\E5CD";
}
.infoActionSelect ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top	: 11px;
}
.infoActionSelect li {
	border-top	: 1px dashed rgb(255, 111, 34);
}
.infoActionSelect li-first-chil {
	border-top	: 1px dashed rgb(255, 111, 34);
}
.infoActionSelect li span	{
    vertical-align: 9px;
    font-size: 14px;
}
button.listStatNoticeButton:before	{
	font-family	: "Material Icons";
}
button.listStatNoticeButton:after	{
	font-family	: 'Electrolize', sans-serif;;
	font-size	: 10px;
	vertical-align: 15px;
}

button.listStatNoticeButton.bom-ks:before	{
	content		: "\E92A";
}
.listEntry button.infoAction.bom-ks:before	{
	font-family	: "Material Icons";
	content		: "\E0CA";
/*	opacity		: 0.25;*/
}
.listEntry.other button.infoAction.bom-ks:before	{
	font-family	: "Material Icons";
	content		: "";
}
.listEntry.tc .Trainer .nickname:before	{
	font-family	: "Material Icons";
	content		: "supervised_user_circle";
}
button.listStatNoticeButton.bom-ol:before	{
	content		: "\E55A";
}

button.listStatNoticeButton.bom-l5:before	{
	content		: "directions_run";
}
	button.listStatNoticeButton.bom-l5:after {
		content		: "+5";
	}
button.listStatNoticeButton.bom-l10:before	{
	content		: "directions_run";
}
	button.listStatNoticeButton.bom-l10:after {
		content		: "+10";
	}
button.listStatNoticeButton.bom-l15:before	{
	content		: "directions_run";
}
	button.listStatNoticeButton.bom-l15:after {
		content		: "+15";
	}
	
button.listStatNoticeButton.bom-shift-20:before	{
	content		: "\E192";
}
	button.listStatNoticeButton.bom-shift-20:after {
		content		: "-20";
	}
button.listStatNoticeButton.bom-shift-15:before	{
	content		: "\E192";
}
	button.listStatNoticeButton.bom-shift-15:after {
		content		: "-15";
	}
button.listStatNoticeButton.bom-shift-10:before	{
	content		: "\E192";
}
	button.listStatNoticeButton.bom-shift-10:after {
		content		: "-10";
	}
button.listStatNoticeButton.bom-shift10:before	{
	content		: "\E192";
}
	button.listStatNoticeButton.bom-shift10:after {
		content		: "+10";
	}
button.listStatNoticeButton.bom-shift15:before	{
	content		: "\E192";
}
	button.listStatNoticeButton.bom-shift15:after {
		content		: "+15";
	}
button.listStatNoticeButton.bom-shift20:before	{
	content		: "\E192";
}
	button.listStatNoticeButton.bom-shift20:after {
		content		: "+20";
	}

button.listStatNoticeButton.bom-wet:before	{
	content		: "\E002\E192";
}
button.listStatNoticeButton.bom-wg:before	{
	content		: "\E002\E0C7";
}

button.listStatNoticeButton.bom-wb:before	{
	content		: "\E002\E868";
}

button.quickstatus {
	background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
	width	: 42px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition:  opacity 0.2s ease-out;
}
button.quickstatus.available {
	opacity	: 1;
}
button.quickstatus:before	{
	font-family	: "Material Icons";
	font-size	: 2em;
    color: #808080;
	
	cursor	: pointer;
}
button.quickstatus.quickstatus_onLocation:before	{
	content		: "\E55A";
}
button.quickstatus.quickstatus_onLocation.active:before	{	
	color		: #FF5722;
}

button.buttonleft {
	float	:left;
}
button.buttonright {
	float	: right
}
button.ok	{
	margin-top		: 10px;
	color			: #FFFFFF;
	background		: rgb(255, 111, 34);
	border-radius	: 2px;
	height			: 48px
}
button.ok:before	{
	font-family	: 'Material Icons';
	content		: "save";
	font-size: 19px;
	margin-right: 5px;
	vertical-align	: baseline;
}
button.cancel	{
	margin-top		: 10px;
	color			: #FFFFFF;
	background		: rgb(255, 111, 34);
	border-radius	: 2px;
	height			: 48px
}
button.cancel:before	{
	font-family	: 'Material Icons';
	content		: "close";
	font-size: 19px;
	margin-right: 5px;
	vertical-align	: baseline;
}

button.createButton	{
	margin-top		: 10px;
	color			: #FFFFFF;
	background		: #75260D;
	border-radius	: 2px;
	height			: 48px
}
button.createButton:before	{
	font-family	: 'Material Icons';
	content		: "create";
	font-size: 19px;
	margin-right: 5px;
	vertical-align	: baseline;
}

button.delGymBtn,	
button.delRaidBtn,	
button.delAccountButton	{
	margin-top		: 10px;
	color			: #FFFFFF;
	background		: #75260D;
	border-radius	: 2px;
	height			: 48px
}
button.delGymBtn:before,
button.delRaidBtn:before,
button.delAccountButton:before	{
	font-family	: 'Material Icons';
	content		: "delete";
	font-size: 19px;
	margin-right: 5px;
	vertical-align	: baseline;
}
button.changeRaidBtn	{
	margin-top		: 10px;
	color			: #FFFFFF;
	background		: rgb(255, 111, 34);
	border-radius	: 2px;
	height			: 48px
}
button.changeRaidBtn:before	{
	font-family	: 'Material Icons';
	content		: "mode_edit";
	font-size: 19px;
	margin-right: 5px;
	vertical-align	: baseline;
}
#closeChatBotAdminBtn,
#closeMyraidsBtn,
#closeHelpBtn,
#closeDSBtn,
#closeTCBtn,
#closePageListBtn,
#closePushSettingsBtn,
#closeUserAdminBtn,
#closeGymAdminBtn,
#closeBossAdminBtn,
#closeQuestViewerBtn,
#closeSettingsBtn,
#closeFilterSettingsBtn,
#closePushSettingsBtn,
#closeRaidEditBtn	{
	background: transparent;
}
#closeChatBotAdminBtn:before,
#closeHelpBtn:before,
#closeDSBtn:before,
#closeTCBtn:before,
#closePageListBtn:before,
#closeUserAdminBtn:before,
#closeGymAdminBtn:before,
#closeBossAdminBtn:before,
#closeQuestViewerBtn:before,
#closeSettingsBtn:before,
#closeFilterSettingsBtn:before,
#closePushSettingsBtn:before,
#closeRaidEditBtn:before	{
	content: "";
}
#logmein {
	margin-top: 10px;
	color: #FFFFFF;
	background: rgb(255, 111, 34);
	border-radius: 2px;
	height: 48px;
	font-size: 20px;
}
#logmein:before	{
	font-family: 'Material Icons';
	content: "exit_to_app";
	font-size: 19px;
	vertical-align: bottom;
	margin-right: 4px;
}

#page_userList .userList_filter_sort_label	{
	display	: none;
}

#page_userList .userList_filter_search	{
	display		: block;
	height		: 38px;
	font-size	: 1.2em;
}

.userEntries .userEntry {
	padding		: 7px 7px 14px 7px;
}
.userEntries .userEntry .role	{
	font-style	: italic;
	font-size	: 0.8em;
}
.userEntries .userEntry button {
	background		: #E64A19;
	border-radius	: 2px;
	font-size		: 1.1em;
	width			: 100%;
	padding			: 10px 7px;
	color			: #FFFFFF;
}
.userEntries .userEntry button[data-banstat="1"] {
	
}
.userEntries .userEntry button:before {
	margin-right	: 3px;
	font-family		: 'Material Icons';
	content			: "lock_open";
}
.userEntries .userEntry button[data-banstat="1"]:before {
	font-family: 'Material Icons';
	content: "lock_outline";
}
.userEntries .userEntry .bannedTill	{
	margin-top	: 10px;
}
.userEntries .userEntry .bannedTill	input {
	height		: 38px;
	font-size	: 1.2em;
	display		: block;
	width		: 100%;
}
.userEntries .userEntry .bannedReason	input {
	height		: 38px;
	font-size	: 1.2em;
	display		: block;
	width		: 100%;
}
.userEntries .userEntry .bannedTill, .userEntries .userEntry .bannedReason	{
	height		: 0;
	overflow	: hidden;
	-webkit-transition: height 0.2s ease;
    -moz-transition: height 0.2s ease;
    -ms-transition: height 0.2s ease;
    -o-transition: height 0.2s ease;
    transition:  height 0.2s ease-out;
}
.userEntries .userEntry.userBanned .bannedTill, .userEntries .userEntry.userBanned .bannedReason	{
	height		: 56px;
}
.raidInfo	{
	margin: 0px 15px;
    padding: 10px 0px 5px 0px;
    font-size: 0.9em;
    /* background: #ffff88; */
    border-top: 1px solid #ccc;
}
.rls_body .raidInfo		{
	margin: 0;
	margin-top: 12px;
    border-top: #ccc 1px solid;
}
footer	{
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 0.65em;
    z-index: 0;
    background: #e9e9e9;
	padding-top	: 2px;
	box-shadow: 4px 0 5px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	left: 50%;
    width: 130px;
	margin-left: -65px;
	border-radius: 25px 25px 0 0;
}
footer	a {
	color			: #000000;
	text-decoration	: none;
}

@media all and (min-width: 500px) {
	ul#raidLists	{
		display	: flex;
		flex-wrap	: wrap;
		justify-content: space-between;
	}
	ul#raidLists > li	{
		width	: 40%;
	}
	
	#page_post_nu, #page_list, #page_userList, #page_settings	{
		width: 360px;
		left: 50%;
		margin-left: -180px;
	}
	#page_filter_settings div.gymlist {
		display		: flex;
		flex-wrap	: wrap;
		/*justify-content	: space-between;*/
	}
	#page_filter_settings div.gymlist > label	{
		margin: 7px 7px;
		display: inherit;
		width: auto;
	}
	
}
@media all and (min-width: 700px) {
	
	ul#raidLists > li	{
		width	: 28%;
	}
}
.smallIcon	{
	font-size: 1em;
	vertical-align: middle;
}
.window_content	{
	padding	: 10px;
}

#pokemonFilterList	{
	margin-top	: 10px;
}

#help_content > ul > li > a	{
	margin: 7px 0;
    display: block;
}
.totop:after	{
	font-family		: 'Material Icons';
	content			: "arrow_upward";
	color			: #000;
}
.totop {
	text-decoration: none;
    right: 0;
    text-align: right;
    display: block;
    font-size: 1.5em;
}

#help_content > div  {
	border		: 1px solid #FF5722;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding		: 10px 0;
}
#help_content > div .material-icons {
	font-size	: 1em;
}
#help_content > div h2 {
	font-size: 1.2em;
    margin: 5px 0 10px;
}
.bossSelLabel span img	{
	margin-right: 2px;
    margin-left: auto;
    height: 34px;
	-webkit-filter: drop-shadow(3px 3px 3px #888);
	filter: drop-shadow(3px 3px 3px #888);
}

.push_safari	{
	padding	: 10px;
}

#myraidsContainer ul {
	list-style-type: none;
	padding	: 2%;
	margin	: 0;
}
#myraidsContainer li {
	margin		: 7px 0px;
}
#myraidsContainer ul li.done	{
	text-decoration: line-through;
}
#myraidsContainer ul li .mr_header {
	background	: #E64A19;
	color		: #FFFFFF;
	padding		: 2px 7px;
}
#myraidsContainer ul li .mr_content {
	padding		: 7px;
}
#myraids span	{
	font-size	: 0.5em;
	margin-left	: -2px;
}
.capital_start	{
	float: left;
    margin: 7px 7px 7px 0;
	color	: #FF5722;
}
.gymEntry 	{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gymEntry .gymEntryForm 	{
	flex-grow: 2;
	-webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -ms-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition:  width 0.2s ease-out;
}
.gymEntry .gymEntryForm input[type='text']	{
	height: 38px;
	font-size: 1.2em;
	display: block;
	width: 100%;
}



.gymEntry button.saveGym	{
	display	: none;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition:  all 0.2s ease-out;
}
.gymEntry button.saveGym.active	{
	display	: block;
}

.bossEntry button.saveBoss	{
	display	: none;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition:  all 0.2s ease-out;
}
.bossEntry button.saveBoss.active	{
	display	: block;
}
.bossEntry {
	padding	: 6px;
}
.bossEntry .bossman_bossname {
	font-size	: 1.2em;
	font-weight	: bold;
    margin: 4px 0 8px 0;
    text-align: center;
}

.bossEntry .bossman_bossname .dexnr {
	background: #E64A19;
    color: #FFF;
    padding: 2px 13px;
    border-radius: 4px;
    text-align: center;
}
.bossEntry .bossman_bossname .pokename {
	
}
.bossEntry .bossman_details	{
	display: flex;
	justify-content	: space-around;
}
.bossEntry .bossman_details	.bossman_details_difficulty{
	text-align	: center;
}
.bossEntry .bossman_details	.bossman_details_difficulty input {
	display: inline-block;
    width: 37px;
    height: 37px;
    font-size: 1.6em;
    text-align: center;
    border: 1px;
    border-radius: 50%;
    border-style: solid;
	margin	: 10px 0 15px;
}
.bossEntry .bossman_details	.bossman_details_groupsize{
	text-align	: center;
}
.bossEntry .bossman_details	.bossman_details_groupsize input {
	display: inline-block;
    width: 37px;
    height: 37px;
    font-size: 1.6em;
    text-align: center;
    border: 1px;
    border-radius: 50%;
    border-style: solid;
	margin	: 10px 0 15px;
}
#page_gym_man .gymList_filter_search {
	display: block;
    height: 40px;
    width: 100%;
	font-size	: 1.6em;
}
#page_gym_man .gymList_filter_sort {
	display: block;
    height: 40px;
    width: 100%;
	font-size	: 1.6em;
}
#page_boss_man .bossList_filter_search {
	display: block;
    height: 40px;
    width: 100%;
	font-size	: 1.6em;
}
#page_boss_man .bossList_filter_sort {
	display: block;
    height: 40px;
    width: 100%;
	font-size	: 1.6em;
}

#datenschutz_content ol	{
	margin	: 0;
	padding	: 0;
}
#datenschutz_content ol li	{
	margin	: 0 10px;
	padding	: 0;
}
#datenschutz_content ol li h2	{
	margin	: 0 7px;
	padding	: 0;
	font-size	: 1em;
}

.raidSplit {
	display	: flex;
	align-items	: center;
	justify-content	: center;
	background	: #E8E8E8;
}
.raidSplit button	{
	display	: block;
}
.raidSplit button	{
	font-family		: 'Material Icons';
}
.raidSplit button.split_less	{
	content	: "arrow_back_ios";
}
.raidSplit button.split_more {
	content	: "arrow_forward_ios";
}
.raidSplit span.splitDisplay	{
	display	: block;
	width: 31px;
	height: 22px;
	text-align	: center;
	border	: 1px solid #ccc;
	border-radius: 2px;
	margin	: 5px;
}

#trainercodes_content ul	{
	margin	: 0;
	padding	: 0;
	list-style-type:  none;
}
#trainercodes_content ul li	{
	margin: 0 0 14px 0;
	padding: 0 0 14px 0;
	list-style-type: none;
	border-bottom: 1px dashed #e0e0e0;
}
#trainercodes_content ul li:last-child	{
	border	: none;
}

#trainercodes_content ul li .tc_lvl	{
    font-size: 0.5em;
}
#trainercodes_content ul li .tc_code	{
    display	: block;
	font-size: 1.2em;
	text-align: right;
	font-style: italic;
	padding-right: 7px;
}
#trainercodes_content ul li .tc_name	{
    padding: 3px 10px;
	border-radius: 2px;
	margin-bottom: 7px;
	display: inline-block;
}
.questEntries .questEntry .quest {
	padding: 7px 10px 3px;
    display: flex;
}
.questEntries .questEntry .quest:before {
	content: "?";
    background: #E64A19;
    display: inline-block;
    width: 22px;
    text-align: center;
    padding: 3px;
    color: #fff;
    border-radius: 50%;
    height: 22px;
    margin: 0 10px 0 0;
    flex-shrink: 0;
    line-height: 17px;
}

.questEntries .questEntry .reward {
	padding: 3px 10px;
    display: flex;
}
.questEntries .questEntry .reward:before {
	content: "!";
    background: #0576ed;
    display: inline-block;
    width: 22px;
    text-align: center;
    padding: 3px;
    color: #fff;
    border-radius: 50%;
    height: 22px;
    margin: 0 10px 0 0;
    flex-shrink: 0;
    line-height: 17px;
}

.questEntries .questEntry .pokestop {
	padding: 3px 10px 10px;
    display: flex;
}
.questEntries .questEntry .pokestop:before {
	font-family: 'Material Icons';
    content: "place";
    background: #666;
    display: inline-block;
    width: 22px;
    text-align: center;
    padding: 3px;
    color: #fff;
    border-radius: 50%;
    height: 22px;
    margin: 0 10px 0 0;
    flex-shrink: 0;
    line-height: 17px;
}
.questEntries .questEntry .pokestop a {}