/*Basics */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    padding-top: 0;
    padding-bottom: 300px;
    margin-bottom: 250px;
    font-family: 'ITC Stone Sans W01', sans-serif;
    font-size: 15px;
    color: #3E3D40;
    background-color: #ffffff;
    background-image: url('/img/st/st_background.png'), url('/img/st/st_background-rep.png');
    background-repeat: no-repeat, repeat-y;
    background-position: 50% -10px, 50% 1300px;
    background-size: 2559px auto, 2559px 90000px;
}

body.iframe {
    background: none !important;
}

body.iframe .container {
    padding: 0;
}

body.iframe .panel-tm {
    border-radius: 0;
}

body.iframe .panel-tm .panel-heading {
    border-radius: 0;
    padding: 4px 15px
}

.container-tm {
    margin-top: 40px;
}

.container-tm.container-tm-home {
    margin-top: 0;
}

/*
darkgray: #3E3D40 (header-logo)
gray: #535353 (fonts)
lightgray: #B1B2B4 (home-search)

green: #00A096
orange: #E85612
*/

h1, h2, h3, h4, h5, h6 {
}

h1 {
    margin-bottom: 30px;
}

h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

h3 {
    font-size: 18px
}

.img-center {
    margin: 0 auto;
}

a {
    color: #00A096;
}

a:hover {
    color: #00867c;
}

.panel-news a {
    color: #333;
    text-decoration: underline
}

.panel-news a:hover {
    color: #333;
}

/* Header footer */
.header {
    position: relative;
    top: 0;
    width: 100%;
}

.header .header-line1 {
    width: 100%;
    height: 56px;
    background-color: #3E3D40
}

.header .header-line2 {
    width: 100%;
    height: 5px;
    background-color: #00A096
}

.header .header-line3 {
    width: 100%;
    height: 15px;
    background-color: #3E3D40
}

.header .header-showMore {
    width: 100%;
    height: 0;
    background-color: #00A096;
    color: #ffffff;
    overflow: hidden
}

.header .header-showMore .header-close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
    z-index: 9999;
}

.header .header-showMore .header-close a {
    color: #ffffff;
    font-size: 24px;
}

.header-logo img {
    height: 124px;
    margin: 20px 0 5px 4px;
}

.header-links {
    text-align: right;
    padding-top: 20px;
}

.header-links a {
    color: #3E3D40;
    font-size: 18px;
    padding-left: 5px;
}

.header-links a.main-nav:hover {
    text-decoration: none;
}

.header-links a.main-nav:before {
    content: "|";
    font-size: 22px;
    padding: 0 10px 0 0;
    vertical-align: bottom;
}

.header-links a.main-nav:first-child:before {
    content: "";
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 250px;
    background-color: #24232b;
}

.footer p {
    color: #fff
}

.header-be {
    background: #ffffff;
}

.content-be {
    background: #ffffff;
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-text {
    color: #ffffff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 15px;
    margin: 2px 0
}

.footer-link {
    color: #ffffff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 15px;
}

.footer-link:hover {
    color: #ffffff;
}

.footer-header {
    margin: 50px 0 20px 0
}

.footer-link {
    margin: 20px 0 20px 0
}

.footer-logo-img {
    margin-top: 50px;
}

.footer-social-img {
    margin-top: 50px;
    margin-right: 20px;
}

.intersportContainer {
    background: #ffffff;
    width: 190px;
    margin-top: 20px;
    padding-bottom: 5px;
    padding-top: 1px;
}

.intersportContainer p {
    font-size: 9px;
    color: #333;
    margin: 2px 0 3px 3px;
    font-family: 'Open Sans', Arial, sans-serif;
}

/* Navigation */
#navbar-tm {
    border-width: 0;
    color: #fff;
    min-height: 36px;
    height: 36px;
}

#navbar-tm .navbar-nav > .active > a, #navbar-tm .navbar-nav > .active > a:hover, #navbar-tm .navbar-nav > .active > a:focus {
    background-color: #00A096;
    color: #fff;
}

#navbar-tm .navbar-nav > li > a:hover {
    background-color: #00A096;
    color: #fff;
}

#navbar-tm .navbar-nav > li > a {
    color: #3E3D40;
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px;
}

#navbar-tm .navbar-nav {
    float: right
}

#nav-home a {
    padding: 6px 5px 5px 5px;
}

.navbar-tm-be {
    border-radius: 0;
    margin-bottom: 0
}

#nav-logout a {
    padding: 16px 11px 11px
}

.register-step {
    margin-bottom: 30px;
}

th {
    background: #333;
    color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
}

th a {
    color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
}

td {
    border-color: #aaa !important;
}

.inner-padding-20 {
    padding: 20px;
}

/*
*
* Pagelayout
*******************************************************************************************************************/
h1.tm-header {
    font-size: 40px;
    text-align: center;
    margin-top: 22px;
    margin-bottom: 22px;
}

.row.margin20 {
    margin-top: 20px;
}

.row.margin50 {
    margin-top: 50px;
}

.btn-tm {
    border-radius: 4px;
    border: none;
    color: white;
    background: #E85612;
    font-size: 14px;
}

.btn-tm:hover {
    border-radius: 4px;
    border: none;
    color: white;
    background: #00A096;
    font-size: 14px;
}

.btn-tmi {
    border-radius: 4px;
    border: none;
    color: white;
    background: #00A096;
    font-size: 14px;
}

.btn-tmi:hover {
    border-radius: 4px;
    border: none;
    color: white;
    background: #E85612;
    font-size: 14px;
}

.btn-primary {
    color: white;
    background: #00A096;
}

.btn-primary:hover, .btn-primary:focus {
    color: white;
    background: #008b81;
}

.btn-outline {
    background: none;
    border-color: #777777;
}

.btn-outline:hover, .btn-outline:focus {
    color: white;
    border-color: #00A096;
    background: #00A096;
}

.btn-xs.btn-margin-left {
    margin-left: 4px;
}

.btn-disabled {
    background-color: #fff;
    border-color: #ccc;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.promoBox {
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.14);
    background-color: #F03A47;
    color: #ffffff;
    padding: 10px;
    margin: 15px 0;
}

.promoBox h3 {
    margin: 5px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
}

/*
*
* Panels
*******************************************************************************************************************/
.panel-tm {
    background: none;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.14);
    border-radius: 15px 15px 0 0;
    /*overflow:hidden;*/
}

.panel-tm .panel-heading {
    border-radius: 15px 15px 0 0;
    background-color: #00A096;
    color: white;
    font-size: 18px;
    border: none;
    padding: 6px 10px;
    overflow: hidden;
    white-space: nowrap;
}

.panel-tm .panel-heading.hightlight {
    background-color: #E85612;
}

.panel-tm.center {
    text-align: center;
}

.panel-tm .panel-heading.center {
    text-align: center;
}

.panel-tm-finden .panel-body {
    padding-top: 25px;
}

.panel-tm .panel-body {
    border: none;
    background-color: #ffffff;
}

.panel-tm .panel-footer {
    border: none;
    background-color: #ffffff;
}

.panel-tm .panel-footer .line {
    background-image: url('/img/st/line.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 662px auto;
    position: relative;
    height: 52px;
    width: 100%;
}

.panel-tm .panel-footer .footer-image {
    position: absolute;
    background-image: url('/img/st/ball.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    height: 52px;
    width: 100%;
}

.panel-tm .panel-footer .image-ball {
    background-image: url('/img/st/ball.png');
}

.panel-tm .panel-footer .image-whistle {
    background-image: url('/img/st/whistle.png');
}

.panel-tm .panel-footer .image-team {
    background-image: url('/img/st/team.png');
}

/*
*
* Home
*******************************************************************************************************************/

.home-search-container {
    background: #B1B2B4;
    border-radius: 6px;
    width: 100%;
    padding: 7px;
    clear: both;
}

.home-search-container .home-search {
    padding: 10px;
    background: #ffffff;
    border: none;
    border-radius: 6px;
    width: 78%;
    height: 60px;
    font-size: 26px;
    float: left;
}

.home-search-container .home-search-submit {
    border-radius: 6px;
    border: none;
    color: white;
    width: 20%;
    height: 60px;
    background: #E85612;
    background-image: url('/img/st/whistle_tr_pad.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: right;
}

.home-search-container .home-search-submit:hover {
    background-color: #00A096;
}

.home-search-container input::-webkit-input-placeholder {
    color: #b1b2b4;
}

.home-search-container input:-moz-placeholder { /* Firefox 18- */
    color: #b1b2b4;
}

.home-search-container input::-moz-placeholder { /* Firefox 19+ */
    color: #b1b2b4;
}

.home-search-container input:-ms-input-placeholder {
    color: #b1b2b4;
}

.home-more-container {
    text-align: center;
    padding: 30px 0 0 0;
}

.btn-showmore {
    background: none;
    font-weight: bold;
    border-color: #777;
}

/*
*
* FINDEN
*******************************************************************************************************************/
.finden-search-wrapper h4 {
    font-weight: bold;
    font-size: 20px;
}

.finden-search-container {
    background: #B1B2B4;
    border-radius: 6px;
    width: 100%;
    padding: 7px;
    clear: both;
}

.finden-search-container h4 {
    font-weight: bold;
    color: #ffffff
}

.finden-search-container .finden-search {
    padding: 10px;
    background: #ffffff;
    border: none;
    border-radius: 6px;
    width: 78%;
    height: 60px;
    font-size: 26px;
    float: left;
}

.finden-search-container .finden-search-submit {
    border-radius: 6px;
    border: none;
    color: white;
    width: 20%;
    height: 60px;
    background: #E85612;
    background-image: url('/img/st/whistle_tr_pad.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: right;
}

.finden-search-container .finden-search-submit:hover {
    background-color: #00A096;
}

.finden-search-container input::-webkit-input-placeholder {
    font-size: 16px;
    color: #b1b2b4;
}

.finden-search-container input:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: #b1b2b4;
}

.finden-search-container input::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    color: #b1b2b4;
}

.finden-search-container input:-ms-input-placeholder {
    font-size: 16px;
    color: #b1b2b4;
}

.finden-item-container {
    clear: both;
}

.finden-item-container .item-icon {
    float: left;
    width: 12%;
    padding: 5px 5px 5px 0
}

.finden-item-container .item-icon img {
    width: 100%;
    max-width: 30px
}

.finden-item-container .item-content {
    float: left;
    width: 88%;
    padding: 8px 0 16px 5px;
    font-size: 14px;
}

.finden-item-container .item-content.twoline {
    padding: 0 0 5px 5px;
}

.finden-item-container .item-content a {
    color: #3E3D40
}

.event-item .panel-body {
    min-height: 180px
}

#increaseRadiusHtml {
    font-size: 20px;
}

.formatOverlay {
    position: absolute;
    right: 10px;
    top: 55px;
}

.formatOverlay img {
    width: 30px;
}

/* responsive media queries */

/* Tablet */
@media (max-width: 992px) {
    .event-item .panel-body {
        min-height: 220px
    }
}

@media (max-width: 768px) {
    .event-item {
        position: static ! important;
        -webkit-transform: translate(0px, 0px) ! important;
        -moz-transform: translate(0px, 0px) ! important;
        transform: translate(0px, 0px) ! important;
    }
}

/*
*
* DETAIL
*******************************************************************************************************************/
.panel-detail .panel-body {
}

.detail-item-container {
    clear: both;
    font-size: 14px;
}

.detail-item-container .item-label {
    float: left;
    width: 22%;
    padding: 5px 5px 5px 0
}

.detail-item-container .item-content {
    float: left;
    width: 78%;
    padding: 5px;
    font-size: 14px;
}

.detail-item-container .item-content a {
    color: #3E3D40
}

#tm-login {
    background: #B1B2B4;
    border-radius: 6px;
    padding: 10px;
    margin-top: 10px;
    display: none;

}

#tm-login .form-control {
    border-radius: 4px;
    box-shadow: none;
    border: none;
    background: #ffffff;
    font-size: 14px;
    padding: 5px 10px;
    color: #fff;
    height: 30px;
}

#tm-login .has-error .form-control {
    background: #FDEFE9;
}

#tm-login div.has-error {
    font-size: 12px;
    color: #E85612;
    padding-right: 5px;
}

#tm-login p {
    margin: 0
}

#tm-login p a {
    font-size: 12px;
    color: #fff;
    padding-right: 5px;
}

#tm-login p a:hover {
    color: #fff;
}

#tm-login ::-webkit-input-placeholder {
    color: #b1b2b4;
}

#tm-login :-moz-placeholder {
    color: #b1b2b4;
}

/* Firefox 18- */
#tm-login ::-moz-placeholder {
    color: #b1b2b4;
}

/* Firefox 19+ */
#tm-login :-ms-input-placeholder {
    color: #b1b2b4;
}

/* SERVICE
===============================================================================================================================*/
.worldimgContainer {
    padding-top: 10px;
}

.worldimg {
    float: left;
    height: 30px;
    padding-right: 20px;
}

.worldimg {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
    filter: url('/img/gray.svg#grayscale');
    filter: gray;
}

.worldimg:hover, .worldimg.active {
    -webkit-filter: none;
    filter: none;
}

/* BE-Menu
=========================================================*/
#menuWrap ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    float: right;
    padding-top: 20px;
}

#menuWrap li {
    padding: 0;
    margin: 0;
    border-left: 1px dotted #E5E5E5;
}

#menuWrap li a {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    text-align: center;
    color: #5E5E5E;
    line-height: 1;
    text-decoration: none;
    font-size: 16px;
    margin: 0 8px 5px;
    padding: 5px 0;
}

#menuWrap li a:hover {
    color: #000000;
}

#menuWrap ul ul, #menuWrap ul ul ul {
    display: none;
    position: absolute;
    z-index: 999;
    background: none repeat scroll 0 0 #F1F1F1;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    padding: 20px;
    margin: 0;
    border: 1px solid #ccc;
}

#menuWrap li li, #menuWrap li li li {
    border: none;
}

#menuWrap li li a, #menuWrap li li li a {
    margin: 0 8px 4px;
    padding: 8px 0;
    color: #5E5E5E;
    text-align: left;
    height: auto;
    line-height: 1;
    width: auto;
    border: none;
}

#menuWrap li li a:hover {
    color: #000000;
    border-width: 0;
}

#menuWrap a {
    background: none !important
}

#menuWrap ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

* html li li {
    display: inline;
}

/* IE6 Bugfix... */

/* Responsive Menu */
#menuWrap .responsiveMenu ul.navigation {
    display: none;
}

#menuWrap .responsiveMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    float: right;
    width: 100%
}

#menuWrap .responsiveMenu li {
    padding: 0;
    margin: 0;
    border: 1px dotted #E5E5E5;
    border-width: 0 0 1px 0;
    float: none
}

#menuWrap .responsiveMenu li:last-child {
    border-width: 0;
}

#menuWrap .responsiveMenu li a:hover {
    color: #000000;
    border: 0 dotted #E5E5E5;
}

#menuWrap .responsiveMenu li a {
    font-size: 21px;
    line-height: 31.5px;
    height: auto
}

/* Pagination */
.pagination li a {
    color: #333333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
}

.pagination_info {
    float: left;
    padding-top: 5px;
}

.pagination.recordsPerPage {
    float: left;
}

.pagination.recordsPerPage li {
    margin: 0 0 0 20px;
    float: left;
}

/* This rule makes toplevel menu items clickable links and also displays dropdown menus on hover - WHOA! */
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
    margin: 0;
}

a.menu:after, .dropdown-toggle:after {
    content: none;
}

nav > ul > li > ul {
    display: none
}

nav > ul > li:hover ul {
    display: block
}

nav > ul > li > ul > li > ul {
    display: none
}

nav > ul > li > ul > li:hover ul {
    display: block
}

/* 2nd Level Dropdown for Bootstrap */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block !important;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-ek {
    margin-bottom: 10px;
}

.navbar-ek-fe {
    padding-top: 65px;
}

@media (min-width: 768px) {
    #menuWrap .navbar-ek-fe li a {
        margin: 0 5px 5px
    }
}

@media (min-width: 992px) {
    #menuWrap .navbar-ek-fe li a {
        margin: 0 8px 5px;
    }
}

@media (max-width: 767px) {
    .navbar-ek-fe {
        padding-top: 0;
    }

    #menuWrap {
        float: left;
        text-align: left;
    }

    .headerRight {
        height: auto;
        text-align: left;
    }

    .navbar-ek-fe .nav > li {
        float: left;
    }

    #navbar-tm .navbar-nav {
        float: none;
        margin-left: 3px;
    }

    #navbar-tm {
        height: auto
    }
}

@media (max-width: 440px) {
    .navbar-ek-fe .nav > li {
        float: none;
        display: block;
        position: relative
    }

    #menuWrap {
        float: none;
        text-align: center
    }

    #menuWrap ul {
        padding-top: 0;
        float: none;
    }

    #menuWrap li {
        border-left: 0 solid white;
    }

    .navbar {
        margin-bottom: 5px;
    }

    .hidden-xxs {
        display: none !important;
    }

    #navbar-tm .navbar-nav {
        float: none;
        margin-left: 3px;
    }

    #navbar-tm {
        height: auto
    }
}

/*
* Backend - EditRegistration
********************************************************/

.table-registration td {
    font-size: 12px;
}

.table-registration tr.group-header td {
    background-color: #eeeeee;
    border: 1px solid #cccccc !important;
}

.table-registration tr.subGroup-header td {
    background-color: #cccccc;
    border: 1px solid #aaaaaa !important;
    font-weight: bold;
    padding: 2px 10px
}

.editContent {
    display: none
}

.payedBox {
    font-size: 12px;
    padding: 2px;
    background-color: #94B654;
    color: #ffffff;
    width: 60px;
    text-align: center;
    display: inline-block
}

.nPayedBox {
    font-size: 12px;
    padding: 2px;
    background-color: #C98F92;
    color: #ffffff;
    width: 60px;
    text-align: center;
    display: inline-block
}

.td-divider {
    height: 60px
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    outline: 0
}

/* Website-Menu
=========================================================*/
.sortable li.placeholder {
    outline: 1px dashed #4183C4;
    width: 140px;
    margin-left: 20px;
}

.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}

#menuContainer {
    margin-bottom: 20px;
}

ol.sortable, ol.sortable ol {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
}

ol.sortable {
    margin: 10px 0 0 11px
}

.sortable li {
    margin: 5px 0 0 0;
    padding: 0;
}

.sortable li div span.infoBlock {
    width: 15px;
    padding: 3px 0;
    display: inline-block;
    text-align: center;
}

.sortable li div a.navtitle {
    padding: 3px 3px;
    display: inline-block;
    background-color: #eeeeee;
    color: #444444
}

.sortable li div a.navtitle:hover {
    background-color: #dddddd;
}

.sortable li div span.menu-info {
    background-color: #699FB6;
    color: #ffffff;
}

.sortable li div span.menu-contest {
    background-color: #C98F92;
    color: #ffffff;
}

.sortable li div span.menu-placeholder {
    background-color: #cccccc;
    color: #777777;
}

.sortable li div span.menu-link {
    background-color: #94B654;
    color: #ffffff;
}

.sortable li div span.menu-indiaca1 {
    background-color: #94B654;
    color: #ffffff;
}

.sortable li div span.menu-start {
    background-color: #F6AF39;
    color: #ffffff;
}

.sortable li.mjs-nestedSortable-branch div {
}

.sortable li.mjs-nestedSortable-leaf div {
}

li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
}

.disclose {
    cursor: pointer;
    width: 20px;
    display: inline-block;
    padding: 3px 0;
    font-weight: bold;
}

.sortable li.mjs-nestedSortable-collapsed > ol {
    display: none;
}

.sortable li.mjs-nestedSortable-branch > div > .disclose {
    display: inline-block;
}

.sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
    content: "icon";
    text-indent: -999em;
    display: block;
    background: url(/img/icons-g/glyphicons_halflings_080_plus-sign.png) 0 4px no-repeat;
    margin: 0;
}

.sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
    content: "icon";
    text-indent: -999em;
    display: block;
    background: url(/img/icons-g/glyphicons_halflings_081_minus-sign.png) 0 4px no-repeat;
    margin: 0;
}

.imageCrop img {
    max-width: none !important;
}

.imageCrop .cropMain {
    width: 230px;
    height: 230px;
}

.imageCrop .cropMain.tm11 {
    width: 460px; /* + 80px auf End-Format (1140/380 (/3)) */
    height: 138px; /* + 80px auf End-Format (175/58) (/3)*/
}

.imageCrop .cropMain.tm12 {
    width: 524px; /* + 80px auf End-Format (555/444) (*0,8) */
    height: 242px; /* + 80px auf End-Format (202/162) (*0,8) */
}

.imageCrop .cropMain.tm13 {
    width: 440px; /* + 80px auf End-Format (360/360) */
    height: 282px; /* + 80px auf End-Format (202/202) */
}

.imageCrop .cropMain.tm23 {
    width: 455px; /* + 80px auf End-Format (750/375) (/2) */
    height: 181px; /* + 80px auf End-Format (202/101) (/2)*/
}

.imageCrop .cropMain.news {
    width: 440px; /* + 80px auf End-Format (360/360) */
    height: 282px; /* + 80px auf End-Format (202/202) */
}

/* Alert Boxes ******************************************************/

.alert {
    margin-bottom: 19px;
    position: relative;
}

.alert p {
    margin: 0
}

.error {
    padding: 12px 20px 12px 55px;
    background-color: #FFF1F2;
    background-image: url("../img/icons/error.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    color: #C98F92;
}

.success {
    padding: 12px 20px 12px 55px;
    background-color: #F4FFDF;
    background-image: url("../img/icons/success.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    color: #94B654;
}

.info {
    padding: 12px 20px 12px 55px;
    background-color: #E4F7FF;
    background-image: url("../img/icons/info.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    color: #699FB6;
}

.notice {
    padding: 12px 20px 12px 55px;
    background-color: #FDF7D5;
    background-image: url("../img/icons/notice.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    color: #C49A51;
}

.close {
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 18px;
}

.error .close {
    background: url("../img/icons/error-close.png") no-repeat scroll 0 0 transparent;
}

.success .close {
    background: url("../img/icons/success-close.png") no-repeat scroll 0 0 transparent;
}

.info .close {
    background: url("../img/icons/info-close.png") no-repeat scroll 0 0 transparent;
}

.notice .close {
    background: url("../img/icons/notice-close.png") no-repeat scroll 0 0 transparent;
}

/* Controller Club ******************************************************/
.foreignWarning {
    background-color: #FF3D43;
    color: #ffffff;
    padding: 5px 0;
    margin-top: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}

.waitUserWarning {
    background-color: #FF3D43;
    color: #ffffff;
    padding: 5px 0;
    margin-top: 5px;
    margin-bottom: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
}

.clubHeaderSelect {
    float: right;
    font-size: 13px;
    line-height: 20px;
    margin-top: 20px;
}

.clubHeaderSelect form {
    margin-bottom: 0
}

.teamName1 {
    display: inline-block;
    margin-top: 4px;
    vertical-align: top;
}

.teamName2 {
    display: inline-block;
}

.teamName2 select {
    float: left;
    min-width: 160px;
    width: 160px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
}

.teamName3 {
    display: inline-block;
}

.teamName3 input[type="text"] {
    float: left;
    min-width: 30px;
    width: 30px;
    margin-top: 0;
}

.teamContactBox {
    margin: 0 0 0 13px;
    display: none
}

.teamContactBox li {
    margin: 0
}

tr.teamInactive td {
    text-decoration: line-through;
}

.clubPicture {
    margin-top: 10px;
}

.addLinkBox {
    background-color: #F5F5F5;
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin: 0 0 20px 0
}

.contactTeamTable td {
    padding: 5px 10px;
}

.contactTeamRowTable td {
    border-width: 0;
    padding: 5px 10px;
}

.contactClubRowList {
    margin: 0
}

.contactClubRowList div a {
    float: right;
}

.contactClubRowList div {
    margin: 2px 0;
}

.contactClubRowList div p a {
    float: none;
}

.contactWait {
    color: #C98F92;
}

.clubRegisterImg {
    margin-top: 17px;
    margin-right: 5px;
    vertical-align: top
}

.clubRegisterH3 {
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    padding-bottom: 0
}

.registerDiv {
    float: left;
    width: 20px;
    padding-top: 5px;
}

.registerTeamSelect {
    width: 250px;
    margin-top: 20px !important;
}

.registerContestSelect {
    width: 250px;
    margin-top: 20px !important;
}

#registerComment {
    margin-top: 20px;
}

.commentBox {
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 2px;
    background-color: #C49A51;
    color: #ffffff;
    width: 60px;
    text-align: center;
}

.inputsubline {
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: -12px;
}

/* Tabs
=========================================================*/

.tabControl {
    border: 1px solid #F1F1F1;
    margin: 0;
    border-bottom-width: 0;
}

.tabControl li {
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    position: relative;
    list-style: none
}

.tabControlLink {
    color: #333;
    padding: 5px 20px;
    display: inline-block;
    border-right: 1px dotted #CCCCCC;
    margin: 10px 0
}

.tabControlLink.active {
    background-color: #f1f1f1;
    margin: 0;
    padding: 15px 25px;
    border-right-width: 0;
}

.tabContent {
    border: 1px solid #F1F1F1;
}

.tabControl li.active {
    background-color: #f1f1f1;
    border-right-width: 0;
}

.tabControlLinkFe {
    color: #333;
    padding: 5px 25px;
    display: inline-block;
    border-right: 1px dotted #CCCCCC;
    margin: 10px 0
}

.tabControlLinkFe.active {
    background-color: #f1f1f1;
    margin: 0;
    padding: 15px 35px 15px 15px;
    border-right-width: 0;
    text-decoration: none
}

.tag-icon {
    padding: 1px 15px;
    border-radius: 5px
}

.tag-danger {
    color: white;
    background-color: #a94442;
}

.tag-success {
    color: white;
    background-color: #5cb85c;
}

.errorBlob {
    background-color: #EE0000;
    border-radius: 14px 14px 14px 14px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 0 6px 0;
    position: absolute;
    right: 6px;
    top: 3px;
}

#map_overlay {
    background-color: white;
    bottom: 30px;
    right: 30px;
    position: absolute;
    padding: 15px;
}

.map-search-box {
    padding: 10px 20px;
}

.map-search-box .form-control {
    height: 28px;
    padding: 5px;
    border-radius: 0;
    box-shadow: none;
}

.map-search-box .btn {
    padding: 6px 10px 0;
    border-radius: 0;
    box-shadow: none;
}

.map-search-box-header {
    font-size: 13px;
}

.has-error .help-inline {
    color: #a94442;
    font-size: 12px;
}

.stat-container {
    text-align: center
}

.stat-1 {
    float: left;
    padding: 35px 14px 30px 0;
    text-align: center
}

.stat-2 {
    float: left;
    padding: 35px 14px 30px 14px;
    text-align: center
}

.stat-3 {
    float: left;
    padding: 35px 0 30px 14px;
    text-align: center
}

.stat-1 .stat-heading {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 50px;
}

.stat-1 .stat-subtitle {
    font-size: 16px;
    letter-spacing: -1px;
}

.stat-2 .stat-heading {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 50px;
}

.stat-2 .stat-subtitle {
    font-size: 16px;
    letter-spacing: -1px;
}

.stat-3 .stat-heading {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 50px;
}

.stat-3 .stat-subtitle {
    font-size: 16px;
    letter-spacing: -1px;
}

.event-container {
    margin: -20px;
}

.event-container img {
    max-height: 97px
}

.event-container a {
    text-decoration: none !important
}

.event-info-block {
    background-color: #fff;
    padding: 20px;
    height: 100px;
}

/* FE Events
=========================================================*/

.event-search-container {
    height: 175px;
    position: relative;
    overflow: hidden;
}

.event-search-shape {
    transform: skew(3deg, 2deg);
    height: 180px;
    margin: -15px 0 0 4px;
    width: 95%;
}

.event-search-shape.search-box-zipcode {
    background-color: #F39400;
}

.event-search-shape.search-box-sport {
    background-color: #7AB51D;
}

.event-search-label {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 0;
    padding: 20px;
}

.event-search-container .form-inline {
    position: absolute;
    top: 95px;
    right: 40px;
}

.event-search-container input {
    transform: skew(3deg, 0deg);
    background-color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #F39400;
    height: auto !important;
    width: 120px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.event-search-container select {
    transform: skew(3deg, 0deg);
    background-color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #7AB51D;
    height: auto !important;
    width: 250px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.event-search-container .input-group-addon {
    border: 3px solid white !important;
    background-color: #F39400;
    color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    transform: skew(3deg, 0deg);
    border-radius: 0 !important;
}

.event-search-container .input-group-addon:hover {
    background-color: #fff;
    color: #F39400;
}

.event-search-container ::-webkit-input-placeholder { /* WebKit browsers */
    color: #ddd;
}

.event-search-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ddd;
    opacity: 1;
}

.event-search-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ddd;
    opacity: 1;
}

.event-search-container :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ddd;
}

.event-filter-container {
    height: 100px;
    position: relative;
    overflow: hidden;
    margin-top: 25px;
    background: #B1B2B4;
    border-radius: 6px;
}

.event-filter-label {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 0;
    padding: 25px 20px 0 20px;
}

.event-filter-label a {
    display: block;
    font-size: 12px;
    color: #fff;
    padding-left: 3px;
}

.event-filter-container .form-inline {
    position: absolute;
    top: 15px;
    left: 120px;
}

.event-filter-container .form-inline label {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.event-filter-container select {
    display: block !important;
    border-radius: 6px;
    background-color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: auto !important;
    border: none !important;
    box-shadow: none !important;
}

.event-filter-container .form-group {
    padding-right: 15px;
}

.filter-zipcode .event-filter-container select {
    color: #F39400;
}

.filter-sport .event-filter-container select {
    color: #7AB51D;
}

.filter-default .event-filter-container select {
    color: #aaaaaa;
}

#filter-icon {
    color: #3E3D40;
    font-size: 24px;
    padding-top: 10px;
    display: block;
}

.ajax-wait {
    text-align: center;
    font-size: 300px;
    color: #aaa;
}

.ajax-error {
    text-align: center;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 50px;
    font-weight: 700;
    color: #aaa;
}

.ribbon-wrapper {
    position: relative;
}

.ribbon .text {
    text-align: center;
    font-family: 'Open Sans', Arial, sans-serif !important;

}

.register-login-box {
    border-left: 1px solid #777777;
}

@media (min-width: 768px) {
    .register-login-box {
        padding-left: 30px;
    }

    .register-register-box {
        padding-right: 30px;
    }
}

.register-gameclass-container {
    margin: 0 15px 15px 15px;
}

.register-gameclass-container > div {
    background: #eeeeee;
}

.register-gameclass-container > div > div {
    margin-top: 5px;
    margin-bottom: 5px;
}

.register-gameclass-container h3 {
    margin: 10px 0 0 0;
    display: inline-block;
    font-size: 18px;
    color: #555;
}

.register-gameclass-container span {
    margin: 10px 0 0 10px;
    display: inline-block;
    font-size: 12px;
    color: #777;
}

.register-gameclass-container .register-gameclass-reg {
    background: #ffffff;
}

.register-gameclass-container .register-gameclass-reg div {
    background: #ffffff;
}

.register-gameclass-container .register-gameclass-reg .clubname {
    float: left;
    margin-top: 12px;
    font-size: 14px;
}

.register-gameclass-container .register-gameclass-reg .clubnameStatic {
    float: left;
    font-size: 14px;
    margin-top: 12px;
}

.register-gameclass-label {
    margin: 8px 0 20px 0
}

.row div {
    -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;
}

.col-sm-0 {
    width: 0;
    margin-left: 0;
}

.col-sm-0 .panel-heading {
    display: none;
}

/*
*
*  L I C E N C E
****************************************************************/

.license-expired {
    background-color: #f5f5f5;
    color: #ababab;
}

.license-canceled {
    background-color: #ecdddd;
}

.license-inactive {
    background-color: #fbf7e2;
}

.license-info {
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
}

.license-info li {
    font-size: 13px;
}

.license-info-big {
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
}

.license-error-box {
    border: 2px solid #F03A47;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 20px 10px 0;
}

.license-container {
    padding: 20px;
    border: 5px solid #dddddd;
    margin: 20px 0 20px 20px;
}

.license-container-basic.license-container-active {
    border-color: #00a096
}

.license-container-pro.license-container-active {
    border-color: #F03A47
}

/*
*
*  N E W S
****************************************************************/

.label-news-1 {
    background: #F58344
}

.label-news-2 {
    background: #FCCC0A
}

.label-news-3 {
    background: #A9CD37
}

.label-news-4 {
    background: #00A953
}

.label-news-5 {
    background: #8BDAF8
}

.label-news-6 {
    background: #0292D9
}

.label-news-7 {
    background: #1965A1
}

.label-news-8 {
    background: #A64884
}

.label-news-9 {
    background: #ED0089
}

.label-news-10 {
    background: #F59BBF
}

.news-typecontainer.detailpage::after {
    color: #959595;
    content: "Detailseite";
    font-size: 12px;
    font-weight: 700;
    left: 15px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
}

.news-typecontainer.newsbox::after {
    color: #959595;
    content: "⅓ Newsbox";
    font-size: 12px;
    font-weight: 700;
    left: 15px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
}

.news-typecontainer {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 5px;
    border-width: 1px;
    margin: 10px 0 30px 0;
    border-style: solid;
    padding: 45px 15px 15px;
    position: relative;
}

.form-info {
    padding: 6px 0
}

/*
*
*  T U R N I E R    M A N A G E R (Turnierplaner)
****************************************************************/

.panel-tmgr {
    border-radius: 0;
    border: none;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}

.panel-tmgr .panel-heading {
    background-color: #eee;
    border: none;
}


.panel-tmgr .panel-heading-status {
    clear: both;
    font-size: 12px;
    float:left;
}

.panel-tmgr  .tooltip-inner {
    text-align:left;
    white-space: normal;
}


.panel-tmgr .panel-heading-status .badge-draft {
    background-color: #FCCC0A;
}

.panel-tmgr .panel-heading-status .badge-active {
    background-color: #1965A1;
}

.panel-tmgr .panel-heading-status .badge-finished {
    background-color: #00A953;
}

.panel-heading-setTeam {
    float:right;
}


/* Spielklasse */
.panel-tmgr-gameclass-heading {
    z-index: 999;

}

.sticky-wrapper.is-sticky .panel-tmgr-gameclass-heading {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}



/* Runden */
.panel-tmgr-round {
    box-shadow: none;
    margin-top: 10px;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

.panel-tmgr-round .panel-body {
    background: #eeeeee;
    display: none;
    overflow-x: auto;
    white-space: nowrap;
}

.panel-tmgr-round > .panel-heading {
    background-color: #ddd;
}

.panel-tmgr-round > .panel-heading > h3 {
    float: left;
    margin: 6px 0;
    font-weight: bold
}

.panel-tmgr-round > .panel-heading > h3 a {
    color: #333333;
    text-decoration: none !important;
}

.panel-tmgr-round > .panel-heading .btn-headerCmd {
    padding: 0 0 0 15px;
}

.panel-tmgr-round > .panel-heading .tmgr-round-movehandle {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 12px 20px;
    margin: -10px 0;
    font-size: 20px;
    cursor: move;
}

.popover-tmgr-wrapper {
    float:right;
}


/* Smartphone */
@media (max-width: 767px) {
    .btn-headerCmd i.fa {
        font-size: 1em;
    }

    .popover-tmgr-wrapper .popover-tmgr-container {
        padding:10px;
        margin:0;
    }
}

/* Tablet */
@media (min-width: 768px) {
    .btn-headerCmd i.fa {
        font-size: 1.5em;
    }
}

/* Big Tablet */
@media (min-width: 992px) {
    .btn-headerCmd i.fa {
        font-size: 2em;
    }
}



/* Popupicons */
.popover-tmgr-tournamentConfig {
    padding: 7px 0 7px 15px;
}

.popover-tmgr-cal {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 17px 20px;
    margin: -10px 0;
}

.popover-tmgr-magic {
    border-left: 1px solid #aaa;
    padding: 17px 20px;
    margin: -10px 0;
}

.popover-tmgr-print {
    border-left: 1px solid #aaa;
    padding: 17px 20px;
    margin: -10px 0;
}

/* Gruppen */
.panel-tmgr-group {
    box-shadow: none;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    margin-top: 10px;
    display: inline-block;
    width: 330px;
    margin-right: 20px;
    vertical-align: top;
}

.panel-tmgr-group .panel-body {
    background: #ffffff;
    border-top: 1px solid #cccccc;
    display: block;
}

.panel-tmgr-group > .panel-heading {
    background-color: #ffffff;
}

.panel-tmgr-group > .panel-heading > h3 {
    float: left;
    margin: 3px 0;
    font-weight: bold;
    font-size: 16px
}

.panel-tmgr-group > .panel-heading > h3 a {
    color: #333333;
}

.panel-tmgr-group > .panel-heading .btn-headerCmd {
    padding: 0 0 0 15px;
}


/*
* Class/Round Matrix Selection
****************************************************************/

.tmgr-matrix-wrapper {

}

.tmgr-matrix-class-column {
    display: inline-block;
    width: 130px;
}

.tmgr-matrix-class-box {
    margin-right: 15px;
    border-width: 0 0 5px 0;
    border-color: #aaa;
    border-style: solid;
    padding:5px;
    font-weight:bold;
}

.tmgr-matrix-round-box {
    background-color: #ddd;
    margin-top: 10px;
    margin-right: 15px;
    vertical-align: top;
    padding:5px;
}






.datepicker th {
    background: #ffffff;
    color: #333333;
}

/* Gameclass Select Button */
.btn-tmgr-gameclass {
    font-weight: bold;
    border-radius: 0;
    background: none;
    border: none;
    padding: 6px 3px;

    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.btn-tmgr-gameclass:hover,
.btn-tmgr-gameclass:active,
.btn-tmgr-gameclass:focus,
.btn-tmgr-gameclass.active {
    box-shadow: none;
    background-color: transparent;
    color: #333333;
    border-color: transparent
}

.btn-tmgr-gameclass .simplecolorpicker.icon {
    text-align: center;
    padding: 0 5px;
    font-size: 16px;
    border: none;
    border-radius: 3px;
}

.btn-tmgr-gameclass .simplecolorpicker.icon:focus {
    outline: 0;
}

.btn-tmgr-gameclass .simplecolorpicker.icon:hover {
    background-color: rgba(170, 170, 170, 0.56)
}

.btn-tmgr-gameclass .simplecolorpicker.icon:after {
    content: '';
}

/* UL List */
.tmgr-gameclass {
    list-style: none;
    padding: 0;
    margin: 10px;
    float: left;
}

.li-tmgr-gameclass {
    float: left;
    margin-right: 15px;
    border-width: 0 0 5px 0;
    border-color: #aaa;
    border-style: solid;
    background: none;
}

.btn-gameclassCmd {
    padding: 6px 0;
    color: #333333;
}

/* Command Btn */
.btn-headerCmd,
.btn-headerCmd:focus,
.btn-headerCmd:hover {
    box-shadow: none;
    color: #333;
}

/* Popover */
.popover-tmgr-container .popover {
    max-width: 750px;
    border-color:#aaaaaa;
    border-radius: 0;
    padding:0;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}

.popover-tmgr-container .popover .popover-title {
    background-color: #ddd;
    border:none;
    border-radius:0;
    font-weight:bold;
    line-height:35px;
}

.popover-tmgr-container .popover.top > .arrow {
    left: 86%;
    border-bottom-color: #aaa;
}

.popover-tmgr-container .popover.bottom>.arrow:after {
    border-bottom-color: #ddd;
}


.popover-tmgr-container .popover .closeBtn {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #333;
}

.popover-tmgr-container .popover .form-horizontal {
    margin-top: 10px;
}

.popover-tmgr-container .popover .form-control:focus {
    border-color: #00A096;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.popover-tmgr-container .popover .deleteBox {
    margin-top: 15px;
}

.form-group-xs {
    margin: 0 -5px 5px -5px;
}

.form-group-xs .control-label {
    font-size: 13px;
}

.form-group-xs .form-control {
    height: 30px;
    border-radius: 0;
    padding: 3px 6px;
    font-size: 13px;
}

.form-group-xs .checkbox {
    font-size: 13px;
}

.form-group-xs .input-group-addon {
    padding: 4px 12px
}

.form-group-xs div[class*="col-"], .form-group-xs label[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.form-group-xs .datepicker[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* Popover Gruppe */
.panel-tmgr-group .popover-tmgr-container .popover {
    width: 300px;
}

.panel-tmgr-group .popover-tmgr-container .popover.top > .arrow {
    left: 52.5%;
}

/* Popover Autogenerate */
.popover-tmgr-magic .popover {
    width: 800px;
}

.popover-tmgr-magic .popover.top > .arrow {
    left: 80%;
}

/* Content Gruppe */
.mgr-group-warningBox {
    display: none;
    padding: 10px;
    font-size: 13px;
    margin: 5px 0 0 0;
}

.mgr-group-deleteBox,
.mgr-group-moveBox {
    display: none;
    padding: 10px;
    font-size: 13px;
    margin: 5px 0 20px 20px;
}

.mgr-group-newTeamContainer {
    display: none;
}


/*
* TeamListing in Group-Container
*****************************************************/
.group-content-teamList {
    padding: 0;
    list-style: none;
    font-size:12px;
}

.group-content-teamList li {
    border-bottom: 1px solid #cccccc;
}

.group-teamList {
    display:inline-block;
    vertical-align: top;
    width:130px;
    padding:5px 5px;
    overflow: hidden;
}

.group-teamList-header {
    font-weight:bold;
}


.group-teamList-resultBox {
    display:inline-block;
    width:150px;

}
.group-teamList-result {
    display:inline-block;
    width:26px;
    border-left: 1px solid #cccccc;
    padding:1px;
    text-align: center;
    margin-right: -4px;
    padding:5px 0;
}

.group-teamList-result-0 {
    border-right: 1px solid #cccccc;
    width:20px;
}

.group-teamList-result-2,
.group-teamList-result-3,
.group-teamList-result-4 {
    width:17px;
}

.group-teamList-result-5 {
    width:40px;
}

/* draft-mode */
.group-content-teamList-draft {
    font-size:15px;

}
.group-content-teamList-draft .group-teamList {
    width:240px;
}
.group-content-teamList-draft li {
    border-bottom: none;
}
.group-content-teamList-draft .group-teamList-result-0 {
    display: none;
}




/* Game Container  */

.game-container {
    margin: 15px 0 0 0;
    background-color: #eeeeee;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.game-container .game-header {
    border-bottom: 1px solid #ccc;
    padding: 8px 5px;
    font-size: 13px;
}

/* Popupicons */
.game-header-icon-config {
    margin-top: -8px;
    padding: 8px 0px 9px 5px;
}

.game-header-icon-info {
    margin-top: -8px;
    padding: 8px 5px 9px 5px;
}

.game-header-icon-timetable {
    margin-top: -8px;
    padding: 8px 5px 9px 5px;
    border-left: 1px solid #ccc;
}

.game-container .game-body {
    padding: 5px;
}

.tmgr-game-vs {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
}

.tmgr-game-result {
    font-weight: bold;
    font-size: 14px;
    text-align: center
}

.tmgr-game-sr {
    font-size: 13px;
}

.mgr-game-infoBox {
    display: none;
    padding: 10px;
    font-size: 13px;
    margin: 5px 0 0 0;
}

/* Popover Spiel */
.game-container .popover-tmgr-container .popover {
    width: 90%;
    max-width: 90%
}

.game-container .popover-tmgr-container .popover.top > .arrow {
    left: 52.5%;
}

/* Main Navigation Badge */
.tmgr-badge {
    font-size: 10px;
    color: #ffffff;
    background: #00A096;
    border-radius: 10px;
    padding: 2px 6px;
    position: relative;
    top: -12px;
    font-weight: bold;
}

/* Popover Spieleinteilung */

.gtt-game-container {
    width: 100%;
    padding: 10px;
    background: #ffffcc;
    border: 1px dashed #999;
}

.gtt-venue-container {
    box-sizing: border-box
}

.gtt-venue-container::after {
    clear: both;
    content: "";
    display: table
}

.gtt-venue-container *, .gtt-venue-container *:before, .gtt-venue-container *:after {
    box-sizing: inherit
}

.gtt-venue-container ul, .gtt-venue-container li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.gtt-field-labels,
.gtt-field-timeline-container {
    float: left
}

.gtt-field-labels {
    width: 100px;
    padding: 0 !important;
    margin-top: 48px;
    border-right: 5px solid transparent
}

.gtt-field-labels li {
    padding: 0 15px;
    background-color: #EFEFEF;
    line-height: 48px
}

.gtt-field-labels li:not(:last-of-type) {
    border-bottom: 1px solid #fff
}

.gtt-field-labels .row-heading {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.gtt-field-labels li,
.gtt-field-timeline-inner li {
    height: 48px
}

.gtt-field-timeline-container {
    width: calc(100% - 100px);
    padding: 0 !important;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.gtt-field-timeline-container .gtt-field-timeline-inner {
    white-space: nowrap;
    display: inline-block
}

.gtt-field-timeline-container .gtt-field-header {
    height: 48px;
    transform-style: preserve-3d;
    font-size: 0
}

.gtt-field-timeline-container .gtt-field-header::after {
    clear: both;
    content: "";
    display: table
}

.gtt-field-timeline-container .gtt-field-header li {
    display: inline-block;
    font-size: 1rem;
    overflow: visible;
    width: 192px;
    line-height: 48px;
    display: inline-block;
    position: relative
}

.gtt-field-timeline-container .gtt-field-header li:not(:last-of-type) {
    width: 192px
}

.gtt-field-timeline-container .gtt-field-header li .time-label {
    display: block;
    position: absolute;
    left: 0
}

.gtt-field-timeline-container .gtt-field-header li:not(:first-of-type) .time-label {
    transform: translateX(-50%)
}

.gtt-field-timeline-container .gtt-field-header li:last-of-type .time-label {
    transform: translateX(-100%)
}

ul.gtt-field-timeline {
    border-left: none;
    position: relative;
    overflow: visible
}

ul.gtt-field-timeline li {
    position: relative;
    background-color: #F4F4F4
}

ul.gtt-field-timeline li:nth-of-type(odd) {
    background-color: #FDFDFD
}

ul.gtt-field-timeline li:first-of-type {
    border-top: 1px solid #E5E5E5
}

ul.gtt-field-timeline li:last-of-type {
    border-bottom: 1px solid #E5E5E5
}

ul.gtt-field-timeline li:not(:last-of-type) {
    border-bottom: none
}

ul.gtt-field-timeline li:first-child .time-entry {
    height: 46px
}

ul.gtt-field-timeline li:after,
ul.gtt-field-timeline li:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

ul.gtt-field-timeline li:before {
    background-image: linear-gradient(to right, #E5E5E5 1px, transparent 1px);
    background-size: 48px auto
}

ul.gtt-field-timeline li:after {
    background-image: linear-gradient(to right, #E5E5E5, #E5E5E5 1px, #F4F4F4 1px, #F4F4F4 2px, #E5E5E5 2px, #E5E5E5 3px, transparent 3px, transparent);
    background-size: 192px auto;
    background-position: -2px 0
}

.time-container {
    position: absolute;
}

.time-entry {
    background-color: #aaaaaa;
    position: absolute;
    height: 46px;
    width: 48px;
    display: inline-block;
    z-index: 99;
    padding: 2px;
    white-space: normal;
    overflow: hidden;
    color: #fff;
    transform-style: preserve-3d
}

.time-entry-assigned {

}

.time-entry-unassigned {
    position: relative;
}

.time-entry-unassigned .btn-close {
    display: none;

}

.time-entry-header {
    position: relative;
}

.time-entry-header .time {
    font-size: 10px;
}

.time-entry-header a.btn-close {
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    font-size: 9px;
    padding: 5px;
}

.time-entry-content {
    font-size: 9px;
    position: relative;
    display: block;
    width: 600%;
}

.time-entry:hover {
    background-color: #e74030
}

/* Flip Button
.tg-list {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tg-list-item {
    margin: 0 2em;
}

.tgl {
    display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
    background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
}
.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 12em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size:11px;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}
.tgl + .tgl-btn:after {
    left: 0;
}
.tgl + .tgl-btn:before {
    display: none;
}
.tgl:checked + .tgl-btn:after {
    left: 50%;
}

.tgl-flip + .tgl-btn {
    padding: 2px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-family: sans-serif;
    -webkit-perspective: 100px;
    perspective: 100px;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
    display: inline-block;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
    content: attr(data-tg-on);
    background: #02C66F;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
    background: #dddddd;
    content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
    -webkit-transform: rotateY(-20deg);
    transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: 0;
    background: #7FC6A6;
}
.tgl-flip:checked + .tgl-btn:active:after {
    -webkit-transform: rotateY(20deg);
    transform: rotateY(20deg);
}

*/

/*
*
* R E S P O N S I V E
*************************************************************/

/* Smartphone */
@media (max-width: 767px) {
    body {
        /* Margin bottom by footer height */
        padding-bottom: 300px;
        margin-bottom: 300px;
        font-family: 'ITC Stone Sans W01', sans-serif;
        font-size: 15px;
        color: #3E3D40;
        background-color: #ffffff;
        background-image: url('/img/st/st_background-mobile.png'), url('/img/st/st_background-mobile-rep.png');
        background-repeat: no-repeat, no-repeat;
        background-position: center 0, center 700px;
        background-size: 799px auto, 799px 90000px;
    }

    .footer {
        height: auto !important;
        bottom: inherit !important;
    }

    .header-logo {
        text-align: center
    }

    .header-links {
        text-align: center;
        padding-top: 60px;
    }

    .header-links .col-sm-12 {
        padding-left: 0;
        padding-right: 0
    }

    .header-links a {
        padding-left: 0
    }

    .header-links a.main-nav::before {
        padding-right: 4px
    }

    h1.tm-header {
        font-size: 34px
    }

    .event-item .panel-body {
        min-height: auto;

    }
}

/* Tablet */
@media (min-width: 768px) {
    .container-tm {
        width: 750px;
    }

    body {
        background-position: 50% -10px, 50% 1000px;
        margin-bottom: 300px;
    }

    .footer {
        height: 300px !important;
    }
}

/* Big Tablet */
@media (min-width: 992px) {
    .container-tm {
        width: 970px;
    }

    body {
        background-position: 50% -10px, 50% 1000px;
    }

    .footer {
        height: 250px !important;
    }
}

/* Wide */
@media (min-width: 1200px) {
    .container-tm {
        width: 970px;
    }

    .event-search-container .form-inline {
        top: 80px;
        right: 70px;
    }
}




/* Bootstrap 4 addon */

.m-0 {  margin: 0 !important;  }
.mt-0, .my-0 {  margin-top: 0 !important;  }
.mr-0, .mx-0 {  margin-right: 0 !important;  }
.mb-0, .my-0 {  margin-bottom: 0 !important;  }
.ml-0, .mx-0 {  margin-left: 0 !important;  }

.m-1 {  margin: 4px !important;  }
.mt-1, .my-1 {  margin-top: 4px !important;  }
.mr-1, .mx-1 {  margin-right: 4px !important;  }
.mb-1, .my-1 {  margin-bottom: 4px !important;  }
.ml-1, .mx-1 {  margin-left: 4px !important;  }

.m-2 {  margin: 8px !important;  }
.mt-2, .my-2 {  margin-top: 8px !important;  }
.mr-2, .mx-2 {  margin-right: 8px !important;  }
.mb-2, .my-2 {  margin-bottom: 8px !important;  }
.ml-2, .mx-2 {  margin-left: 8px !important;  }

.m-3 {  margin: 16px !important;  }
.mt-3, .my-3 {  margin-top: 16px !important;  }
.mr-3, .mx-3 {  margin-right: 16px !important;  }
.mb-3, .my-3 {  margin-bottom: 16px !important;  }
.ml-3, .mx-3 {  margin-left: 16px !important;  }

.m-4 {  margin: 24px !important;  }
.mt-4, .my-4 {  margin-top: 24px !important;  }
.mr-4, .mx-4 {  margin-right: 24px !important;  }
.mb-4, .my-4 {  margin-bottom: 24px !important;  }
.ml-4, .mx-4 {  margin-left: 24px !important;  }

.m-5 {  margin: 48px !important;  }
.mt-5, .my-5 {  margin-top: 48px !important;  }
.mr-5, .mx-5 {  margin-right: 48px !important;  }
.mb-5, .my-5 {  margin-bottom: 48px !important;  }
.ml-5, .mx-5 {  margin-left: 48px !important;  }

.p-0 {  padding: 0 !important;  }
.pt-0, .py-0 {  padding-top: 0 !important;  }
.pr-0, .px-0 {  padding-right: 0 !important;  }
.pb-0, .py-0 {  padding-bottom: 0 !important;  }
.pl-0, .px-0 {  padding-left: 0 !important;  }

.p-1 {  padding: 4px !important;  }
.pt-1, .py-1 {  padding-top: 4px !important;  }
.pr-1, .px-1 {  padding-right: 4px !important;  }
.pb-1, .py-1 {  padding-bottom: 4px !important;  }
.pl-1, .px-1 {  padding-left: 4px !important;  }

.p-2 {  padding: 8px !important;  }
.pt-2, .py-2 {  padding-top: 8px !important;  }
.pr-2, .px-2 {  padding-right: 8px !important;  }
.pb-2, .py-2 {  padding-bottom: 8px !important;  }
.pl-2, .px-2 {  padding-left: 8px !important;  }

.p-3 {  padding: 16px !important;  }
.pt-3, .py-3 {  padding-top: 16px !important;  }
.pr-3, .px-3 {  padding-right: 16px !important;  }
.pb-3, .py-3 {  padding-bottom: 16px !important;  }
.pl-3, .px-3 {  padding-left: 16px !important;  }

.p-4 {  padding: 24px !important;  }
.pt-4, .py-4 {  padding-top: 24px !important;  }
.pr-4, .px-4 {  padding-right: 24px !important;  }
.pb-4, .py-4 {  padding-bottom: 24px !important;  }
.pl-4, .px-4 {  padding-left: 24px !important;  }

.p-5 {  padding: 48px !important;  }
.pt-5, .py-5 {  padding-top: 48px !important;  }
.pr-5, .px-5 {  padding-right: 48px !important;  }
.pb-5, .py-5 {  padding-bottom: 48px !important;  }
.pl-5, .px-5 {  padding-left: 48px !important;  }

.m-auto {  margin: auto !important;  }
.mt-auto, .my-auto {  margin-top: auto !important;  }
.mr-auto, .mx-auto {  margin-right: auto !important;  }
.mb-auto, .my-auto {  margin-bottom: auto !important;  }
.ml-auto, .mx-auto {  margin-left: auto !important;  }

.font-weight-bold {font-weight:bold}

.text-center {  text-align: center!important;  }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.ajax-alert {
    display:none;
}