/** global **/
.clear {
    clear: both;
}

img {
  height: auto; /* Falls Dimensionsangaben im HTML vorhanden sind */
  max-width: 100%;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.v-right {
    text-align: right;
}

.center {
    text-align: center;
}

.small {
    font-size: 12px;
}

.bold {
    font-weight: bold;
}

.initHidden {
    display: none;
}

.printButton {
    cursor: pointer;
}

.clickableDD {
    cursor: pointer;
}

@media (max-width: 767px) {
    .lg-view {
        display: none;
    }
}

@media (min-width: 767px) {
    .sm-view {
        display: none;
    }
}

.pad15 {
    padding: 15px;
}

form.well .alert {
    margin-left: -15px;
    margin-right: -15px;
}

form :invalid {
    border: 1px solid #e95a0c !important;
}

button .glyphicon {
    color: grey;
}

div.checked {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    color: grey;
}

#modalDialog .modal-content .modal-title img.icon {
    position: relative;
    top: -4px;
}

a.downloadChart button {
    float: right;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.btn-group, .btn-group-vertical {
    display: inline-flex;
}

.editButton, .deleteButton, a .fa, a .glyphicon {
    cursor: pointer;
}

.form_subtitle {
    color: #999999;
    font-size: 1.2em;
}

.limited {
    max-width: 1200px;
}

.limited_sm {
    max-width: 800px;
}

form .divider {
    height: 10px;
}

.checkbox-inline, .radio-inline {
    vertical-align: baseline;
}

input.short {
    width: 15%;
}

input.medium {
    width: 85%;
}

a.mailto::before {
    font-family: 'Glyphicons Halflings';
    content: "\2709";
    margin-right: 4px;
    position: relative;
    top: 2px;
}

/** input file **/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.restricted {
    overflow: hidden;
    text-overflow: ellipsis;
}

/** login **/
.form-signin {
    max-width: 330px;
    padding: 15px;
}

.form-signin input.user, .form-signin input.lock {
    font-size: 12px;
    margin: 0 0 1.5em;
    outline: medium none;
    padding: 10px 15px 10px 37px;
}

.form-signin input.user {
    background: #fff url("../pictures/form_user.png") no-repeat scroll 8px 6px;
}

.form-signin input.lock {
    background: #fff url("../pictures/form_lock.png") no-repeat scroll 8px 6px;
}

@media (min-width: 767px) {
    .login-menu a .fa {
        width: 14px;
    }
}

.navbar-nav > .login-menu > .dropdown-menu {
    width: 280px;
}

h3.control-sidebar-heading {
    padding-left: 14px;
}

/** colorpicker  **/
input.wl_colorpicker {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    padding: 6px 12px;
    width: 100%;
}

.evo-pointer {
    position: relative;
    top: -26px !important;
    left: -8px !important;
}

.evo-cp-wrap {
    width: 100% !important;
}

.evo-pop {
    width: auto !important;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

div.colorMarker {
    float: left;
    height: 16px;
    margin-right: 8px;
    margin-top: 2px;
    width: 16px;
}

/** tooltips **/
.tooltip-inner {
    background-color: #777777;
    color: #fff;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #777777;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #777777;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #777777;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #777777;
}

/** Logo **/
.main-header .logo-lg {
    font-size: 16px;
}

.main-header .logo-lg img {
    float: right;
    position: relative;
    top: 8px;
}

.main-header .logo-mini img {
    left: -3px;
    position: relative;
}

/** Footer **/
.copyright a {
    color: #444;
}
.copyright img {
    position: relative;
    top: -2px;
}

/** theme changings **/
.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
    width: 12px;
}

.sidebar-menu > li > a > .far,
.sidebar-menu > li > a > .fas {
    width: 20px;
}

.main-header .sidebar-toggle {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    font-display: block;
}
.main-header .sidebar-toggle:before {
    content: "\f0c9";
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto;
}

.sidebar-menu li.alert_nav > a {
    color: #e95a0c !important;
}

.sidebar-menu li.active > a {
    color: #e95a0c !important;
    border-left-color: #e95a0c !important;
}

.fixed .main-sidebar, .fixed .left-side {
    /*position: absolute;*/
}

.fixed.mobile .main-sidebar {
    position: fixed;
}

/** bootstrap changings **/
body {
    -ms-overflow-style: scrollbar;
}

input.form-control[readonly] {
    background-color: #fff;
}

.fixed-table-body {
    overflow: visible;
}

.table-nonfluid {
   width: auto !important;
}

.fa.fa-invert:after, i.fa-invert:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 141.421356%;
    top: -20.710678%;
    display: block;
    background: #999;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
}

.fa.inactive {
    color: #999999;
}

.btn {
    position: relative;
}

.btn.btn-small {
    padding: 0px 8px;
}

.btn-select, .btn-select:hover {
    background-color: #fff;
    border-color: #ddd;
}

.dropdown-menu {
    min-width: 0;
}

.fixed-table-container th {
    background-color: #999;
    color: #fff;
    line-height: normal;
    border-left: none !important;
    border-right: none !important;
}

.fixed-table-container th a .fa, .fixed-table-container th a .glyphicon {
    color: #fff;
}

.fixed-table-container th a:hover .fa, .fixed-table-container th a:hover .glyphicon {
    color: #3c8dbc;
}

.fixed-table-container td {
    border-left: none !important;
    border-right: none !important;
}

.fixed-table-container th a {
    color: #fff;
}

.fixed-table-container thead th .sortable {
    background-position: left center;
    padding-right: 8px;
    padding-left: 20px;
    text-align: left;
}

.fixed-table-container thead th .both {
    background-image: url("../pictures/sort_both.png");
}

.fixed-table-container thead th .desc {
    background-image: url("../pictures/sort_desc.png");
}

.fixed-table-container thead th .asc {
    background-image: url("../pictures/sort_asc.png");
}

.fixed-table-container {
    border: none;
    border-radius: 0;
}

.btn-default, .btn-default:hover {
    color: #666666;
}

.fixed-table-container thead th:first-child {
    border-top-left-radius: 0;
}

.fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner {
    line-height: normal;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
    height: auto;
    margin: 0;
    width: auto;
}

.box .box-header.invert, .box .box-footer.invert {
    background-color: #ddd;
}

.dropdown-hover:hover .dropdown-menu {
    display: block;
}

/** team adress list **/
div.admin input {
    position: relative;
    top: 3px;
}

div.groups {
    margin-top: 20px;
}

table#adresslist {
    margin-top: 20px;
    border-spacing: 0;
    border-collapse: collapse;
}

table#adresslist td {
    padding: 6px;
}

table#adresslist tr.team td {
    vertical-align: top;
}

table#adresslist tr.team .name {
    font-weight: bold;
}

table#adresslist tr.team .entry {
    margin-bottom: 4px;
    line-height: 1.3em;
}

table#adresslist tr.team .training .entry {
    max-width: 550px;
}

table#adresslist tr.classification {
    background-color: #DDDDDD;
}

table#adresslist tr.classification .name {
    font-weight: bold;
}

table#adresslist tr.classification .leader {
    position: relative;
}

table#adresslist tr.classification .leader input {
    left: -10px;
    position: absolute;
    top: 6px;
}

table#adresslist tr.classification .check {
    text-align: right;
}

table#adresslist td.training .entry {
    display: flex;
}

table#adresslist td.training > div {
    flex: 1; /*grow*/
}

table#adresslist td.training .entry .time {
    min-width: 100px;
}

table#adresslist td.person .entry {
    position: relative;
    padding-right: 12px;
}

table#adresslist td.person .entry .name {
    font-weight: normal;
}

table#adresslist td.person .entry .zip {
    float: left;
    margin-right: 4px;
}

.entry .fa {
    width: 14px;
}

table#adresslist td.person .check {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

#adresslist label, #adress_mobile label {
    margin-bottom: 0;
}

#adress_mobile .check {
    float: left;
    position: relative;
    top: -2px;
}

#adress_mobile .person {
    margin-left: 20px;
}

#adress_mobile .admin {
    display: none;
}

#adress_mobile .group .leader {
    float: left;
    display: none;
}

#adress_mobile .group .actions {
    float: right;
}

#adress_mobile .nav.nav-pills.nav-stacked > li {
    padding: 8px 8px 4px;
}

#adress_mobile .time {
    float: left;
    margin-right: 4px;
}

#adress_mobile .group.btn {
    cursor: auto;
    text-align: left;
}

#adress_mobile .group .name {
    float: left;
}

#adress_mobile .group .leader a {
    margin-left: 20px;
}

#adress_mobile .group a {
    color: #fff;
}

#adress_mobile .group .check input {
    top: 2px;
}

#adress_mobile .group_links a {
    width: 90px;
    margin: 2px;
    float: left;
}

#adress_mobile .person i {
    text-align: center;
    width: 16px;
}

/** modal **/
.modal {
    overflow-y: auto;
}

.modal-body .team_picture_bg {
    max-width: 570px;
    text-align: center;
}

.modal-body .person_picture_bg {
    max-width: 200px;
    float: right;
    text-align: center;
}


/** faq **/
.summaryOrder {
    margin-left: 20px;
}

.summaryOrder .counter {
    float: left;
    margin-right: 12px;
}
.summaryOrder .name {
    float: left;
    margin-right: 12px;
    width: 116px;
}

img.zoom {
  -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.5); /* FF3.5+ */
      -ms-transform: scale(0.5); /* IE9 */
       -o-transform: scale(0.5); /* Opera 10.5+ */
          transform: scale(0.5);
             /* IE6–IE9 */
             filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

img.zoom:hover {
  -webkit-transform: scale(1); /* Saf3.1+, Chrome */
     -moz-transform: scale(1); /* FF3.5+ */
      -ms-transform: scale(1); /* IE9 */
       -o-transform: scale(1); /* Opera 10.5+ */
          transform: scale(1);
             /* IE6–IE9 */
             filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');
}

/** forum **/
.forum {
}

.forum .entry {
    margin-bottom: 15px;
}

.forum .entry .media-left {
    display: block;
    float: left;
}

.forum .entry .media-right {
    float: right;
}

.forum .entry .profile img {
    width: 50px;
}

.forum .media-body {
    display: block;
    overflow: hidden;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.forum .entry .speech-right {
}

.forum .entry .speech-right > .speech::before {
    border-right: 0;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #eee;
    border-top: 7px solid transparent;
    left: auto;
    margin: 15px -7px 0 0;
    right: 0;
}

.forum .entry .speech:before {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #eee;
    border-top: 7px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: 15px 0 0 -7px;
    position: absolute;
    top: 0;
    width: 0;
}

.forum .entry .speech {
    border: 1px solid #eee;
    /*background: #eee none repeat scroll 0 0;*/
    display: inline-block;
    padding: 12px 20px;
    position: relative;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.forum .entry .speech-right > .speech {
    /*background: #ECF0F5 none repeat scroll 0 0;*/
}

.forum .entry .speech .head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.forum .entry .speech .title {
    display: block;
    font-size: 1.2em;
    font-weight: 300;
}

.forum .entry .created {
    font-size: 0.8em;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 10px;
}

.forum .entry .actions {
    float: right;
}

.forum.iconed .team .speech .head {
    background-image: url("../pictures/forum_team3.png");
}

.forum.iconed .player .speech .head {
    background-image: url("../pictures/forum_player3.png");
}

.forum.iconed .trainer .speech .head {
    background-image: url("../pictures/forum_trainer3.png");
}

.forum.iconed .speech .head {
    background-position: 1px 7px;
    background-repeat: no-repeat;
    background-size: 30px auto;
    padding-left: 40px;
}

.uptime {
    color: #888;
}

#threads .title {
    font-size: 18px;
}

#threads .author {
    padding-left: 20px;
}

/** table **/
div.table {
    display: table;
    width: 100%;
    border-collapse:collapse;
}

div.table-row {
    display: table-row;
}

div.table-cell, div.table-head {
    display: table-cell;
    padding: 4px;
}

div.table-head {
    font-weight: bold;
}

div.table-cell.middle {
    vertical-align: middle;
}

/** competition **/
.competition {
    margin-left: 85px;
    position: relative;
    margin-bottom: 20px;
}

.competition .title {
    font-size: 1.3em;
}

.competition .sections {
    border: 1px solid #eee;
    padding: 12px;
    background-color: #eee;
}

.competition .section {
    float: left;
    width: 300px;
    margin-top: 10px;
}

.competition .date {
    width: 300px;
    float: left;
}

.competition .date span {
    background-color: #aaa;
    padding: 2px;
    color: #fff;
    border-radius: 0.25em;
}

.competition .toggle-handler::after {
    color: #ddd;
    content:"\e114";
    font-family: "Glyphicons Halflings";
    font-size: 10px;
    margin-left: 4px;
    font-size: 40px;
    position: relative;
    top: 4px;
    left: 7px;
}

.competition .toggle-handler.collapsed::after {
    content: "\e080";
}

.competition .actions {
    float: right;
    position: relative;
    right: 10px;
}

.competition .coating {
    height: 100%;
    width: 60px;
    position: absolute;
    left: -75px;
    border-radius: 0.5em;
}
.competition .asche {
    background-image: url("../pictures/competition/asche.jpg");
}
.competition .halle {
    background-image: url("../pictures/competition/halle.jpg");
    background-position: -32px 0;
}
.competition .hartplatz {
    background-image: url("../pictures/competition/tartan.jpg");
}
.competition .sand {
    background-image: url("../pictures/competition/sand.jpg");
}
.competition .rasen {
    background-image: url("../pictures/competition/rasen.jpg");
}

.competition .row {
    margin-bottom: 10px;
}

/** jquery ui datepicker **/
#ui-datepicker-div {
    z-index: 4000 !important;
}

.ui-datepicker-today a.ui-state-highlight {
    border-color: #d3d3d3;
    background-color: #bbb;
    color: #555555;    
}
.ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight {
    border-color: #aaaaaa;
    background-color: #ffffff;
    color: #212121;
}

/** object picture **/
.file-preview.user_picture {
    float: left;
}

.file-thumbnail-footer {
    display: none;
}

.preview_action {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 100;
    background-color: #fff;
    padding: 4px;
}

.preview_action.action_3 {
    right: 44px;
}

.preview_action.action_2 {
    right: 22px;
}

.preview_action.action_1 {
    right: 0px;
}

/** step wizard **/
.wizard > .content > .body input.error {
    background: #fff none repeat scroll 0 0 !important;
}

.wizard .content {
    min-height: 100px;
}
.wizard .content > .body {
    width: 100%;
    height: auto;
    padding: 15px;
    position: relative;
}

.wizard, .tabcontrol, .wizard > .content {
    overflow: visible;
}

.wizard section .imageAbsolute {
    position: absolute;
    right: 15px;
    z-index: 1;
}

.wizard > .steps a, .wizard > .steps a:hover {
    background: #9dc8e2 none repeat scroll 0 0;
    color: #fff;
}

.wizard > .content > .body label.invalid:after {
    content: " *";
    color: #e95a0c;
}

.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active {
    background: #e95a0c none repeat scroll 0 0;
}

/** summary, schedule, relegation **/
#summaryTable th, #scheduleTable th, #relegationTable th {
    background-color: #999;
    color: #fff;
    line-height: normal;
}

#summaryTable th a, #scheduleTable th a {
    color: #fff;
}

#summaryTable th, #summaryTable td, #scheduleTable th, #scheduleTable td {
    border-left: none;
    border-right: none;
}

#summaryTable tr.relegated1 td.icon {
    color: #e95a0c;
}

#summaryTable tr.promoted1 td.icon {
    color: #AEC320;
}

.content-wrapper #summaryTable, .content-wrapper #scheduleTable {
    margin-top: 56px;
    margin-bottom: 20px;
}

@media (max-width: 1650px) {
    #summaryTable th, #scheduleTable th {
        font-size: 12px;
    }
    
    #summaryTable td, #scheduleTable td {
        font-size: 12px;
        padding: 4px;
    }
}

#scheduleTable {
    margin-bottom: 20px;
}

#scheduleTable th {
    text-align: center;
}

#scheduleTable td.bordered {
    border-left: 1px solid #ddd !important;
}

.last_change {
    color: #777;
    font-size: 0.9em;
}

#summary .last_change {
}

#scheduleTable .gamemoved  {
	color: #880000;
}

#scheduleTable .gamewinner  {
	font-weight : bold;
}

#scheduleTable .gamedimmed  {
	color: #999999;
}

#schedule .search {
    top: 2px;
}

#scheduleTable .game_separator {
    background-color: #eee;
    padding: 0;
    margin: 0;
}

.tableTrigger {
    cursor: pointer;
    text-align: right;
}

@media (max-width: 767px) {
    #schedule .search {
        top: 2px;
        width: 140px;
    }
}

#relegationTable {
    margin-top: 40px;
}

/** map **/
div#map {
    height: 600px;
    min-width: 240px;
}

div#map_list {
    height: 600px;
    overflow: auto;
    padding-left: 12px;
}

div#map_list div.map_list {
    color: #000000;
}

div#map_list div.map_list_action {
    color: #e95a0c;
}

div#map_list div.map_list_visited {
    color: #666666;
}

div#map_list .addition {
    color: #999 !important;
}

/** team administration **/
#teamDates .header_line {
    background-color: #999;
    color: #fff;
    font-weight: bold;
    white-space: nowrap
}

#teamDates .player
{
    position: sticky;
    left: 0px;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.7)
}

#teamDates .header_line .tooltip-inner {
    text-align: left;
    font-size: 11px;
}

#teamDates .header_line a {
    color: #fff;
}

#teamDates .header_line a:hover.action {
    color: #3c8dbc;
}

#teamDates .is_friendly_match_title, #teamDates .is_friendly_match_title a {
    background-color: #64eaff;
}

#teamDates .is_misc_title, #teamDates .is_misc_title a {
    background-color: #AEC320;
}

#teamDates .is_tournament_title, #teamDates .is_tournament_title a {
    background-color: #FFC600;
}

#teamDates .is_game_title, #teamDates .is_game_title a {
    background-color: #e95a0c;
    color: #fff;
}

#teamDates .is_training_title {
}

#teamDates .is_game {
}

#teamDates .is_training {
}

.male {
    color: #31b0d5;
}

.female {
    color: #eb34db;
}

.male_count {
    background-color: #31b0d5;
    padding: 2px 6px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 0.8em;
    position: relative;
    top: -1px;
}

.female_count {
    background-color: #eb34db;
    padding: 2px 6px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 0.8em;
    position: relative;
    top: -1px;
}

#teamDates td {
    vertical-align: middle;
}

#tab_data .team_picture {
    float: left;
}

#tab_data .team_picture img {
    width: auto !important;
    height: 140px !important;
}

#tab_member .waiting {
    color: #999;
}

#tab_member .job {
    float: left;
    padding-right: 8px;
}

/** team administration mobile **/
#teamDates .game {
    max-width: 349px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#teamDates .game .header_line {
    padding: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#teamDates .game .address {
    font-size: 0.9em;
    padding: 4px;
}

#teamDates .toggleIcon {
    float: left;
    position: relative;
    top: 3px;
    width: 12px;
}

#teamDates .togglePersons {
    cursor: pointer;
}

#teamDates .attendance, #teamDates .attendancies {
    text-align: right;
}

#teamDates .attendance {
    padding-right: 10px;
    white-space: nowrap;
}

#teamDates .attendance .btn {
    cursor: default;
}

#teamDates .attendance .btn-default {
    background-color: #eaeaea;
    cursor: pointer;
}

#teamDates .attendance .btn.selected {
    border-color: #ccc;
    background-color: #fff;
}

#teamDates .game .person {
    border-bottom: 1px solid #eee;
    position: relative;
}

#teamDates .game .person.presentation .name {
    display: none;
}

#teamDates .game .person.presentation {
    display: block;
}

#teamDates .game .person.presentation .attendance {
    display: block;
    text-align: center;
}

#teamDates .game .person.presentation .attendance span {
    font-size: 44px;
}

/** typeahead **/
ul.typeahead {
    overflow: hidden;
}

/** reminder **/
#reminder > div {
    margin-bottom: 4px;
}

/** users picture **/
.user_picture {
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.user_picture .kv-file-content img {
    width: auto !important;
    height: 100% !important;
}

.sized_picture_25 {
    height: 25px;
    width: 25px;
}

.sized_picture_30 {
    height: 30px;
    width: 30px;
}

.sized_picture_50 {
    height: 50px;
    width: 50px;
}

.sized_picture_75 {
    height: 75px;
    width: 75px;
}

.sized_picture_90 {
    height: 90px;
    width: 90px;
}

.sized_picture_200 {
    height: 200px;
    width: 200px;
}

li.user-header .user_picture {
    margin: auto;
}

@media (max-width: 767px) {
    .user-menu .topline .user_picture {
        margin-bottom: -3px;
        margin-top: -2px;
    }
}

@media (min-width: 767px) {
    .user-menu .topline .user_picture {
        float: left;
        margin-right: 10px;
        margin-top: -2px;
        margin-bottom: -3px;
    }
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu div.user_picture {
    margin-right: 6px;
}

/** news **/
.news {
    margin-bottom: 16px;
}

/** shifts **/
#shift_listing {
    background-color: #ecf0f5;
    padding: 10px;
}

/** timeline **/

.tab-content .timeline {
    background-color: #ecf0f5;
}

.timeline .user_picture {
    position: absolute;
    left: 24px;
}

.timeline li.time-label span {
    text-align: center;
    width: 80px;
}

.timeline > li > .timeline-item {
    margin-left: 66px;
}

.timeline::before {
    left: 37px;
}

.timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
    left: 24px;
}

/** jquery sortable **/
body.dragging, body.dragging *, .sortedTable tbody tr {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}

ol.example li.placeholder {
    position: relative;
    /** More li styles **/
}
ol.example li.placeholder:before {
    position: absolute;
    /** Define arrowhead **/
}

.connectedSortable .placeholder, .sortedTable .placeholder {
    display: block;
    background: #e95a0c;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}
  
.connectedSortable .placeholder:before, .sortedTable .placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left-color: #e95a0c;
    margin-top: -10px;
    border-right: none;
}

.connectedSortable .placeholder:before {
    left: -24px;
}

.ui-sortable {
	cursor: move;
}

.ui-sortable tr {
	cursor: pointer;
}
		
.ui-sortable tr:hover {
	background: rgba(244,251,17,0.45);
}

/** boxes **/

@media (max-width: 767px) {
    .boxes {
        width: 194px;
    }
}
@media (min-width: 767px) {
    .boxes {
        width: 300px;
    }
}
.boxes {
    position: relative;
    margin-left: 35px;
    margin-bottom: 16px;
    margin-right: 20px;
    float: left;
}

.boxes .section {
    margin-top: 10px;
}

.boxes .date {
}

.boxes .title {
    font-size: 1.3em;
}

.boxes strong {
    color: #333;
}

.boxes .details ul {
    margin: 0px;
}

.boxes .toggle-handler::after {
    color: #aaa;
    content: "\e114";
    font-family: "Glyphicons Halflings";
    font-size: 10px;
    margin-left: 4px;
}

.boxes .toggle-handler.collapsed::after {
    content: "\e079";
}

.boxes .details {
    color: #777;
    background-color: #eee;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.boxes .actions {
    float: right;
    position: relative;
    right: 10px;
}

.boxes .marker {
    background-color: #eee;
    float: left;
    height: 100%;
    left: -25px;
    position: absolute;
    width: 15px;
}

.boxes .marker.active {
    background-color: #555;
}

.boxes .details .section {
    overflow: hidden;
    text-overflow: ellipsis;
}

/** ordered lists **/
.sortListing {
    width: 50%;
    float: left;
}

.sortListing ul, .sortListing ol {
    padding-left: 20px;
}

.sortListing li {
    cursor: move;
}

/** generate schedule **/
#tab_schedule {
    background-color: #ecf0f5;
    padding: 24px 8px;
}

#tab_schedule #battlefields, #tab_schedule #relations, #tab_schedule #teams {
    width: 100%;
}

#tab_schedule .component {
    width: 219px;
    float: left;
    margin-right: 14px;
}

#tab_schedule .nav.nav-pills.nav-stacked > li {
    padding: 8px 8px 4px;
}

#tab_schedule #classifications {
    margin-top: 20px;
}

#tab_schedule #classifications .box {
    min-height: 418px;
    text-overflow: ellipsis;
}

#tab_schedule #classifications .box.short {
    height: 374px;
}

#tab_schedule #classifications .connectedSortable li, #tab_schedule #battlefields li, #tab_schedule #relations li, #tab_schedule #teams li {
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tab_schedule #classifications .properties {
    position: absolute;
    right: 8px;
    top: 3px;
    cursor: pointer;
    z-index: 50;
}

#classifications .actions {
    height: 303px;
    margin-top: 30px;
}

#tab_schedule #relations li, #tab_schedule #battlefields li {
    padding-right: 50px;
}

#tab_schedule #relations .editButton, #tab_schedule #battlefields .editButton {
    position: relative;
    top: -1px;
}

#tab_schedule #relations .deleteButton, #tab_schedule #battlefields .deleteButton {
    position: absolute;
    top: -1px;
    right: 8px;
}

#tab_schedule #classifications .team .box-body {
    height: 309px;
    overflow-y: auto;
}

#tab_schedule #classifications .box-footer {
    bottom: 0;
    padding: 2px 10px 2px 20px;
    position: absolute;
    width: 100%;
}

#tab_schedule .team_relation:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 900;
    font-display: block;
    content: '\f0c8';
    font-size: 10px;
    left: 6px;
    position: absolute;
    top: 11px;
}

.team_relation0:before {
    color: #00BB00 !important;
}
.team_relation1:before {
    color: #e95a0c !important;
}
.team_relation2:before {
    color: #880088 !important;
}
.team_relation3:before {
    color: #0000FF !important;
}
.team_relation4:before {
    color: #FFFF00 !important;
}
.team_relation5:before {
    color: #00FFFF !important;
}
.team_relation6:before {
    color: #BB0000 !important;
}
.team_relation7:before {
    color: #FF0088 !important;
}
.team_relation8:before {
    color: #888800 !important;
}
.team_relation9:before {
    color: #FF8800 !important;
}
.team_relation10:before {
    color: #00BBBB !important;
}
.team_relation11:before {
    color: #BBBBBB !important;
}
.team_relation12:before {
    color: #440000 !important;
}
.team_relation13:before {
    color: #004400 !important;
}
.team_relation14:before {
    color: #0088FF !important;
}
.team_relation15:before {
    color: #444400 !important;
}
.team_relation16:before {
    color: #880000 !important;
}
.team_relation17:before {
    color: #22FF00 !important;
}

input.weekpicker {
    opacity: 0;
    position: absolute;
}

/** checkboxen **/
input[type=checkbox]:not(old) {
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label, #mapContainer input[type=checkbox]:not(old) {
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span, #mapContainer input[type=checkbox]:not(old) + span > span {
  display          : inline-block;
  /*
  width            : 0.875em;
  height           : 0.875em;
  */
  width            : 14px;
  height           : 14px;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(250,250,250),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(250,250,250),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(250,250,250),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(250,250,250),rgb(240,240,240));
  background-image :         linear-gradient(rgb(250,250,250),rgb(240,240,240));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span, #mapContainer input[type=checkbox]:not(old):checked + span > span {
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(250,250,250));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(250,250,250));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(250,250,250));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(250,250,250));
  background-image :         linear-gradient(rgb(240,240,240),rgb(250,250,250));
}

input[type=checkbox]:not(old):checked + label > span:before, #mapContainer input[type=checkbox]:not(old):checked + span > span:before {
  /*content     : '✓';*/
  font-family: FontAwesome;
  content     : '\f00c';
  display     : block;
  color       : #555;
  font-size: 10px;
  line-height: 13px;
  text-align  : center;
  font-weight: 900;
}

.checkbox input[type="checkbox"] {
    left: 16px;
    top: 12px;
    width: 12px;
}

.singleCheckboxLine {
    padding-top: 7px;
    margin-left: -5px;
}

#mailPersonRow {
    margin: 2px -10px;
}

#mailPersonRow label {
    max-width: none;
}

#cookieCheck {
    position: fixed;
    bottom: 0;
    margin-left: 0;
    z-index: 1111;
}

@media (min-width: 767px) {
    #cookieCheck {
        width: 100%;
    }
}

#cookieCheck .btn {
    position: absolute;
    right: 6px;
    top: 6px;
}

button:disabled {
    color: #ddd;
}

.columns {
    column-count: 1;
    column-gap: 16px;
    
    -moz-column-count: 1;
    -moz-column-gap: 16px;
    
    -webkit-column-count: 1;
    -webkit-column-gap: 16px;
}

@media screen and (min-width: 40em) {
    .columns {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
    }
}

@media screen and (min-width: 70em) {
    .columns {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover {
    color: #ccc;
}

.main-header .sidebar-toggle {
    float: none;
}

/*
@media (max-width: 767px) {
    .admin.fixed .content-wrapper, .fixed .right-side {
        padding-top: 150px;
    }
}
*/

.admin .sidebar-menu > li:hover > a,
.admin .sidebar-menu > li.active > a {
    color: #e95a0c;
    border-left-color: #e95a0c;
}

.admin .modal-content {
    top: 50px;
}

/** color picker **/
.cp-color-picker {
    z-index: 5000;
}

.colortrigger {
    width: 45px;
    height: 20px;
    cursor: pointer;
}

.main-header .navbar .nav > li > a > .label.down {
    top: 28px;
}

@media (max-width: 767px) {
  .skin-yellow-light .main-header > .logo {
    background-color: #ffffff;
    color: #222222;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    padding: 7px 10px;
}

/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

@media (max-width: 767px) {
    .content-header > .breadcrumb {
        display: none;
    }
}

@media (max-width: 767px) {
    form.well {
       padding: 2px;
       padding-top: 4px;
    }
    form .content {
        padding: 0;
    }
}

.guestEditTable {
    width: 100%;
}

.guestEditTable th {
    text-align: center;
}

.guestEditTable td {
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}

.favorite {
    font-size: 0.8em;
}

.favorite.favoriteSwitch {
    cursor: pointer;
}

.favorite.active {
    color: #e95a0c;
}

.treeview i {
    transition: -webkit-transform ease-in-out .3s;
    transition: transform ease-in-out .3s;
    transition: transform ease-in-out .3s,-webkit-transform ease-in-out .3s;
}

.box .notification {
    margin-bottom: 4px;
}

.notification.inactive, .notification.inactive button {
    color: #AAA;
}

.dropdown-menu > li > a > svg, #teamDates svg {
    height: 14px;
}

#teamDates .game .person.presentation .attendance span svg {
    height: 44px;
}