/* style css */

*, html { margin: 0; padding: 0; font-size: 100%; }
body { /* color: #555555; */ font-size: 0.875em; background: #eceee9; letter-spacing: .5px; font-family: "lato", "verdana", "arial", sans-serif; }
h1, h2, h3 { margin: 0; font-weight: normal; letter-spacing: .75px; text-transform: uppercase; text-align: left; }
img { height: auto; display: block; max-width: 100%; }
ul { margin: 0; }
li { list-style-type: none; }
a, span { transition: all 250ms; }
a:hover, a:focus { outline: 0; text-decoration: none; }

#main .full { float: none; width: 100%; }
#main .half { width: 50%; }
#main .half-minus { width: 49%; }
.headline { white-space: nowrap; }
.invisible { display: none; }
.clear { clear: both; }
.table { margin-bottom: 27px; }

.green { color: #3cab88; }
.gray { color: #d5d5d5; }
.red { color: #cd5465; }

/* header css */

#header { margin-bottom: 40px; border-bottom: 1px solid #212121; background: #212121 url("header.jpg") center 71px repeat-x; box-shadow: 0 0 5px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.5); }
#header h1 { right: 10px; bottom: 10px; z-index: 777; max-width: 95.5%; position: absolute; padding: 10px; color: #d0d1d2; font-size: 1.5em; text-align: right; background: url("headline.png") left top repeat; }
#header nav { margin: auto; max-width: 960px; position: relative; }
#header nav > a { top: 10px; left: 10px; z-index: 999; position: absolute; width: 13.0208333333% }
#header nav > img { clear: both; }
#header nav > ul { float: right; height: 71px; }
#header nav > ul > li { float: left; position: relative; }
#header nav > ul > li.last { display: none; }
#header nav > ul > li > span, #header nav > ul > li > a { color: #d0d1d2; display: block; cursor: pointer; font-weight: bold; text-transform: uppercase; padding: 28px 10px 23px 30px; }
#header nav > ul > li > span.trail, #header nav > ul > li > span.active, #header nav > ul > li > a.trail { color: #cd5465; }
#header nav > ul > li > span:hover, #header nav > ul > li > a:hover { color: #3cab88; }
#header nav > ul > li > ul { top: 71px; right: 10px; display: none; z-index: 888; position: absolute; }
#header nav > ul > li > ul > li > span, #header nav > ul > li > ul > li > a { width: 200px; color: #3b3b3b; display: block; padding: 10px 18px 10px 0; background: #c7c7c7; text-align: right; text-transform: uppercase; border-bottom: 1px solid #929292; }
#header nav > ul > li > ul > li > span.active, #header nav > ul > li > ul > li > a.active { background: #d5d5d5; }
#header nav > ul > li > ul > li > a:hover { background: #d5d5d5; }
#header nav > ul > li > ul > li:last-child > a, #header nav > ul > li > ul > li:last-child > span { border-bottom: none; }
#header .glyphicon-menu-hamburger { display: none; top: 15px; right: 10px; position: absolute; color: #d0d1d2; font-size: 3em; cursor: pointer; }
#header .glyphicon-menu-hamburger:hover { color: #3cab88; }
#header .navi-lang {float: left; }
#header .navi-lang,
#header .navi-lang a { color: #ffffff; }
#header .navi-lang a:hover { color: #3cab88; }
#header .navi-lang a.active { color: #cd5465; }
#header .navi-lang { margin-left: 17%; padding-top: 11px; }

/* content container */

#container { margin: auto; max-width: 960px; padding: 0 10px; }
#container a { color: #237056; }
#container a:hover { color: #cd5465; }
#container .news-content a { text-decoration: underline; }
#container h2, #container h3 { font-size: 1.250em; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; }
#container h2 img, #container h3 img { float: left; margin: 5px 10px 0 0; }
#container p { margin: 0; }

#container .ce_text, #container .ce_downloads { padding-bottom: 30px; }
#container .warning { color: #a94442; }
#container .image_container.float_left { float: left; width: 50.7692307692%; margin: 6px 20px 5px 0; }

#container .form-control { margin-bottom: 10px; }
#container .form-group .label { color: #a94442; }
#container .form-group .submit { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
#container .form-group .href { color: #333333; background-color: #ffffff; border-color: #cccccc; }
#container .form-control.descr { width: 35%; }
#container .form-control.day { width: 9%; margin-left: 1%; }
#container .form-control.month { width: 9%; margin-left: 1%; }
#container .form-control.year { width: 24%; margin-left: 1%; }
#container .form-control.hour { width: 9%; margin-left: 1%; }
#container .form-control.minute { width: 9%; margin-left: 1%; }

#container .contact-info { position: absolute; top: -999px; left: 0; }

#sign-up a,
#contact a { display: block; }
#sign-up .form-group .widget:nth-of-type(7) label,
#contact .form-group .widget:nth-of-type(5) label { float: left; width: 35%; display: block; padding: 7px 0 0 3px; }
#sign-up .form-group .widget:nth-of-type(7) input,
#contact .form-group .widget:nth-of-type(5) input { float: right; width: 65%; margin-bottom: 5px; }
#sign-up .form-group .widget:nth-of-type(7) p,
#contact .form-group .widget:nth-of-type(5) p { clear: both; }
#sign-up .form-group .widget:nth-of-type(8),
#contact .form-group .widget:nth-of-type(6) { clear: both; }

#container .news > a { display: block; }
#container .news img { float: left; margin: 6px 5px 0 0; }
#container .news-container { margin-bottom: 35px; padding: 10px; background-color: #f9f9f9; }
#container .news-header { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dddddd; }
#container .news-header > div:nth-of-type(1) { float: left; padding-right: 25px; }
#container .news-header > div:nth-of-type(2) { float: left; }
#container .news-header > div:nth-of-type(3) { float: right; padding: 5px 0 0 0; }

#container .table tr > td,
#container .table tr > th { text-align: left; white-space: normal; }
#container .table tr > td.text-right,
#container .table tr > th.text-right { text-align: right; }
#container .table tr > td.text-center,
#container .table tr > th.text-center { text-align: center; }
#container .table img { float: left; margin: 6px 5px 0 0; }
#container .table a { display: block; }

#container div.copy-to-clipboard { position: relative; }
#container span.copy-to-clipboard { top: 10px; right: 25px; position: absolute; font-size: 32px; cursor: pointer; }
#container span.copy-to-clipboard:hover { color: #3cab88; }

#cookieBanner { display: none; left: 0; bottom: 0; position: fixed; width: 100%; padding: 15px; text-align: center; background-color: #eceee9; border-top: 1px solid #dddddd; }
#acceptCookie { margin-left: 25px; padding: 8px 10px; color: #ffffff; border-radius: 3px; background-color: #3cab88; border: none; }
#acceptCookie:hover { background-color: #cd5465; }

#insert-link { width: 20%;  }
#insert-link .glyphicon { margin-right: 5px; }

#main { float: left; width: 100%; padding-bottom: 20px; text-align: justify; }
#left { float: left; width: 67.70833%; /* 650px */ padding-bottom: 20px; text-align: justify; }
#right { float: right; width: 29.16666%; /* 280px */ padding-bottom: 20px; text-align: left; }
#right > div { margin-bottom: 35px; }

/* event css */

.table .hyphens { hyphens: auto; }

.index .table .col-01,
.event .table .col-01 { width: 12%; }
.index .table .col-02,
.event .table .col-02 { width: 45%; }
.index .table .col-03,
.event .table .col-03 { width: 25%; }
.index .table .col-04,
.event .table .col-04 { width: 10%; }
.index .table .col-05,
.event .table .col-05 { width: 4%; }
.index .table .col-06,
.event .table .col-06 { width: 4%; }

.detail #right { text-align: center; }
.detail #container .table a { display: inline; }
.detail #right .glyphicon { margin-bottom: 15px; font-size: 55px; display: block; }
.detail #right .glyphicon-download-alt { margin-right: 6px; }
.detail .table-teams td:nth-of-type(1) { width: 5%; }
.detail .table-teams td:nth-of-type(2) { width: 50%; }
.detail .table-teams td:nth-of-type(3) { width: 45%; }
.detail .alert.alert-info { margin-bottom: 6px; }
.detail .no-info { padding-bottom: 30px; }

/* table css */

.JDNa9Un6h85J9NYLwgzrq8ZF,
.A1QVFT8y6sZKvtJE8E1ZNcZ5,
.VCP0TjE0YseQ6Jmyqc89FWGh,
.Ln0Rn7B23eDpLzUY4DLDQcFy,
.MPNJX3X5eQpwRck4BgM7tQey,
.NXp2MXWWtybdcq6DaA7BKeG8,
.EQ9zdTsiYweZZeUwMHP308QY,
.F75HFeHB6wYngvvhrdMHUb6j,
.NaJxRojrJdBHjHyMaGNN67LL,
.Zw8pZXaL4VKL7XAW4v97GtAn,

.NEhokgXMY2yGhyJvTNW5DW04,
.GWh72L8ga2PerP0NQEHd7yo0,
.CK6fK1kzv8Y0qiHf9NF21UzC,
.AoVy0bEdMtPt3Ltn7sTo6Z7B,
.H8tH4M0Cb5HvM3ugqrs2tNNy,
.Ls2nZZ2MBTjXd9JymWvZp2jM,
.XdUEXWE8iBPeq7Evr9F6d1mk,
.YfcJdqYwRVnY80LgLgqqVmom,
.M1BzkP5J0ehTLCHg8BdvGTEM,
.AbU04PBYqqKerCCkMuTkf2KU { display: none; }

/* flexible css */

.privacy p { padding-bottom: 30px; }
.insert-result .table { margin-bottom: 10px; }
.insert-result .table th:nth-of-type(6),
.insert-result .table td:nth-of-type(6) { display: none; }
.insert-result #container .form-control,
.regions #container .form-control { margin: 0; }
.edit-tournament #container img,
.add-tournament #container img { float: left; margin: 6px 5px 0 0; }
.edit-tournament .city,
.add-tournament .city { padding-bottom: 10px; }
.user-admin-col-01 { width: 19%; }
.user-admin-col-02 { width: 59%; }
.user-admin-col-03 { width: 20%; }
div.user-admin-col-02 { margin: 0 1%; }

/* footer css */

#footer { clear: both; background: #2c2c2c; box-shadow: 0 0 5px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.75); }
#footer nav > div { background: #242424; }
#footer nav > div, #footer nav > div a { color: #c5c5c5; }
#footer nav > div a:hover { color: #3cab88; }
#footer nav > div > p { margin: auto; padding: 10px; max-width: 960px; font-size: 0.813em; }
#footer nav > ul { margin: auto; max-width: 960px; padding: 40px 10px 0; }
#footer nav > ul > li { width: 25%; float: left; }
#footer nav > ul > li.first { display: none; }
#footer nav > ul > li > a, #footer nav > ul > li > span { color: #4f4f4f; display: block; font-weight: bold; padding-bottom: 20px; text-transform: uppercase; }
#footer nav > ul > li > a:hover { color: #3cab88; }
#footer nav > ul > li > ul > li > a, #footer nav > ul > li > ul > li > span { color: #c5c5c5; display: block; padding-bottom: 10px; }
#footer nav > ul > li > ul > li > a:hover, #footer nav > ul > li > ul > li > a.active, #footer nav > ul > li > ul > li > span.active { color: #cd5465; }
#footer nav > ul > li > ul > li:last-child > a, #footer nav > ul > li > ul > li:last-child > span { padding-bottom: 40px; }

/* language flags */

.ln { margin-bottom: 5px; width: 16px; height: 11px; background: url("flags.png") right bottom no-repeat; }
.ln0 { background-position: -180px -195px; } /* worldwide */
.ln1 { background-position: -126px -39px; } /* deutschland */
.ln2 { background-position: -216px 0; } /* australia */
.ln3 { background-position: -108px -78px; } /* ireland */
.ln4 { background-position: 0 -39px; } /* costa-rica */
.ln5 { background-position: -54px -52px; } /* espana */
.ln6 { background-position: -162px -39px; } /* danmark */
.ln7 { background-position: -72px -130px; } /* nederland */
.ln8 { background-position: -198px 0; } /* oesterreich */
.ln9 { background-position: -90px -156px; } /* sverige */
.ln10 { background-position: -234px -39px; } /* colombia */
.ln11 { background-position: -54px -13px; } /* belgien */
.ln12 { background-position: -216px -52px; } /* france */
.ln13 { background-position: -126px -182px; } /* united-states-of-america */
.ln14 { background-position: -162px 0; } /* argentina */
.ln15 { background-position: -90px -104px; } /* latvija */
.ln16 { background-position: -216px -143px; } /* romania */
.ln17 { background-position: -54px -26px; } /* canada */
.ln18 { background-position: -144px -182px; } /* uruguay */
.ln19 { background-position: -54px -104px; } /* lietuva */
.ln20 { background-position: -108px -39px; } /* ceska-republika */
.ln21 { background-position: -252px -52px; } /* united-kingdom */
.ln22 { background-position: -162px -130px; } /* new-zealand */
.ln23 { background-position: -162px -26px; } /* schweiz */
.ln24 { background-position: -252px -143px; } /* rossijskaja-federazija */
.league { background-position: -162px -195px; } /* league logo */
.all { background-position: -180px -195px; } /* clean flag */

/* google maps */

#map { width: 100%; height: 275px; margin-bottom: 26px; border-radius: 4px; border: 1px solid #dddddd; }
#map .infowindow > h2 { margin-bottom: 0; }
#map .infowindow > p { padding-top: 5px; }
#map.index { height: 600px; }

/* loading spinner */

.spinning-container { position: relative; width: 100%; height: 34px;}
.spinning-container div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -42%); display: none; }
.glyphicon.spinning {  font-size: 1.5em; animation: spin 2s infinite linear; -webkit-animation: spin2 2s infinite linear; }

@keyframes spin {
	from { transform: scale(1) rotate(0deg); }
	to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

/* css media queries */

@media all and (max-width: 786px) {

	#main { width: 100%; }
	#left { width: 100%; }
	#right { display: none; }

	.detail #right { display: block; width: 100%; }
	.detail #right .glyphicon { margin: 0 10px; display: inline; }

	.sign-in #left.half-minus { width: 100%; }
	.sign-in #right { display: block; width: 100%; }

	.user-sign-in #left.half-minus { width: 100%; }
	.user-sign-in #right { display: block; width: 100%; }

	.countries a { width: 10% !important; }

	.showimage { height: 50px !important; }

}

@media all and (max-width: 650px) {

	body { font-size: 0.750em; }

	#header nav > ul { width: 100%; }
	#header nav > ul > li { display: none; float: none; z-index: 888; background: #212121; }
	#header nav > ul > li.first { margin-top: 71px; }
	#header nav > ul > li > span, #header nav > ul > li > a { padding: 20px 0 20px 20%; }
	#header nav > ul > li > ul { position: static; }
	#header nav > ul > li > ul > li > span, #header nav > ul > li > ul > li > a { width: 100%; padding-left: 20%; }
	#header nav > ul > li > ul > li:last-child > a, #header nav > ul > li > ul > li:last-child > span { border-bottom: 1px solid #929292; }
	#header nav > ul > li > ul > li > span, #header nav > ul > li > ul > li > a { text-align: left; }

	#header .glyphicon-menu-hamburger { display: block; }

	#footer nav > ul > li { display: none; }
	#footer nav > ul > li:nth-of-type(5) { display: block; width: 100%; }
	#footer nav > ul > li:nth-of-type(5) > a { display: none; }
	#footer nav > ul > li:nth-of-type(5) li { float: left; margin-right: 25px; }

	#event .left, #event .right { width: 100%; float: none; }
	#insert-link { width: 100%;  }

	.countries a { width: 20% !important; }

}