/*croppie custom*/
.croppie-container {
	height: inherit;
}

/*croppie custom*/

.pagination>li>a,
.pagination>li>span {
	color: #8f0000 !important;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	color: white !important;
	background-color: #8f0000 !important;
	border-color: #ddd;
}

.forgotPassword {
	cursor: pointer;
}

#playerDetailsContainer {
	padding-top: 15px;
}

.font-size-20 {
	font-size: 20px;
}

.userButtons {
	display: flex;
}

.userButtons a {
	padding-right: 5px;
}

dl .info {
	color: red;
}

/*bootstrap custom*/

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background-color: #8f0000 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

.tooltip {
	opacity: 1;
	font-size: inherit;
	line-heigt: inherit;
	font-weight: inherit;
	position: relative;
}

.tooltip.fade {
	position: absolute;
}

.label {
	display: table-cell;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

p {
	margin: 0;
}

/*bootstrap custom*/
td img {
	display: block;
}

body {
	font-family: sans-serif;
	background: url("/rhl/images/bg2.jpg") no-repeat;
	background-position: top center;
	background-color: #000000;
	background-size: contain;
	font-size: 14px;
	color: #232323;
	line-height: normal;
}

.privacyText {
	margin-left: 15px;
	margin-right: 15px;
}

.width_25 {
	width: 25%;
}

.footer {
	color: #fff;
}

.style3 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style6 {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

h1 {
	font-size: 25px;
	color: #8f0000;
}

h2 {
	font-size: 17px;
	color: #8f0000;
}

p {
	line-height: 1.5em;
}

a {
	color: #B70000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #ce0000;
}

#season {
	display: inline;
	width: 200px;
}

.season-select h2 {
	display: inline;
}

.inline-headline {
	display: inline;
	-moz-display: inline;
	-webkit-display: inline;
}

.glyphicon-calender {
	margin-left: 20px;
}

.headernavigation {
	width: 100%;
	height: 35px;
	background-color: rgba(19, 19, 19, 0.85);
	position: absolute;
	bottom: 0;
}

.headernavigation>ul {
	display: inline;
	list-style-type: none;
	color: #c3c3c3;
	padding: 0;
}

.headernavigation>ul li {
	display: inline-block;
	padding: 9px 22px;
	overflow: hidden;
	margin: 0 -4px 0 0;
	color: #c3c3c3;
}

.headernavigation>ul li:hover {
	background-color: #8f0000;
	color: #FFFFFF;
}

.headernavigation>ul li.active {
	background-color: #8f0000;
	color: #FFFFFF;
}

.headernavigation a {
	text-decoration: none;
}

.headernavigation>ul li a {
	font-size: 15px;
	font-weight: normal;
	color: #c3c3c3;
}

.headernavigation>ul li.active a {
	color: #FFFFFF;
}

.header {
	background: url("/rhl/images/header-2.png");
	height: 220px;
	margin: 0px auto;
	background-repeat: no-repeat;
	position: relative;
	background-position: top center;
}

#logo_movie {
	position: absolute;
	right: 0;
	top: 17px;
}

.header_overlay {
	height: 48px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	float: right;
	background-color: #333131;
	background-color: rgba(19, 19, 19, 0.6);
	border-bottom: 1px solid #cbcbcb;
	border-radius: 13px 13px 0 0;
}

.team-link {
	display: inline-block;
	cursor: pointer;
	height: 44px;
	margin-left: 10px;
}

#smilies {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -180px 44px;
	width: 45px;

}

#smilies:hover {
	background-position: -180px 0px;
}

#ducks {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -270px 44px;
	width: 45px;

}

#ducks:hover {
	background-position: -270px 0px;
}

#igels {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -315px 44px;
	width: 45px;

}

#igels:hover {
	background-position: -315px 0px;
}

#orcas {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -135px 44px;
	width: 45px;

}

#orcas:hover {
	background-position: -135px -0px;
}

#neuss {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -585px 44px;
	width: 45px;

	margin-right: 6px;
}

#neuss:hover {
	background-position: -585px -0px;
}

#maddogs {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: 0px 44px;
	width: 45px;

}

#maddogs:hover {
	background-position: 0px 0px;
}

#wiehl {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -460px 0px;
	width: 45px;

}

#wiehl:hover {
	background-position: -460px -91px;
}

#yetis {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -495px 44px;
	width: 45px;

}

#yetis:hover {
	background-position: -495px 0px;
}

#frogs {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -90px 44px;
	width: 45px;

}

#frogs:hover {
	background-position: -90px 0px;
}

#rheinteufel {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -540px 44px;
	width: 45px;

}

#rheinteufel:hover {
	background-position: -540px 0px;
}

#vikings {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -450px 44px;
	width: 45px;

}

#vikings:hover {
	background-position: -450px 0px;
}

#dummies {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -405px 44px;
	width: 45px;

}

#dummies:hover {
	background-position: -405px 0px;
}

#solingen {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -45px 44px;
	width: 45px;

}

#solingen:hover {
	background-position: -45px 0px;
}

#tigers {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -225px 44px;
	width: 45px;

}

#tigers:hover {
	background-position: -225px 0px;
}

#dragons {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -360px 44px;
	width: 45px;

}

#dragons:hover {
	background-position: -360px 0px;
}

#loewen {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -675px 44px;
	width: 45px;

}

#loewen:hover {
	background-position: -675px 0px;
}

#mustangs {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -630px 44px;
	width: 45px;

}

#mustangs:hover {
	background-position: -630px 0px;
}

#kek {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -726px 44px;
	width: 45px;

}

#kek:hover {
	background-position: -726px -1px;
}

#devilducks {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -771px 44px;
	width: 45px;

}

#devilducks:hover {
	background-position: -771px -1px;
}

#icebreaker {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -816px 44px;
	width: 45px;

}

#icebreaker:hover {
	background-position: -816px -1px;
}

#ehcyetis {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -861px 44px;
	width: 45px;

}

#ehcyetis:hover {
	background-position: -861px -1px;
}

#loewenwiehl {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -906px 44px;
	width: 45px;

}

#loewenwiehl:hover {
	background-position: -906px -1px;
}

#blueelks {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -951px 44px;
	width: 45px;
}

#blueelks:hover {
	background-position: -951px -1px;
}

#huelserpinguine {
	background: url("/rhl/images/RHL_Logos.png");
	background-position: -996px 44px;
	width: 45px;
}

#huelserpinguine:hover {
	background-position: -996px -1px;
}

#silberrucken {
	background: url("/rhl/images/rhl_team_logos_2.png");
	background-position: -206px 58px;
	width: 50px;
	filter: grayscale(1);
	webkit-filter: grayscale(1);
}

#silberrucken:hover {
	filter: grayscale(0);
	webkit-filter: grayscale(0);
}

#shooters {
	background: url("/rhl/images/rhl_team_logos_2.png");
	background-position: -71px 137px;
	width: 50px;
	filter: grayscale(1);
	webkit-filter: grayscale(1);
}

#shooters:hover {
	filter: grayscale(0);
	webkit-filter: grayscale(0);
}

.switch-league {
	text-align: center;
	padding: 8px;
	border: 0px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
}

#middlebox {
	position: relative;
	margin-top: 20px;
	margin: 0px auto;
}

.ui-tabs {
	padding: 0
}

.ui-tabs .ui-tabs-nav li {
	margin: 0;
}

.ui-button-text {
	background-color: #ECECEC;
	color: #8f0000;
	font-size: 15px;
	font-weight: normal;
	border: 1px solid #969696;
}

.ui-button-text:hover {
	background-color: #8f0000;
	color: #ffffff;
}

#navigation {
	vertical-align: top;
	position: relative;
	left: 0px;
	display: inline-block;
	width: 150px;
	margin-top: 30px;
}

#division {
	float: right;
	width: 100px;
	text-align: right;
	margin-top: 17px;
	color: #c3c3c3
}

/*Gt Stylesheet */
.cssmenu>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
.cssmenu>ul {
	display: block;
	position: relative;
	width: 150px;
}

/* The list elements which contain the links */
.cssmenu>ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 150px;
}

/* General link styling */
.cssmenu>ul li a {
	/* Layout */
	display: block;
	position: relative;
	margin: 0;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #d9d9d9;
	padding: 11px 20px;
	width: 185px;
	/* Typography */
	color: #505050;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;

}

/* The hover state of the menu/submenu links */
.cssmenu>ul li>a:hover,
#cssmenu>ul li:hover>a,
.cssmenu>ul li.active>a {
	background: #8f0000;
	color: white;
	border-color: transparent;
}

/* The arrow indicating a submenu */
.cssmenu>ul .has-sub>a::after {
	content: '';
	position: absolute;
	top: 16px;
	right: 10px;
	width: 0px;
	height: 0px;
	/* Creating the arrow using borders */
	border: 4px solid transparent;
	border-left: 4px solid #3dafea;
}

/* The same arrow, but with a darker color, to create the shadow effect */
.cssmenu>ul .has-sub>a::before {
	content: '';
	position: absolute;
	top: 17px;
	right: 10px;
	width: 0px;
	height: 0px;
	/* Creating the arrow using borders */
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}

/* Changing the color of the arrow on hover */
.cssmenu>ul li>a:hover::after,
#cssmenu>ul li:hover>a::after {
	border-left: 4px solid #fff;
}

.cssmenu>ul li>a:hover::before,
#cssmenu>ul li:hover>a::before {
	border-left: 4px solid rgba(0, 0, 0, .25);
}

/* THE SUBMENUS */
.cssmenu>ul ul {
	position: absolute;
	left: 150px;
	top: -9999px;
	padding-left: 5px;
	opacity: 0;
	/* The fade effect, created using an opacity transition */
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;
}

/* Showing the submenu when the user is hovering the parent link */
.cssmenu>ul li:hover>ul {
	top: 0px;
	opacity: 1;
}

#content {
	position: relative;
	background: #ffffff;
	top: 0px;
	display: inline-block;
	width: 700px;
	padding: 0 20px;
	min-height: 1060px;
	margin-left: 255px;
}

#teamnews {
	border-bottom: 1px solid #cbcbcb;
	padding: 0 20px 20 px 20px;
	margin-bottom: 25px;
}

#startnews {
	border-bottom: 1px solid #dbdbdb;
	padding: 0 20px 20px 20px;
	margin-bottom: 25px;
}

#startnews>p>img {
	max-width: 100%;
	width: 100%;
}

#table {
	position: relative;
	top: 15px;
	display: inline-box;
	position: absolute;
	left: 15px;
	width: 225px;
}

#footer {
	padding: 15px 25px;
	font-size: 11px;
	align-content: center;
}

table.chl-data-table {
	margin-bottom: 2em;
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
}

table.chl-data-table th {
	background: #8f0000;
	border: 1px solid #ffffff;
	color: #ffffff;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}

table.chl-data-table a {
	color: #000000 !important;
}

table.chl-data-table a:hover {
	color: #a50000 !important;
}

table.chl-data-table tr {
	border-bottom: 1px solid #DDD;
}

table.chl-data-table tr:hover {
	background-color: #dadada;
}

table.chl-data-table td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	background: #ffffff;
}

table.chl-data-table td.name {
	padding: 7px;
	vertical-align: middle;

}

table.chl-data-table tr.even td {}

.col_nummer {}

.col_trikot {
	width: 30px;
}

#player_infos {
	width: 300px;
}

table.chl-data-table td.col_text {
	text-align: left;
}

.inline_container {
	display: inline-block;
}

.inline_container .picture {
	max-width: 260px;
}

.player_details.label {
	min-width: 150px;
}

table.chl-data-table.player-details {
	width: 250px;
	border: 1px solid #d9d9d9;
}

.chl-data-table.player-details th {
	text-align: left;
	border-color: #d9d9d9;
}



#team_infos {
	width: 380px;
}

#team_logo img {
	margin-left: auto;
	margin-right: auto;
}

#playerform {
	min-height: 358px;
}

#playerpicture {
	right: 20px;
	height: 150px;
	text-align: center;
}

#playerpicture img {
	vertical-align: middle;
	max-width: 140px;
	min-width: 140px;
}

#manageTeam_container * input[type='text'],
textarea {
	width: 400px;
}

#manageTeam_container * textarea {
	height: 200px;
}

/* #navigation, ul { */
/* 	margin-top:0px; */
/* } */

/* #navigation ul{ */
/* 	list-style-type: none; */
/* 	padding-left: 25px; */
/* 	line-height: 2em; */
/* } */


/* #navigation .active span.highlighter{ */
/* 	margin-left:-16px; */

/* 	background-image: url("/assets/stylesheets/images/ui-icons_cc0000_256x240.png"); */
/* 	background-position: -32px 2px;	 */
/* 	min-width:16px; */
/* 	min-height:16px; */
/* 	display: inline-block;	 */
/* } */

/* #navigation .active a{ */
/* 	color: #cc0000; */
/* } */
.column.date {
	text-align: right;
}

.add_result.input {
	width: 50%;
	vertical-align: top;
	margin-top: 0px;
}

.add_result>input[type=text] {
	width: 100px;
}

td.ui-widget li {
	list-style: none
}

.ui-icon {
	margin-left: auto;
	margin-right: auto;
}

.createPlayer {
	list-style: none;
	position: relative;
}

.ui-tabs .ui-tabs-nav {
	padding: 0px !important;
	background: #ECECEC;
}

li.ui-state-active {
	background-color: darkgray;
}

.ui-state-active a.ui-tabs-anchor {
	padding-top: 6px !important;
	padding-bottom: 6px;
	color: #aa0000 !important;
}

body.login_page div.ui-dialog {
	border: 1px solid #dadada !important;
	padding: 0px;
}

#startnews .profile_line {
	height: 50px;
	margin-top: 3px;
	font-weight: bold;
	position: relative;
	font-weight: bold;
}

#startnews .profile_line img {
	border: 0px;
	float: left;
	position: absolute;
	top: 10px;
}

#startnews .team_name {
	margin-left: 10px;
	font-size: 13px;
	top: 12px;
	position: absolute;
	left: 40px;
}

#startnews .article_date {
	margin-left: 10px;
	top: 30px;
	position: absolute;
	font-size: 11px;
	color: #aaaaaa;
	left: 40px;
}

dd {
	margin-top: 5px;
	margin-left: 0px;
}

dt {
	font-weight: bolder;
	text-transform: capitalize;
}

.game_details_container .container {
	width: 610px;
}

.game_details_container h3 {
	background: #dadada;
}

.result,
.participants,
.game_details_container h3 {
	text-align: center
}

.game_details_container .participants span {
	font-size: 24px;
}

.result span {
	font-size: 32px;
	font-weight: bolder;
}

.left {
	float: left;
}

div.switch-league {
	margin-bottom: 5px;
	margin-top: 5px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.switch-league button.active {
	background-color: #8f0000;
	color: #ffffff;
}

span.active>*>.ui-button-text {
	background-color: #8f0000;
	color: #ffffff;
}

.mega-dropdown {
	position: static !important;
}

.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
	content: "";
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	position: absolute;
	top: -9px;
	left: 191px;
	z-index: 10;
}

.mega-dropdown-menu:after {
	content: "";
	border-right: 13px solid transparent;
	border-left: 12px solid transparent;
	position: absolute;
	top: -11px;
	left: 191px;
	z-index: 8;
}

.mega-dropdown-menu>li>ul {
	padding: 0;
	margin: 0;
}

.mega-dropdown-menu>li>ul>li {
	list-style: none;
}

.mega-dropdown-menu>li>ul>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #999;
	white-space: normal;
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
	text-decoration: none;
	color: #444;
	background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
	color: #8c2d31;
	font-size: 18px;
	font-weight: bold;
}

a .mega-dropdown-menu form {
	margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
	margin-bottom: 3px;
}

element.style {
	width: 150px;
}

element.style {
	width: 150px;
}

.navbar {
	border: none;
}

.navbar-right {
	margin-right: 0;
}

@media (max-width: 768px) {

	.navbar-nav {
		margin: 7.5px 15px;
	}
}

.navbar-default {
	background-color: #232323;
}

.navbar-default .navbar-nav>li>a {
	color: #eee;
}

.navbar {
	border-radius: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	color: #ffffff;
	background-color: #8c2d31;
}

.navbar-default .navbar-nav>li>a {
	color: #afafaf;
}

nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: transparent;
}

.btn-default {
	background-color: #fff;
}

.switch-league.btn {
	border: 1px solid #ccc;
}

@media (max-width: 768px) {
	#game_result_dialog {
		width: 600px;
	}
}

@media (max-width: 768px) {
	h2 {

		font-size: 17px;
		color: #ffffff;
	}

	.container {
		padding: 0px;
	}

	#season {
		width: 100%;
	}
}

@media (max-width: 600px) {
	#game_result_dialog {
		width: 100%;
	}
}

.advertising {
	text-align: center;
}


.nav.nav-tabs::before {
	display: table;
	content: " ";
}

.nav.nav-tabs::after {
	display: table;
	content: " ";
	clear: both;
}

#team-tabs {
	margin-top: 15px;
}

.Xmain,
.col-md-12.main {
	background-color: #ececec;
}

.content-col {
	background-color: #ffffff;
	margin-top: 10px;
}

.btn-group.switch-league-widget {
	width: 100%
}

.col_trikot li {
	text-align: center;
}

.nav>li>a {
	padding-left: 10px;
	padding-right: 10px;
}

.panel-heading {
	background: #8f0000 !important;
	border-color: #8f0000 !important;
	color: #ffffff !important;
	font-weight: bold;
}

.panel-primary {
	border-color: #8f0000 !important;
	color: #ffffff !important;
}

.panel-body {
	color: #000000 !important;
}

.btn-primary {
	background: #8f0000 !important;
	border-color: #8f0000 !important;
	color: #ffffff !important;
}

#team_logo img {
	width: 120px;
}

@media screen and (max-width: 556px) {
	#team_logo img {
		width: 100%;
		/* Set the logo width to 100% on small screens */
	}
}

.floating-alert-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
	max-width: 300px;
}