/**
 * Fonts
 */
@import url("../../../misc/Fonts/OpenSans.css");

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/***
General
***/
body {
    color: #000;
    font-family: 'Open Sans',sans-serif, Arial;
    padding: 0;
    margin: 0;
    font-size:13px;
    direction: ltr;
    background-color: #ffffff;
    line-height: 20px;
    font-weight: 400;
}
b, strong {
    font-weight: 600;
}

/*select {*/
    /*-webkit-appearance: none;*/
    /*-webkit-border-radius: 0px;*/
    /*padding-left: 2px;*/
/*}*/

h3 small, h4 small, h5 small {
    color: #444;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    line-height: 1.2;
}
img {
    max-width: 100%;
}
.centered {
    text-align: center !important;
}
h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
    padding-bottom: 10px;
}
.table th, .table td {
    font-size: 12px;
}
table tbody tr td, table thead tr th, .table tbody tr td, .table thead tr th {
    text-align: left;
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 3px;
    border-top: none;
    border-bottom: none;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px 5px;
}
legend {
    line-height: 1.3;
    width: 100%;
    float: left;
    clear: both;
}
fieldset {
    margin-bottom: 10px;
}
input, select {
    margin-bottom: 3px;
}
input[type="text"], input[type="password"] {
    width: 100%;
    max-width: 350px;
}

.line br {
    display: none;
}
.alert > ul {
    padding-left: 20px;
}
/***
Colours
***/
table.pcco-green thead tr th, .btn.blue, .pcco-box-title, .pcco-headline, .footer.pcco-green, .footer.pcco-green a, .tt-detail-detail-div a {
    background-color: #57a632;
    color: #ffffff
}
.btn.delete {
    font-size: 21px;
    padding: 1px 12px;
}

#pcco-btn-ics {
    margin-top: 3px;
}

#pcco_searchresult {
    /*background-color: #eee;*/
    list-style-type: square;
    /*border: 1px solid #eee;*/
}

#pcco_searchresult li {
    padding: 5px 2px;
    cursor: pointer;
    text-decoration: none;
}

#pcco_searchresult li:hover {
    background-color: #eee;
}

.pcco-app-weather {
    position: relative;
    text-align: center;
    /*height: calc(100vh - 100px);*/
}
.pcco-app-weather-maininfo {
    font-size: 54px;
    line-height: 54px;
    font-weight: 100;
    margin-top: 20px;
    word-spacing: -60px;
}
.pcco-app-weather-city {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 1px;
    /*height: 8%;*/
    margin-top: 20px;
}
.pcco-app-weather-precipitation {
    color: #145eaa;
}
.pcco-app-weather-wind {
    color: #68636a;
}
.pcco-app-weather-dayinfo-label img{
    width: 55px!important;
    /*height: 120px;*/
    display: block;
    margin: 0 auto;
}

.pcco-app-weather-border {
    height: 1px;
    /*background-color: rgba(255, 0, 255, 0.9);*/
}

.pcco-app-weather-dayinfo {
    margin-top: 20px;
    font-size: 18px;
    line-height: 34px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    width: 100%;
    float: left;
}
.pcco-col-2.pcco-app-weather {
    background-color: rgba(255, 255, 255, 0.07);
}

.pcco-app-weather-timestring {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
}

.pcco-app-weather-temperature-string {
    font-size: 21px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    /*margin-bottom: 2px;*/
}


.pcco-app-weather-dayinfo-label {
    float: left;
    width: 100%;
    padding-top: 2px;
}
.pcco-app-weather-description {
    margin-top: 10px;
    color: #555;
}
.pcco-app-weather-clearall {
    clear: both;
}
@media(max-width: 550px) {
    .pcco-app-weather-dayinfo {
        margin-top: 10px;
        font-size: 14px;
    }
}

.scorecard-list tr:hover {
    background-color: #f4f4f4;
}

.scorecard-list {
    cursor: pointer;
}

.scorecard-row-heighlighted {
    background-color: #dbf4d9;
}

.pcco-grey {
    background-color: #f7f7f7;
    color: #000000;
}
.tt-detail-detail-div a:hover, .tt-detail-detail-div a:focus, .tt-detail-detail-div a:active, .btn.blue:hover, .btn.blue:focus, .btn.blue:active {
    background-color: #53962f;
    color: #fff;
}
.btn.red {
    background-color: #e30613;
}
.btn.red:hover, .btn.red:active, .btn.red:focus {
    background-color: #b0111b;
}
.btn.simple {
    background: #f4f4f6 linear-gradient(180deg, #fff 0px, #f4f4f6 100%);
    border: 1px solid #c1c5cd;
    box-shadow: 0 -1px 0 #c1c5cd inset;
    color: #535865;
    text-decoration: none;
}
.btn.simple:hover, .btn.simple:active, .btn.simple:focus {
    background: #ffffff none;
    color: #535865;
}
.footer {
    padding: 8px 20px 5px 20px;
    font-size: 12px;
}
a, a:focus, a:hover, a:active {
    text-shadow: none;
    color: #57a632;
    text-decoration: none;
}

.form-actions {
    background-color: transparent;
    border-top: none;
}
.dd-username {
    font-size: 14px;
    color: #444;
    line-height: 16px;
    font-weight: 600;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    text-shadow: none;
}
.navbar-fixed-top {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #ddd;
    position: fixed;
}
.row-fluid [class*="span"] {
    margin-left: 0;
}
/* Fix-DIV for iOS Devices in a Frame */
.pcco-ios-frame {
    height: 100vh;
    overflow-y: auto;
}
.login .pcco-select-search {
    margin-left: 20px !important;
}
.menu-name {
    font-size: 16px; color: #ffffff;
    line-height: 28px;
}
.pcco-box {
    border-radius: 2px 2px 0 0;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fff;
}
.pcco-box-title {
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 5px 10px;
}

.table > thead > tr > th {
    font-size: 14px;
    font-weight: 700;
}

.breadcrumb > li.pcco-print-btn {
    float: right;
}

.pcco-dashboard img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
    max-width: 200px;
}

.pcco-dashboard h3 {
    text-align: center;
    font-size: 20px;
}
.pcco-dashboard h5 {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}
.pcco-dashboard .no-more-tables tr {
    border-left: none;
}

.pcco-dashboard table td {
    border: none;
}

.dashboard-info {
    display: inline-block;
    width: 100px;
    font-weight: 700;
}
.input-group input, .input-group select {
    margin: 0;
    width: 100%;
    padding-left: 15px;
}
.input-group-addon {
    width: 75px;
    border-radius: 0;
    border: 1px solid #e5e5e5;
}
.input-group {
    margin-bottom: 15px;
    width: 100%;
    max-width: 350px;
}
.pccomodal {
    background-color: rgba(0,0,0,0.4);
}
.pccomodal .modal-content {
    z-index: 10600;
}
.modal-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 0;
}

.modal-title-new {

}

div,span, img, td, th, p, a, button, ul, li, .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
input, select, textarea, table {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
textarea {
    max-width: 350px;
    width: 100%;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0;
    position: relative;
    margin-top: 2px;
}

a:focus, a:hover, a:active, select:focus {
    outline: 0 !important;
}

.btn {
    background: #b7b7b7 none;
    border: 0;
    padding: 7px 14px;
    text-shadow: none;
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px !important;
    font-family: 'Open Sans',Arial,sans-serif;
    margin-bottom: 5px;
    text-decoration: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn[disabled],
.btn.disabled {
    color: #ffffff;
    background-color: #8a8a8a;
}

.btn.blue
{
    text-shadow: none;
}

.btn.yellow
{
    background-color: #f0ad4e;
}

.btn.app
{
    padding: 8px 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    font-size: 24px;
    margin-bottom: 25px;
}

.btn.mini
{
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.btn.btn-no-pointer
{
    cursor: default;
}

.big
{
    height: 38px;
    font-size: 18px;
    line-height: 38px;
    padding: 8px 16px;
}

button.btn.big,
input[type="button"].btn.big,
input[type="submit"].btn.big {
    height: 54px;
    padding-top: 9px;
    padding-bottom: 8px;
}

button.btn.mini,
input[type="button"].btn.mini,
input[type="submit"].btn.mini {
    height: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}

a.btn.big.btn-block {
    height: 54px;
}
.btn-two-lines {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.10;
}
.btn.btn-dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    border-radius: 0 !important;
    line-height: 16px;
}

.btn.btn-dropdown:hover, .btn.btn-dropdown:focus, .btn.btn-dropdown:active {
    background-color: #ebebeb;
    border-color: #b3b3b3;
    color: #000;
}
.btn-group-dropdown {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}
.btn-group > .btn:first-child {
    border-radius: 0;
}

.btn-dropdown-left {
    text-align: left;
}

.btn-dropdown-left {
    width: calc(100% - 31px);
}
.btn-group-dropdown .dropdown-menu {
    width: calc(100% - 2px);
}
.btn-group > .btn + .dropdown-toggle {
    padding-left: 9px;
}
.pcco-btn-holder {
    margin: 20px 0;
}
.logo img {
    background-color: white;
    padding: 5px;
    width: 150px;
}
.center {
    text-align: center;
}
.divider-40 {
    width: 100%;
    height: 40px;
}
.pointer {
    cursor: pointer;
}
.hidden {
    display: none;
}

/* Toggle Button */

.onoffswitch-label {
    position: relative;
    vertical-align: top;
    width: 55px;
    height: 22px;
    padding: 3px;
    margin: 0 10px 10px 0;
    border-radius: 18px;
    cursor: pointer;
    box-sizing:content-box;
    display: inline-block;
    align-content: right;
}
.onoffswitch-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing:content-box;
}
.onoffswitch-inner {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    font-weight: 600;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing:content-box;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing:content-box;
}
.onoffswitch-inner:before {
    content: attr(data-off);
    right: 10px;
    left: inherit;
    color: #aaa;
    font-weight: 600;
}
.onoffswitch-inner:after {
    content: attr(data-on);
    left: 10px;
    color: #fff;
    opacity: 0;
    font-weight: 600;
}
.onoffswitch-checkbox:checked ~ .onoffswitch-inner {
    background: #57a632;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.onoffswitch-checkbox:checked ~ .onoffswitch-inner:before {
    opacity: 0;
}
.onoffswitch-checkbox:checked ~ .onoffswitch-inner:after {
    opacity: 1;
}
.onoffswitch-switch {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.onoffswitch-switch:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.onoffswitch-checkbox:checked ~ .onoffswitch-switch {
    left: 37px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.onoffswitch-inner,
.onoffswitch-switch {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.pcco-payment-btn-holder {
    margin-bottom: 20px;
}
.pcco-payment-btn-holder form{
    display: inline-block;
    margin: 2px 0;
}

/*#fs_book_1_player_2 {*/
/*display: none;*/
/*}*/
/*#fs_book_1_player_3 {*/
/*display: none;*/
/*}*/
/*#fs_book_1_player_4 {*/
/*display: none;*/
/*}*/
/*#person-button-3 {*/
/*display: none;*/
/*}*/
/*#person-button-4 {*/
/*display: none;*/
/*}*/

/***
Loading Spinner
***/

@-webkit-keyframes throbber {
    0% {
        background: #dde2e7;
    }

    10% {
        background: #6b9dc8;
    }

    40% {
        background: #dde2e7;
    }
}

@-moz-keyframes throbber {
    0% {
        background: #dde2e7;
    }

    10% {
        background: #6b9dc8;
    }

    40% {
        background: #dde2e7;
    }
}

@-o-keyframes throbber {
    0% {
        background: #dde2e7;
    }

    10% {
        background: #6b9dc8;
    }

    40% {
        background: #dde2e7;
    }
}

@keyframes throbber {
    0% {
        background: #dde2e7;
    }

    10% {
        background: #6b9dc8;
    }

    40% {
        background: #dde2e7;
    }
}
.throbber:not(:required) {
    -webkit-animation: throbber 2000ms 300ms infinite ease-out;
    -moz-animation: throbber 2000ms 300ms infinite ease-out;
    -o-animation: throbber 2000ms 300ms infinite ease-out;
    animation: throbber 2000ms 300ms infinite ease-out;
    background: #dde2e7;
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 0.9em;
    height: 1.5em;
    margin: 0 1.6em;
}
.throbber:not(:required):before, .throbber:not(:required):after {
    background: #dde2e7;
    content: '\x200B';
    display: inline-block;
    width: 0.9em;
    height: 1.5em;
    position: absolute;
    top: 0;
}
.throbber:not(:required):before {
    -webkit-animation: throbber 2000ms 150ms infinite ease-out;
    -moz-animation: throbber 2000ms 150ms infinite ease-out;
    -o-animation: throbber 2000ms 150ms infinite ease-out;
    animation: throbber 2000ms 150ms infinite ease-out;
    left: -1.6em;
}
.throbber:not(:required):after {
    -webkit-animation: throbber 2000ms 450ms infinite ease-out;
    -moz-animation: throbber 2000ms 450ms infinite ease-out;
    -o-animation: throbber 2000ms 450ms infinite ease-out;
    animation: throbber 2000ms 450ms infinite ease-out;
    right: -1.6em;
}

.modal-loading {
    font-weight:300;
    font-family:'Open Sans',sans-serif, Arial, Verdana, "Trebuchet MS";
    color: #eee;
    font-size: 13px;
}
/***
Clubselect
***/
.pcco-country-menu-list {
    width: 100%;
}

.pcco-country-menu-list .pcco-country-menu-item {
    width: 20%;
    float: left;
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.pcco-country-menu-list .pcco-country-menu-item.active,
.pcco-country-menu-list .pcco-country-menu-item:hover,
.pcco-country-menu-list .pcco-country-menu-item:focus  {
    background-color: #f7f7f7;
    cursor: pointer;
    border: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pcco-country-menu-list .pcco-country-menu-item img{
    height: 25px;
    margin-right: 4px;
    margin-top: -3px;
}
.pcco-club-list {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.pcco-club-list > div:first-child {
    width: 100%;
    box-sizing: border-box;
}
.pcco-country-wrap {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
}
.pcco-country-wrap span {
    display: block;
    background-color: #f7f7f7;
    width: 100%;
    line-height: 34px;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.pcco-country-wrap span i {
    display: block;
    float: left;
    font-size: 17px;
    margin-right: 10px;
    margin-top: 8px;
}

.pcco-country-wrap span img {
    height: 17px;
    margin-right: 10px;
    margin-top: -3px;
}
.pcco-country-wrap .pcco-club {
    padding-left: 10px;
    /*padding-right: 20px;*/
    border-bottom: 1px solid #ddd;
}
.pcco-country-wrap .pcco-club {
    background: url(../img/arrow.png) no-repeat right;
}
#pcco-clublist-visited .pcco-club{
    background : none;
}
.pcco-country-wrap div:last-child {
    border-bottom: none;
}
.clubselect .alert {
    padding: 3px 15px;
}
.login .content.clubselect,
.login .content.clubselect input[type="text"],
.login .content.clubselect input[type="password"] {
    max-width: 500px;
}
.pcc_connect .pcco-form {
    padding: 10px 15px;
    margin: 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi)
{
    .pcco-country-wrap .pcco-club
    {
        background-image:url(../img/arrow@2x.png);
        background-size: 18px 30px;
    }
}
.pcco-country-wrap .pcco-club:hover, .pcco-country-wrap .pcco-club:active, .pcco-country-wrap .pcco-club:focus {
    background-color: #f7f7f7;
}
.pcco-country-wrap .pcco-club a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    width: calc(100% - 2em);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
}
.pcco-country-wrap .pcco-club .pcco-club-hider {
    display: inline-block;
    width: 1.5em;
    margin: 0;
}
.pcco-country-wrap .pcco-club .pcco-club-hider .fa {
    color: gray;
}
.fullwidth {
    width: 100% !important;
}

/***
Register
***/

.register {
    padding: 10px !important;
    background-color: transparent;
}
.register li {
    line-height: 30px;
}
.register .hint {
    margin-bottom: 15px;
    font-size: 14px;
    font-style: italic;
}
.register legend {
    line-height: 25px;
    margin-bottom: 10px;
}
.navbar .btn-navbar {
    margin-top: 20px;
}
.pcco-select-policy {
    max-width: 400px;
}
.pcco-select-policy #policy {
    margin-top: 20px;
}
/***
Register DGV Pass
***/

#pcco-dgv-pass {
    width: 400px;
    height: 252px;
    background: url('../../../dgvid.png') no-repeat;
    float: left;
}

#pcco-dgv-pass #stv {
    height: 20px;
    margin-left: 20px;
    margin-top: 177px;
    width: 35px;
    font-size: 10px;
}
#pcco-dgv-pass #persid {
    height: 20px;
    margin-left: 13px;
    margin-top: 177px;
    width: 80px;
    font-size: 10px;
}
#pcco-dgv-pass #pin {
    height: 20px;
    margin-left: 18px;
    margin-top: 177px;
    position: absolute;
    width: 50px;
    font-size: 10px;
}
#pcco-dgv-pass input {
    background-color: #fff;
}

/***
Manager
***/
.managerdetail {
    width: 100%;
    padding-left: 21px;
}
.managerdetail strong {
    min-width: 65px;
    display: block;
    float: left;
}
/***
404 Page
***/

.page-404-full-page,
.maintenance-full-page,
.move-full-page{
    padding: 20px;
    background-color: #fafafa;
}
.page-404 {
    text-align: center;
    margin-top: 100px;
}

.page-404-content {
    background-color: #ffffff;
}
.page-404 .number {
    display: inline-block;
    letter-spacing: -10px;
    margin-top: 0;
    line-height: 128px;
    font-size: 158px;
    font-weight: 300;
    color: #57a632;
    text-align: right;
}

.page-404 .details {
    margin-left: 40px;
    display: inline-block;
    padding-top: 0;
    text-align: left;
}

.maintenance-content,
.move-content {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}
.maintenance-content .logo img,
.move-content .logo img {
    display: block;
    margin: 30px auto 20px;
    width: 230px;
    background: #fafafa;
}
.maintenance-content .maintenance-image img,
.move-content .maintenance-image img {
    margin: 0 auto 20px;
    display: block;
    width: 125px;
}
.maintenance-content .tabbable-custom > .nav-tabs,
.move-content .tabbable-custom > .nav-tabs {
    margin: 20px 0 0;
}
.maintenance-content .tab-wrap,
.move-content .tab-wrap {
    padding: 20px;
}
.move-content .tab-wrap h3 {
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 400;
}
.move-content .tab-wrap p span {
    font-weight: 700;
}
.maintenance-content .pcco-btn-holder {
    margin-top: 30px;
}

/***
Login Page
***/

.register .logo,
.login .logo {
    margin: 25px auto 0;
    padding: 5px;
    text-align: center;
    width: 220px;
}
.register .logo img,
.login .logo img {
    width: 100%;
}

.register .content,
.login .content {
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    padding: 4px 10px 15px;
    box-sizing: border-box;
    max-width: 320px;
}

.login .content h3 {
    color: #000;
}
.login .content h4  {
    color: #555;
}

.login .content p {
    color: #222;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0;
    margin: 0;
}

.register .content .m-wrap,
.login .content .m-wrap {
    width: 100% !important;
    box-sizing: border-box;
    height: 34px;
}
.login .content .m-wrap.pcco-club-selection {
    width: 100%;
}
.login .radio input[type="radio"], .checkbox input[type="checkbox"] {
    margin-left: 0 !important;
    margin-right: 10px !important;
}
.login label, select, textarea {
    font-size: 12px;
}
.login .controls > .radio.line {
    padding-left: 0 !important;
}
.login .content .control-group {
    margin-bottom: 10px;
}

.login .content .input-icon .m-wrap {
    margin: 0;
}
.login .label-fix-clubauswahl {
    margin-top: 25px;
}
.login .content .forget-form {
    display: none;
}

.login .content .register-form {
    display: none;
}

.login .content .form-title {
    font-weight: 300;
    margin-bottom: 10px;
}
.register .content .form-actions,
.login .content .form-actions {
    background-color: transparent;
    clear: both;
    border: none;
    padding: 20px 25px;
    margin: 0;
}

.login .content .forget-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.login .content .register-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.login .content .form-actions .checkbox {
    margin-top: 8px;
    display: inline-block;
}

#frm_register_dgv input[name="sub[select]"] {
    float: left;
    margin-right: 5px;
}

.radio-list {
    margin-top: 5px;
    margin-bottom: 10px;
}
.radio-list label {
    margin-bottom: 5px;
}
.login .control-label {
    cursor: default;
}
.login .control-label {
    font-size: 15px;
}
.login .login-info-label {
    font-size: 11px;
    cursor: default;
}
.login .radio-label {
    display: inline;
}
.login select {
    width: 100%;
}

.login .content .forget-password {
    margin-top: 10px;
}

.login .content .create-account {
    border-top: 1px dotted #eee;
    padding-top: 10px;
    margin-top: 10px;
}

.login .content .create-account a {
    display: inline-block;
    margin-top: 5px;
}

.login .copyright {
    text-align: center;
    width: 250px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    color: #ffffff;
    font-size: 11px;
}
body.login {
    background-color: transparent;
}
.pcco-select-language {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.pcco-select-language a {
    float: left;
    box-sizing: border-box;
    padding: 5px 3%;
}
.pcco-select-language a:hover, .pcco-select-language a:focus, .pcco-select-language a:active {
    background-color: #f7f7f7;
    cursor: pointer;
    border: 1px solid #ddd;
    padding-top: 4px;
    padding-bottom: 4px;
}

.pcco-select-language a img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 30px;
}

/***
User > My Tournaments
***/

.btn-table {
    width: 100%;
    margin-bottom: 0 !important;
    vertical-align: middle;
}
.meine-turniere tbody tr td {
    line-height:1.4;
}
.meine-buchungen tbody td {
    font-size: 12px;
}

.info {
    font-size: 11px;
    display: block;
    margin-top: 0 !important;
}
.tt-buchung-check {
    margin-bottom: 5px;
}
.pcco-selection {
    list-style: none;
}
.pcco-user-tournament-list {
    margin-bottom: 20px;
    width: 100%;
}
.pcco-user-tournament-list-item > div {
    padding: 5px 10px !important;
    margin: 5px 0;
}
.pcco-user-tournament-list > div:nth-child(2n+1) {
    background-color: #f7f7f7;
}
.pcco-user-tournament-list-item {
    width: 100%;
    padding: 5px 0;
}
.pcco-user-tournament-list-item > div:first-child {
    width: 170px;
    display: inline-block;
    vertical-align: top;
}
.pcco-user-tournament-list-item > div:last-child {
    display: inline-block;
    border-left: 1px solid #ddd;
    width: calc(100% - 175px);
}
span.pcco-user-tournament-list-name {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 12px;
}
.pcco-tournament-list-date span {
    display: block;
    width: 100%;
    text-align: center;
}
.pcco-tournament-list-date span:nth-child(1) {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}
.pcco-tournament-list-date span:nth-child(2) {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
}
.pcco-tournament-list-date span:nth-child(3) {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #777;
}
span.pcco-user-tournament-list-info {
    display: block;
    width: 100%;
}
@media(max-width: 600px) {
    .pcco-user-tournament-list-item > div:first-child {
        width: 120px;
    }
    .pcco-user-tournament-list-item > div:last-child {
        width: calc(100% - 125px);
    }
    span.pcco-user-tournament-list-name {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
    }
    .pcco-tournament-list-date span:nth-child(1) {
        font-size: 20px;
        line-height: 30px;
    }
    .pcco-tournament-list-date span:nth-child(2) {
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }
    .pcco-tournament-list-date span:nth-child(3) {
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #777;
    }
}

/***
Friendlist
***/
.pcco-list-user-friends {
    margin: 30px auto;
    max-width: 950px;
}
#pcco-list-user-friends {
    border: 1px solid #ddd;
}
#pcco-form-friend-list .pcco-content-field {
    padding: 0 10px;
}
#pcco-form-friend-list .actions a .fa {
    font-size: 18px;
    margin-right: 6px;
    padding: 2px;
}
#pcco-form-friend-list .actions a:last-child .fa {
    margin-right: 0;
}
#pcco-list-user-friends tr th,
#pcco-list-user-friends tr td {
    padding: 10px 15px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
}
#pcco-list-user-friends tr th {
    background: #e9e9e9;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    font-size: 13px !important;
}
tr.openfriend td {
    background-color: #f7f7f7;
}
#pcco-list-user-friends tr td:last-child,
#pcco-list-user-friends tr th:last-child {
    text-align: right;
}
#pcco-form-friend-list .pcco-form {
    margin-top: 0;
}
#pcco-list-user-friends a.answer-friend-request {
    background: #999;
    color: #fff;
    padding: 4px 12px;
    margin-right: 5px;
    font-size: 12px;
}
#pcco-list-user-friends .mobile-number {
    text-align: center;
}
#pcco-list-user-friends .actions {
    min-width: 150px;
}
#pcco-list-user-friends tbody tr td.name {
    font-weight: 600;
    font-size: 13px !important;
}
#pcco-list-user-friends .info {
    color: #888;
    font-weight: 500;
}

.pcco-friend-confirmation {
    margin: 0 auto;
    max-width: 500px;
    padding: 10px;
}
.pcco-friend-confirmation-headline {
    padding: 15px 0;
}
#frm_friend_admit_confirmation {
    border: none;
}
.pcco-friend-confirmation .pcco-form {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.pcco-friend-confirmation-content {
    padding: 20px 25px;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.pcco-friend-confirmation-info {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}
.pcco-friend-confirmation-content a {
    display: block;
    line-height: 22px;
}
#frm_friend_admit_confirmation .sub {
    font-size: 13px;
    background: #f4f4f4;
    border: 1px solid #eee;
    padding: 20px;
    margin-top: 15px;
}
#frm_friend_admit_confirmation .sub label {
    display: block;
    padding-bottom: 3px;
    font-weight: 600;
}
#frm_friend_admit_confirmation .sub .info-text {
    padding-bottom: 20px;
}
#frm_friend_admit_confirmation input[type="text"],
#frm_friend_admit_confirmation input[type="password"] {
    background: #fff;
    border: 1px solid #ddd;
    height: 34px;
    max-width: 100%;
    font-size: 13px;
    margin-bottom: 15px;
}
#frm_friend_admit_confirmation fieldset {
    margin-bottom: 0;
}

.pcco-checkbox {
    display: inline;
    position: relative;
    margin-right: 30px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pcco-checkbox .pcco-checkbox-container {
    padding-left: 30px;
    margin-right: 30px;
    font-weight: 600;
    margin-bottom: 12px;
    position: relative;
}
.pcco-checkbox .pcco-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.pcco-checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
}
.pcco-checkbox:hover .pcco-checkbox-container input ~ .checkmark {
    background-color: #eee;
}
.pcco-checkbox .pcco-checkbox-container input:checked ~ .checkmark {
    background-color: #57a632;
    border: 1px solid #57a632;
}
.pcco-checkbox .pcco-checkbox-container input:checked ~ .checkmark.decline {
    background-color: #aaa;
    border: 1px solid #aaa;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.pcco-checkbox .pcco-checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.pcco-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pcco-checkbox-container input:checked ~ .checkmark {
    background-color: #f4f4f4;
    border: 1px solid #eee;
}

@media (max-width: 600px) {
    #pcco-list-user-friends tr th,
    #pcco-list-user-friends tr td {
        padding: 7px;
    }
    #pcco-form-friend-list .actions a .fa {
        margin-right: 6px;
        padding: 2px;
    }
    #pcco-list-user-friends .actions {
        min-width: 120px;
    }
    #pcco-list-user-friends a.answer-friend-request {
        padding: 2px 5px;
    }
}
@media (max-width: 530px) {
    #pcco-list-user-friends {
        margin: 20px auto;
        border: none;
    }
    #pcco-list-user-friends thead {
        display: none;
    }
    #pcco-form-friend-list .pcco-content-field {
        padding: 0 5px;
    }
    #pcco-list-user-friends tbody tr {
        border-bottom: 20px solid #f5f5f5;
    }
    #pcco-list-user-friends tbody tr td {
        display: block;
        width: 100%;
        padding: 7px 10px 7px 120px;
        text-align: left;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        line-height: 1.3;
    }
    #pcco-list-user-friends tbody tr td::before {
        content: attr(data-label);
        width: 110px;
        float: left;
        text-align: left;
        padding: 7px 15px;
        font-weight: 700;
        margin: -7px 15px -7px -125px;
    }
    #pcco-list-user-friends tr td.actions {
        text-align: center;
        padding: 5px 15px;
        border-bottom: 1px solid #ddd;
    }
    #pcco-list-user-friends .mobile-number {
        text-align: left;
    }
    #pcco-list-user-friends a.answer-friend-request {
        padding: 3px 15px;
    }
}
@media (max-width: 375px) {
    #frm_friend_admit_confirmation .sub {
        padding: 15px 10px;
    }
    .pcco-friend-confirmation-content {
        padding: 15px;
    }
}
/***
Booking List
***/
.trainer-bookings-list {
    width: 100%;
    float:left;
    margin-top: -5px;
}
.pcco-manager-booking {
    width: 100%;
    float:left;
    padding: 8px 0;
}
.trainerdayheader {
    width: 100%;
    float: left;
    margin-top: 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0 5px;
    background-color: #f2f2f2;
    line-height: 24px;
}
.trainerdayheader span.date {
    font-weight: 700;
    font-size: 14px;
    display: block;
}
.trainerdayheader span.date small {
    font-weight: 400;
    font-size: 12px;
}
.pcco-manager-booking > div {
    padding: 0 5px;
}
.trainer-bookings-list > div {
    border-bottom: 1px solid #ddd;
}
.trainer-bookings-list > div:last-child {
    border-bottom: none;
}
.trainer-bookings-list > div:first-child {
    padding-top: 13px;
}
.trainer-bookings-list .booking-time span.bookingtime {
    font-weight: 700;
    font-size: 15px;
    display: block;
    width: 100%;
}
.trainer-bookings-list .booking-info i {
    width: 15px;
}
.trainer-bookings-list .booking-time span.bookingdate {
    font-weight: 500;
    font-size: 14px;
}
.trainer-bookings-list .booking-info span {
    display: block;
}
.trainer-bookings-list .booking-action .btn {
    float: right;
    font-size: 20px;
    line-height: 20px;
    padding: 6px;
    width: 34px;
}
.btn.btn-simple.inactive {
    background-color: #f2f2f2;
}
ul.pagination {
    margin: 10px 0 15px 0;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > a,
.pagination > li > span:hover,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
    color: #57a632;
    font-weight: 700;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #57a632;
    border-color:#ddd;
}
.pagination > .inactive > a,
.pagination > .inactive > a:focus,
.pagination > .inactive > a:hover,
.pagination > .inactive > span,
.pagination > .inactive > span:focus,
.pagination > .inactive > span:hover {
    background-color: #ffffff;
    cursor: default;
}
.booking-time a.pcco-manager-booking-delete {
    display: none;
}
@media (max-width: 650px) {
    .trainer-bookings-list {
        margin-top: 0;
    }
    .booking-action a.pcco-manager-booking-delete {
        margin-top: 10px;
    }
    .pcco-manager-booking {
        padding: 0 0 5px 0;
    }
    .trainer-bookings-list > div:nth-child(odd) {
        background-color: #ffffff;
    }
    .pcco-manager-booking .booking-time {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        background: #f2f2f2;
    }
    .trainer-bookings-list > div:first-child > div {
        border-top: none;
    }
    .trainerdayheader {
        border-bottom: 2px solid #ddd;
        line-height:30px;
    }
    .trainer-bookings-list .booking-time span.bookingtime {
        font-size: 16px;
        line-height: 30px;
    }
    .booking-time a.pcco-manager-booking-delete {
        background-color: transparent;
        color: #57a632;
        float: right;
        font-size: 22px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 50px;
        display: block;
    }
    .booking-time a.pcco-manager-booking-delete:hover,
    .booking-time a.pcco-manager-booking-delete:active,
    .booking-time a.pcco-manager-booking-delete:focus{
        background-color: transparent;
        color: #57a632;
    }
    .booking-action a.pcco-manager-booking-delete {
        display: none;
    }
    .trainer-bookings-list > div {
        border-bottom: none;
    }
    .trainer-bookings-list > div:first-child {
        padding-top: 0;
    }
}
/***
Stoppages
***/
#pcco-list-user-bookings-list {
    margin: 0;
}
#pcco-list-user-bookings-list td.actions {
    vertical-align: middle;
}
.pcco-form.btn2block {
    padding: 10px 0;
    float: left;
    width: 100%;
}
.pcco-form.btn2block .btn {
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
    padding: 7px 2px;
}
.pcco-form.btn3block {
    padding: 10px 0;
    float: left;
    width: 100%;
}
.pcco-form.btn3block .btn {
    width: 31%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
    padding: 7px 2px;
}
@media(max-width: 780px) {
    .pcco-form.btn3block .btn {
        width: 100%;
        float: left;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        padding: 7px 2px;
    }
}
.pcco-resultlist-vcard button {
    margin-top: 10px;
}
@media (max-width: 780px) {
    .pcco-resultlist-vcard button {
        width: 100%;
    }
}
/***
Personal Scorecard
***/
.personal-scorecard-info tbody tr td {
    min-width: 80px;
    border-color: #ddd;
}
.table-personal-scorecard {
    margin-top: 20px;
}
.table-personal-scorecard tbody tr td, .table-personal-scorecard thead tr th {
    text-align: center;
}
.table-personal-scorecard thead tr th {
    text-align: center;
    font-size: 16px;
}
.table-personal-scorecard .th-loch {
    width: 15%;
}
.table-personal-scorecard .th-par, .table-personal-scorecard .th-vv {
    width: 12%;
}

.table-personal-scorecard .th-vv-info {
    width: 20px;
}
.table-personal-scorecard .th-score {
    width: 25%;
}
.table-personal-scorecard .th-punkte {
    width: 18%;
}
.table-personal-scorecard td {
    text-align: center;
    line-height: 19px;
    font-size: 16px;
}
.table-personal-scorecard .tb-loch{
    font-weight: 700;
}
.table-personal-scorecard .tb-score, .table-personal-scorecard .tb-punkte {
    padding-top: 2px;
    padding-bottom: 2px;
}
.table-personal-scorecard .tb-punkte {
    line-height: 27px;
}
.table-personal-scorecard .tb-input {
    width: 50px;
    margin-bottom: 0;
    font-size: 12px;
    height: 25px;
    text-align: center;
    font-family: 'Open Sans',sans-serif, Arial;
}
.table-personal-scorecard .total-1 .tb-punkte div, .table-personal-scorecard .total-2 .tb-punkte div {
    height: 27px;
    width: 27px;
    border-radius: 27px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
}
.table-personal-scorecard .tb-punkte .punkte-minus {
    color: #df0d0d;
    font-weight: 700;
}
.table-personal-scorecard .tb-punkte .punkte-plus {
    color: #57A632;
    font-weight: 700;
}
.table-personal-scorecard .tb-punkte .punkte-yellow {
    color: #f9aa33;
    font-weight: 700;
}
.table-personal-scorecard .total-1 .tb-punkte .punkte-minus, .table-personal-scorecard .total-2 .tb-punkte .punkte-minus {
    background-color: #df0d0d;
    color: #fff;
}
.table-personal-scorecard .total-1 .tb-punkte .punkte-plus, .table-personal-scorecard .total-2 .tb-punkte .punkte-plus {
    background-color: #57A632;
    color: #fff;
}
.table-personal-scorecard .total-1 .tb-punkte .punkte-yellow, .table-personal-scorecard .total-2 .tb-punkte .punkte-yellow {
    background-color: #f9aa33;
    color: #fff;
}

.table-personal-scorecard .total-1 td {
    background-color: #f7f7f7;
    font-weight: 700;
}
.table-personal-scorecard .total-2 td {
    background-color: #f7f7f7;
    border-top: 6px double #ddd;
    border-bottom: 2px solid #ddd;
    font-weight: 700;
}
.table-personal-scorecard .total-1 .tb-score {
    padding-top: 6px;
    padding-bottom: 6px;
}
td.pcco-tournament-scorecard-select {
    line-height: 36px !important;
}
.personal-scorecard-info .m-wrap {
    width: 100%;
}
.table-personal-scorecard .result-info {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}
.table-personal-scorecard .result-value {
    font-size: 16px;
    font-weight: 300;
}
.table-personal-scorecard tr:last-child td {
    border-bottom: 2px solid #ddd;
}
.table.table-personal-scorecard.html2canvas {
    width: 600px !important;
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}
.table-personal-scorecard.html2canvas thead tr th {
    background-color: #f7f7f7;
    color: #000;
    border-top: 1px solid #ddd;
}
.table-personal-scorecard.html2canvas thead tr th:last-child, .table-personal-scorecard.html2canvas tbody tr td:last-child {
    border-right: 1px solid #ddd !important;
}
.table-personal-scorecard.html2canvas tbody tr td {
    border-bottom: 1px solid #ddd !important;
}
.table-personal-scorecard.html2canvas .total-1 .tb-punkte .punkte-minus, .table-personal-scorecard.html2canvas .total-2 .tb-punkte .punkte-minus {
    background-color: #f7f7f7;
    color: #df0d0d;
}
.table-personal-scorecard.html2canvas .total-1 .tb-punkte .punkte-plus, .table-personal-scorecard.html2canvas .total-2 .tb-punkte .punkte-plus {
    background-color: #f7f7f7;
    color: #57a632;
}
.table-personal-scorecard.html2canvas input.m-wrap, .table-personal-scorecard.html2canvas input, .table-personal-scorecard.html2canvas textarea {
    border: none;
    color: #000000 !important;
}
.scorecard-share {
    float: right;
    margin-bottom: 30px;
}
.personal-scorecard-info .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}
.personal-scorecard-info .checkbox label {
    padding-left: 0;
}
.scorecard-list tr:hover {
    background-color: #f4f4f4;
}

.scorecard-list {
    cursor: pointer;
}

.scorecard-row-heighlighted {
    background-color: #dbf4d9;
}

#fbResult {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 15px;
}
#fbResult a:hover, #fbResult a:active, #fbResult a:focus {
    background-color: #f3f3f3;
}
#fbResult a {
    display: block;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}
.fb-login-button {
    padding: 4px;
    background: linear-gradient(#4c69ba, #3b55a0) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.fb-login-button:hover, .fb-login-button:active, .fb-login-button:focus {
    background: linear-gradient(#5b7bd5, #4864b1) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.personal-scorecard-info td input {
    margin-top: -5px;
}
/***
Tournament Calendar
***/

.table-turnierkalender {
    border-collapse: separate;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.table-turnierkalender thead{
    border: none;
}
.table-turnierkalender tbody {
    border-bottom: 1px solid #ddd;
}
.table-turnierkalender tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle !important;
}
.table-turnierkalender tbody td:first-child {
    border-left: 1px solid #ddd;
    vertical-align: top !important;
}
.hidden-480 .turnierkalender-eds {
    line-height: 65px !important;
    font-size: 20px;
    font-weight: 700;
    color: #444444;
}
.hidden-480 .tk-icon {
    display:inline-block;
    font-size: 30px;
    line-height: 65px;
    text-align: center;
    width: 100%;
    color: #444;
}
.guest-wrapper .tk-detail-info .tk-icon-guest {
    font-size: 24px;
    line-height: 26px;
    margin: 5px 0 1px 0;
    display: block;
}
.cat-ts_resultlist .guest-wrapper,
.cat-ts_resultlist .tk-detail-detail-div.ics-button-wrapper,
.cat-ts_resultlist .register-wrapper,
.cat-ts_resultlist .hidden-resultlist,
.details .tk-detail-detail-div.cancel-wrapper {
    display: none;
}
.cat-ts_resultlist .details-wrapper {
    width: 100%;
}
.hidden-480 .fa-check, .fa-check {
    color: #3aaa35;
}
.hidden-480 .fa-times, .fa-times {
    color: #e30613;
}
.alert-hint {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-hint a {
    text-decoration: underline;
    font-weight: 700;
}
.fa-warning {
    color: #e3b537;
}
.tk-datum {
    display: block;
    height: 33px;
    text-align: center;
    width: 45px;
    margin: 5px auto auto;
    cursor: pointer;
}
.tk-datum-monat-intern {
    display: block;
    height: 16px;
    text-align: center;
    width: 40px;
    margin: auto;
    font-size: 11px;
    cursor: pointer;
    color: #ffffff;
    background-color: #aa170c;
    text-transform: uppercase;
}
.tk-datum-monat-offen {
    display: block;
    height: 16px;
    text-align: center;
    width: 40px;
    margin: auto;
    font-size: 11px;
    cursor: pointer;
    color: #ffffff;
    background-color: #57a632;
    text-transform: uppercase;
}
.tk-datum-tag {
    display: block;
    height: 15px;
    text-align: center;
    width: 38px;
    margin: auto;
    font-size: 19px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
    cursor: pointer;
    background-color: #ffffff;
}
.table-turnierkalender thead tr th.tk-th-datum {
    width: 46px;
}
.table-turnierkalender thead tr th.tk-th-loch {
    width: 70px;
    max-width: 70px;
}
.table-turnierkalender thead tr th.tk-th-vgw {
    width: 70px;
    max-width: 70px;
    min-width: 40px;
}
.table-turnierkalender thead tr th.tk-th-intern {
    width: 70px;
    max-width: 70px;
    min-width: 40px;
}
.table-turnierkalender thead tr th.tk-th-sponsor {
    width: 140px;
    max-width: 140px;
}
.table-turnierkalender tbody tr td .tk-club {
    font-size: 12px;
}
.table-turnierkalender tbody tr td .tk-turnier {
    font-size: 12px;
    font-weight: bold;
    display:block;
}
.tk-detail-wrapper {
    max-width: 800px;
}
.tk-art {
    font-size: 10px;
}
.table-turnierkalender tbody tr td .tk-subtitle {
    font-size: 10px;
    display: block;
}
.tk-detail-div {
    width: 100%;
}
.tk-div-oben {
    border-top: 2px solid #DDDDDD;
}
table.table-turnierkalender .details {
    border-bottom: 1px solid #DDDDDD;
}
.tk-detail-detail-div {
    width: 50%;
    float: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.tk-detail-detail-div a {
    display: block;
    height: 100%;
    font-size: 14px;
    padding: 15px 0;
    text-decoration: none;
    font-weight: 600;
    line-height: 20px;
}
.tk-inaktiv{
    height:100%;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    font-weight: 600;
    color: #999;
}
.tk-detail-detail-div a:hover {
    background-color: #F9F9F9;
}
.tk-sponsor-wrapper {
    max-width: 290px;
    margin: auto;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}
/*.tk-detail-detail-div a.download-ics {
    padding: 6px 0;
}*/
.tk-detail-name {
    width: 100%;
    text-align: center;
    line-height: 18px;
}
.tk-detail-info {
    width: 100%;
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    text-align: center;
    color: #444;
}
#viewport {
    width: 100%;
    overflow:hidden;
}
#viewport ul {
    position: relative;
    padding: 0;
    width: 420vw;
}
#viewport li {
    width: 33vw;
    height: 35px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    float: left;
    list-style: none;
}
.tk-pointer {
    cursor: pointer;
}

.turnier-zahl {
    width: 5% !important;
}
.sponsor-tk {
    width: 100%;
    text-align: center;
}
.sponsor {
    width: auto !important;
    max-width: 90%;
    max-height: 90px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.portlet.box.blue .portlet-title {
    background-color: #57a632;
}
td.table-center, th.table-center {
    text-align: center;
}
.portlet-body.blue, .portlet.blue {
    background-color: #57a632 !important;
}

.offen {
    font-size: 24px;
    color: #15b304;
}

time.icon {
    font-size: 1em; /* change icon size */
    display: block;
    position: relative;
    width: 56px !important;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 1px 0 #BDBDBD, 0 2px 0 #FFFFFF, 0 3px 0 #BDBDBD,0 0 0 1px #BDBDBD;
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 4px;
}

.tk-intern time.icon strong {
    /*position: absolute;
    top: 0;*/
    color: #fff;
    background-color: #f39000;
    border-bottom: 1px dashed #b66c00;
    box-shadow: 0 1px 0 #f39000;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

.tk-inaktiv time.icon strong {
    /*position: absolute;
    top: 0;*/
    color: #fff;
    background-color: #aeafaf;
    border-bottom: 1px dashed #878888;
    box-shadow: 0 1px 0 #aeafaf;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

.tk-offen time.icon strong {
    /*position: absolute;
    top: 0;*/
    color: #fff;
    background-color: #68a62e;
    border-bottom: 1px dashed #2e632a;
    box-shadow: 0 1px 0 #68a62e;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    padding-top: 1px;
    padding-bottom: 1px;
}

.tk-intern time.icon em {
    color: #f39000;
}

.tk-inaktiv time.icon em, time.icon em {
    color: #aeafaf;
}

.tk-offen time.icon em {
    color: #68a62e;
}
time.icon * {
    display: block;
    width: 100%;
    font-size: 9px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
}
time.icon small {
    font-size: 9px;
    color: #000000;
    border-top: 1px dashed #bdbdbd;
    line-height: 12px;
    margin-top: 1px;
}
time.icon small.noborder {
    border: none;
}
time.icon em {
    margin-top: -7px;
}

time.icon span {
    width: 100%;
    font-size: 18px;
    /*padding-top: 17px;*/
    color: #2f2f2f;
    padding-bottom: 3px;
}
/***
Tournament Results
***/
dl.pcco-tournament-detail > dt {
    text-align: left;
}
dl.pcco-tournament-detail > dt::after {
    content: ':';
}
.dl-horizontal.pcco-tournament-detail:last-of-type {
    margin-bottom: 30px;
}
/*.table-turnierergebnisliste {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    !*border-collapse: separate;*!
}*/

.pcco-tournament-resultlist-extra-ranking.table-bordered > tbody > tr > td,
.pcco-tournament-resultlist-extra-ranking.table-bordered > tbody > tr > th,
.pcco-tournament-resultlist-extra-ranking.table-bordered > tfoot > tr > td,
.pcco-tournament-resultlist-extra-ranking.table-bordered > tfoot > tr > th,
.pcco-tournament-resultlist-extra-ranking.table-bordered > thead > tr > td,
.pcco-tournament-resultlist-extra-ranking.table-bordered > thead > tr > th {
    border-left: none;
    border-right: none;
}
.pcco-tournament-resultlist-result > tbody > tr > td {
    padding: 6px 5px;
}

.table-turnierergebnisliste thead th.ergebnis-club {
    width: 30%;
}

.table-turnierergebnisliste thead th.ergebnis-name {
    width: 40%;
}
.turnierergebnis h5 {
    margin-top: 30px;

}
.table-turnierergebnisliste tbody td.ergebnisth{
    vertical-align: middle;
}
.pcco-plusminus {
    min-width: 75px !important;
}
@media(max-width: 796px) {
    .pcco-plusminus {
        min-width: 50px !important;
    }
}
@media(max-width: 480px) {
    .pcco-plusminus {
        min-width: 75px !important;
    }
}
@media(max-width: 345px) {
    .pcco-plusminus {
        min-width: 50px !important;
    }
}
.tab-content table.table {
    margin-bottom: 0;
}
.tab-content h5 {
    padding-left: 10px;
    font-weight: bold;
}
.te-scorekarte tr {
    cursor: pointer;
    /*height: 1.75em;*/
}

.te-scorekarte-1 {
    border: 1px solid #cfcfcf;
    width: 100%;
}

.te-scorekarte-2 {
    border: 1px solid #cfcfcf;
    border-bottom: 2px solid #cfcfcf;
    width: 100%;
}
.te-scorekarte-1 td, .te-scorekarte-2 td {
    text-align: center;
}
td.te-score {
    font-weight: 600;
}
.te-par {
    color: #ffffff;
    background-color: #a3a6ab;
    width: 100%;
}
.te-bogey {
    color: #ffffff;
    background-color: #f9b842;
    width: 100%;
}
.te-birdie {
    color: #ffffff;
    background-color: #a4cef8;
    width: 100%;
}
.te-eagle {
    color: #ffffff;
    background-color: #33b0e6;
    width: 100%;
}
.te-dbogey {
    color: #ffffff;
    background-color: #ef5b01;
    width: 100%;
}
.te-dbogey2 {
    color: #ffffff;
    background-color: #933801;
    width: 100%;
}
.te-legende {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 292px;
}
.te-legende-item {
    margin-right:6px;
    float: left;
}
.te-legende-item-color {
    height: 9px;
    width: 9px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 5px;
    float: left;
}
.te-legende-item .eagle {
    background-color: #33b0e6;
}
.te-legende-item .birdie {
    background-color: #a4cef8;
}
.te-legende-item .par {
    background-color: #a3a6ab;
}
.te-legende-item .bogey {
    background-color: #f9b842;
}
.te-legende-item .dbogey {
    background-color: #ef5b01;
}
.te-legende-item .dbogey2 {
    background-color: #933801;
}
.te-legende-item-name {
    font-size: 9px;
    float: left;
    line-height: 20px;
}
.table thead tr th.turnier-zahl, .table tbody tr td.turnier-zahl, .table tbody tr td.table-center, .table thead tr th.table-center {
    text-align: center;
}
.dataTable .details table thead tr td.te-head-dark {
    border: 1px solid #cfcfcf;
    background-color: #cfcfcf;
    text-align: center;
    padding: 1px;
}
.dataTable .details table thead tr td.te-head {
    border: 1px solid #cfcfcf;
    background-color: #f0f0f0;
    text-align: center;
    padding: 1px;
    color: #000000;
    font-weight: 600;
    white-space: nowrap;
}
.dataTable .details table tbody tr td.te-zelle {
    border: 1px solid #cfcfcf;
    text-align: center;
    width: 8%;
    padding: 1px;
    color: #949494;
}
.dataTable .details table tbody tr td.te-left {
    text-align: left;
}
.dataTable .details table tbody tr td.te-bold {
    font-weight: 600;
}
.dataTable .details table tbody tr td.te-col-links {
    width: 16%;
    color: #000000;
    white-space: nowrap;
}
.arrow {
    display: none;
}
.dataTable .details table tbody tr td.te-col-rechts {
    width: 12%;
    color: #000000;
    padding: 1px;
    border: 1px solid #cfcfcf;
    text-align: center;
}
.dataTable .details table tbody tr td.te-col-rechts-desktop {
    padding: 1px;
    border: 1px solid #cfcfcf;
    text-align: center;
}

.dataTable .details table tbody tr td.te-schlag .te-zelle {
    color: #000000;
}
table thead tr th.ergebnis-nr {
    width: 4%;
}
.pcco-result-switch {
    text-align: center;
    font-weight: 500;
    width: 100%;
    font-size: 15px;
    border: 1px solid #ddd;
    cursor: pointer;
    margin-top: 5px;
    box-sizing: border-box;
    padding: 5px;
}
.pcco-result-switch:hover, .pcco-result-switch:active, .pcco-result-switch:focus {
    background-color: #f8f8f8;
}
.table-teamlist .result-team-divider td {
    background-color: #ffffff;
}
.tab-content table.table.table-teamlist, .tab-content table.table.table-teamlist-head {
    margin-bottom: 25px;
}
table.table-teamlist-head thead tr th:nth-child(1) {

}
table.table-teamlist-head thead tr th:nth-child(2),table.table-teamlist-head thead tr th:nth-child(3) {
    width: 40px;
    text-align: center;
}
table.table-teamlist tbody tr td:nth-child(1){

}
table.table-teamlist thead tr th:nth-child(2), table.table-teamlist thead tr th:nth-child(3), table.table-teamlist tbody tr td:nth-child(2), table.table-teamlist tbody tr td:nth-child(3) {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}
table.table-teamlist tbody tr td span.club-name {
    font-size: 12px;
    font-style: italic;
}
/***
Timeline
***/

.timeline {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}


.timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #ccc;
    left: 20%;
    margin-left: -10px;
}

.timeline > li {
    position: relative;
}


.timeline > li .timeline-time {
    display: block;
    width: 15%;
    padding-right: 100px;
    position: absolute;
}

.timeline > li .timeline-time span {
    display: block;
    text-align: right;
}

.timeline > li .timeline-time span.date {
    font-size: 28px;
    color: #bdd0db;
    display: block;
    margin-bottom: 10px;
    font-weight: 300;
}

.timeline > li .timeline-time span.time {
    font-weight: 300;
    font-size: 22px;
}

.timeline > li .timeline-body {
    margin: 0 0 15px 25%;
    color: #333333;
    padding: 10px;
    font-weight: 300;
    position: relative;
    border-radius: 5px;
}

.timeline > li .timeline-body h2 {
    margin-top: 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    font-size: 24px;
}

.timeline > li .timeline-content {
    font-size: 14px;
}

.ie8 .timeline > li .timeline-body h2 {
    border-bottom: 1px solid #eee;
}

.timeline > li .timeline-body img.timeline-img {
    width: 75px;
    height: 75px;
    margin: 5px 10px 0 0;
}

.timeline > li .timeline-body img.pull-right {
    margin-left: 10px;
}


.timeline > li .timeline-body a.nav-link {
    display: block;
    margin-top: 0;
    color: #333;
    font-size: 14px;
    padding-top:5px;
    padding-bottom:5px;
    text-align: left;
    text-decoration: none;
    font-weight: 600;
}

.timeline > li .timeline-body a.nav-link:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.timeline > li .timeline-body .btn {
    margin-top: 10px;
}


.timeline > li .timeline-body:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #3594cb;
    border-width: 18px;
    top: 1px;
}

.timeline > li .timeline-content:after,
.timeline > li .timeline-content:before {
    display: table;
    line-height: 0;
    content: "";
}

.timeline > li .timeline-content:after {
    clear: both;
}

.timeline >li .timeline-footer:after,
.timeline >li .timeline-footer:before {
    content: "";
    display: table;
    line-height: 0;
}

.timeline >li .timeline-footer:after {
    clear: both;
}


.timeline > li .timeline-icon {
    width: 40px;
    height: 40px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #aaa;
    box-shadow: 0 0 0 8px #ccc;
    text-align: center;
    left: 20%;
    top: 0;
    margin: 5px 0 0 -27px;
    padding-bottom: 3px;
    padding-right: 1px;
    padding-left: 2px;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
}

.timeline li.timeline-blue .timeline-body:after {
    border-right-color: #57a632;
}

.timeline li.timeline-blue .timeline-body {
    border: 5px solid #57a632 !important;
    background: #ffffff;
}

.timeline li.timeline-blue .timeline-time span.time {
    color: #57a632;
}

/***
Club Select
***/
#map-canvas {
    width: 100%;
    height: 65vh;
}
#map-canvas img {
    max-width: none;
    width: auto;
    display:inline;
}
.gm-style-iw {
    width:300px;
}

/***
Handicap Record
***/

.stb-datum  {
    width: 52px;
}
.stb-stv  {
    width: 26px;
}
.stb-th-zoom  {
    width: 25px;
}
.table thead th.centered  {
    text-align: center;
    width: 52px;
}
/***
Facebook
***/

.pcco-fb-news {
    width: 100%;
    max-width: 851px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.pcco-fb-cover-wrap {
    width: 100%;
    padding-bottom: 37%;
    background-size: 100%;
    background-repeat: no-repeat;
    position:relative;
    margin-bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.35);
    box-sizing:border-box;
}

.pcco-fb-picture {
    position:absolute;
    bottom: -10%;
    margin-left: 10%;
    width: 15%;
    background-color: #fff;
    padding: 3px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
.pcco-fb-cover {
    width: 100%;
}
.pcco-fb-date {
    color: #2b2b2b;
    font-size: 11px;
}
.pcco-fb-post-wrap {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #d3d6db;
    border-radius: 2px;
    box-sizing: border-box;
}
.pcco-fb-post-header {
    width: 100%;
    margin-bottom: 10px;
    padding: 7px;
    border-bottom: 1px solid #d3d6db;
    background-color: #f7f7f7;
    box-sizing: border-box;
    height: 65px;
}
.pcco-fb-post-body {
    padding: 7px;
}
.pcco-fb-post-body a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.pcco-fb-name {
    font-weight: 700;
    font-size: 13px;
    line-height: 27px;
}
.pcco-fb-icon {
    margin-right: 10px;
    border: 1px solid #d3d6db;
    border-radius: 2px;
}
.pcco-fb-post-type {
    float: right;
    font-size: 30px;
}
.pcco-fb-video-frame {
    margin-top: 20px;
    width: 100%;
    height: 300px;
    border: none;
}
.pcco-fb-info-wrap {
    border: 1px solid #ddd;
    padding-top: 5%;
    width: 100%;
    box-sizing: border-box;
}
.pcco-fb-description {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    width: 100%;
    box-sizing: border-box;
}
.pcco-fb-link {
    text-align: center;
    border-top: 1px solid #ddd;
}
.pcco-fb-link a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 4px;
    background-color: #f7f7f7;
}
.pcco-fb-link a:hover,
.pcco-fb-link a:focus,
.pcco-fb-link a:active {
    text-decoration: none;
    background-color: #f2f2f2;
}
.pcco-fb-post-message {
    text-align: justify;
}
.pcco-fb-post-message-maxwidth {
    width: 70%;
}
.pcco-fb-post-image {
    width: 30%;
    padding-top: 5px;
    padding-left: 20px;
}
.pcco-fb-post-image img {
    margin: auto;
    display: block;
    border: 1px solid #d3d6db;
}
@media (max-width: 500px) {
    .pcco-fb-post-message {
        width: 100%;
    }
    .pcco-fb-post-image {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
}
/***
Starter
***/
.starter tbody tr td, .starter thead tr th {
    text-align: left;
    background-color: #fff;
    vertical-align: top !important;
}
table tbody tr.starter-time.active td {
    background-color: #fff;
}
table tbody tr.starter-time.inactive td {
    background-color: #ebebeb;
}
.starter tr td:first-child, .starter tr th:first-child {
    text-align: center;
    vertical-align: middle !important;
}
.starter tr td a, .starter tr td a:hover, .starter tr td a:focus {
    display: block;
    color: #000000;
    text-decoration: none;
}

.starter-player {
    width: 100%;
    height: auto;
    border: 1px solid #dddddd;
    float:left;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-color: #fefefe;
    font-weight: 500;
}
.starter-player h3 {
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    line-height: 1.3;
    margin: 0;
    min-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
    background-color: #fefefe;
}
.starter-player.check h3 {
    background-color: #c4eaa8;
}
.starter-player-img {
    width: 80px;
    float:left;
    height: 80px;
    box-sizing: border-box;
}
.starter-player-img img{
    max-width: 100%;
    max-height: 100%;
}
.starter-player-details {
    width: 100%;
    float:left;
    box-sizing: border-box;
}
.starter-player-name {
    font-size: 14px;
}
.starter-player-name span {
    display: block;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    padding: 2px 5px;
    line-height: 1.4;
}
.starter-player-name span:last-of-type
{
    margin-bottom: 5px;
}
.starter-player-name span.member-type {
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-top: -3px;
}
.starter-player select {
    width: 100%;
    max-width: 100%;
}
.starter-player.checked {
    background-color: rgba(113, 217, 65, 0.25);
    border: 1px solid #57a632;
}
.starter-player.removed {
    background-color: rgba(242, 44, 0, 0.25);
    border: 1px solid #c72500;
}
.starter-player-move {
    padding: 5px;
}
.starter-player-move select {
    margin-bottom: 0;
    margin-top: 0;
    padding: 3px;
    box-sizing:border-box;
    width: 100%;
}
.starter .tt-show-player-number.check {
    background-color: rgba(113, 217, 65, 0.25);
    border-color: #57a632;
}
.starter .tt-show-player-number.removed {
    background-color: rgba(242, 44, 0, 0.25);
    border-color: #c72500;
}
.starter .fa.check {
    color: #57a632;
}
.starter .fa.noshow {
    color: #c72500;
}
.starter .modal-body {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {
    border-top-left-radius: 0;
}
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
    border-bottom-left-radius: 0;
}
tr.starter-time td:last-child {
    padding: 0;
}
.starter-time .col-sm-6 {
    font-weight: 600;
    padding: 3px;
}

.starter-player-details span {
    font-weight: 600;
}
#pcco-list-user-customers i {
    font-size: 18px;
    padding: 0 3px;
}
.pcco-mygolf-link {
    display: block;
    width: 100%;
    text-align: left;
    color: #000 !important;
}
.pcco-mygolf-link img {
    display: block;
    margin: 20px 0;
    width: 100px;
}
/***
Virtual Keyboard
***/
.ui-keyboard-button {
    font-size: 30px !important;
}
input.ui-widget-content {
    background: none;
    color: #000;
}
.ui-keyboard {
    background-color: #f7f7f7;
    border: 2px solid #ddd;
    margin-top: 10px;
    top: auto !important;
    bottom: 0 !important;
    position: fixed !important;
    height: 400px;
}
.ui-keyboard input {
    background-color: #ffffff !important;
    line-height: 45px !important;
    height: 45px !important;
    font-size: 22px !important;
    max-width: 80% !important;
}

/***
Marshal
***/

.pcco-marshal-table {
    width: 100%;
    float:left;
    margin-bottom: 25px;
    margin-top: 25px;
}
.marshal-left {
    width: 60px;
    float:left;
}
.marshal-right {
    width: calc(100% - 60px);
    float: left;
}
.marshal-alert {
    margin-bottom: 0;
}
.pcco-marshal-table .marshal-right a {
    display: block;
    color: #000000;
}
.marshal-right .fa-circle.check, .fa.check {
    color: #57a632;
}
.marshal-right .fa-circle.noshow {
    color: #c72500;
}
.marshal-member {
    background-color: #e7f2d9;
}
.marshal-guest {
    background-color: #f2d9d9;
}
.marshal-left .hole {
    background-color: #f7f7f7;
    border-top: 2px solid #868686;
    border-bottom: 2px solid #868686;
    border-left: 3px solid #868686;
    border-right: 3px solid #868686;
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
    width:100%;
    line-height: 15px;
}
.marshal-left div:first-child {
    border-radius: 5px 5px 0 0;
    border-top: 3px solid #868686;
    padding-top: 15px;
}
.marshal-left div:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 3px solid #868686;
    padding-top: 15px;
}
.marshal-right a:hover, .marshal-right a:focus, .marshal-right a:active {
    text-decoration: none;
}
.hole.min-5 {
    height: 12px;
}
.hole.min-6 {
    height: 12px;
}
.hole.min-7 {
    height: 12px;
}
.hole.min- {
    height: 12px;
}
.hole.min- {
    height: 12px;
}
.hole.min-10 {
    height: 120px;
}
.hole.min-15 {
    height: 180px;
}
.hole.min-20 {
    height: 240px;
}
.hole.min-25 {
    height: 300px;
}
.hole.min-30 {
    height: 360px;
}
.marshal-left .hole span{
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
}
.modal-body textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
#pcco_modal_starter .modal .controls {
    margin-bottom: 15px;
}
.modal .control-label, .modal label.m-wrap, .modal input.m-wrap, .modal button.m-wrap, .modal select.m-wrap, .modal textarea.m-wrap {
    font-size: 13px;
}
#namealert {
    max-width: 570px;
}

.pcco-flight {
    border: 2px solid #57a632;
    padding: 0;
    width: calc(100% - 110px);
    box-sizing: border-box;
    height: auto;
    margin-left: 8px;
    border-radius: 3px;
    position: absolute;
    border-top-left-radius: 0;
}
.pcco-flight .col-sm-6 {
    padding: 0 3px;
}
.pcco-flight-notes {
    font-weight: 600;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
}
.modal-body .col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
}
.pcco-flight .col-md-6 {
    padding: 0;
}

.pcco-flight:before {
    right: 100%;
    top: -2px;
    content: " ";
    height: 0;
    width: 10px;
    position: absolute;
    pointer-events: none;
}

.pcco-flight:before {
    border-top: 2px solid #57a632;
}
.modal .row-fluid .span6 {
    width: 100%;
}
.btn.find-tt {
    margin-top: 10px;
}
.modal-content, .modal-header, .modal-body, .modal-footer {
    float: left;
    width: 100%;
}
.ui-dialog {
    z-index: 30000 !important;
}
.ui-dialog-titlebar-close {
    display: none;
}
.ui-widget-header {
    background: #57a632 repeat-x scroll 50% 50%;
    border: none;
}
span.note-info {
    color: #c4080c;
}
.turnier-preise {
    width: 100%;
    max-width: 350px;
    margin-bottom: 5px;
}
table.turnier-preise thead tr th {
    font-size: 12px;
    line-height: 1;
}
table.turnier-preise thead tr th:last-child {
    width: 50px;
}
/***
Pro
***/
.pro-student {
    width: 100%;
    height: auto;
    border: 1px solid #dddddd;
    float:left;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-color: #f7f7f7;
}
.pro-student h3 {
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 1.3;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
    background-color: #ededed;
}
.student-image {
    max-width: 100%;
    max-height: 150px;
    margin: 10px auto;
    vertical-align: middle;
    border: 3px solid #ddd;
    border-radius: 3px;
    display: block;
}
.student-info {
    padding: 10px;
    font-size: 12px;
}
.student-info strong {
    display: block;
    float: left;
    width: 70px;
}
.bootstrap-switch {
    display: inline-block;
    direction: ltr;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #cccccc;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block !important;
    height: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    text-align: center;
    z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: #57a632;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
    color: #fff;
    background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    color: #fff;
    background: #57a632;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
    background: #f39000;
    color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    color: #fff;
    background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: #000;
    background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333333;
    background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.bootstrap-switch .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
    position: absolute !important;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    padding: 1px 5px;
    font-size: 13px;
    line-height: 2;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
    padding: 6px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
    cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    -webkit-transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
    white-space: nowrap;
}
.bootstrap-switch {
    margin-bottom: 10px;
    border-radius: 0;
}
.starter-player-move button.btn {
    margin-bottom: 0;
    background-color: #d9534f;
    border-radius: 0 !important;
}
.starter-player-move button.btn:hover, .starter-player-move button.btn:active, .starter-player-move button.btn:focus {
    background-color: #ab3c39;
}
.marshal-player-slot {
    width: 50%;
    padding: 10px;
    float: left;
}
.bootstrap-switch span {
    font-weight: 400;
}
@media(max-width: 500px) {
    .marshal-player-slot {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
        float: left;
    }
}
@media (max-width: 979px) {
    .pcco-flight {
        width: calc(100% - 108px);
    }
    .nav.pull-right {
        margin-top: -59px;
    }
    .page-content .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar .container-fluid {
        padding-left: 9px;
        padding-right: 9px;
    }
}
@media (max-width: 767px) {
    .pcco-flight {
        width: calc(100% - 80px);
        padding-top: 2px;
    }
}
@media (min-width: 980px) {
    .pcco-flight {
        width: calc(100% - 334px);
    }
}
.flight-time {
    display: block;
    font-size: 10px;
    font-weight: 600;
    line-height: 24px;
    margin-top: -23px;
    margin-bottom: -3px;
}
.flight-player {
    display: block;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    line-height: 15px;
}
.flight-player span {
    font-weight: 300;

}
.flight-player i.fa-check-square-o, .starter-time td i.fa-check-square-o {
    color: #57a632;
}
img.pcco-marshal-tt-option {
    margin-top: -1px;
    width: 13px;
}

/***
Person Search
***/

.pcco-result-vcard {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
    clear: both;
    margin-bottom: 35px;
}
.pcco-result-vcard .col-md-12 {
    float: left;
    width: 100%;
}
.pcco-result-vcard span {
    font-weight: 600;
    display: block;
}
.pcco-result-vcard span.person-name {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}
.pcco-result-vcard span.person-actions {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 25px;
}

.pcco-resultlist-vcard {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    float:left;
    clear: both;
    margin-bottom: 35px;
}
.pcco-resultlist-vcard .col-md-12 {
    border-bottom: 1px solid #ddd;
    padding-top: 8px;
    padding-bottom: 8px;
}
.pcco-resultlist-vcard .col-md-12:hover {
    background-color: #f7f7f7;
}
.pcco-resultlist-vcard div:last-child {
    border-bottom: none;
}
.pcco-resultlist-vcard .col-md-12 a.playerblock {
    display: block;
    color: #000;
}
.pcco-resultlist-vcard .col-md-12 a.playerblock:hover, .pcco-resultlist-vcard .col-md-12 a.playerblock:focus, .pcco-resultlist-vcard .col-md-12 a.playerblock:active {
    text-decoration: none;
}
.pcco-resultlist-vcard span.person-name {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
}
.pcco-resultlist-vcard span {
    font-weight: 600;
}
.pcco-headline a {
    color: #fff;
    text-decoration: underline;
}
.pcco-headline a:hover, .pcco-headline a:focus, .pcco-headline a:active {
    color: #fff;
    text-decoration: underline;
}
@media(max-width: 400px) {
    .pcco-result-vcard .btn {
        width: 100%;
    }
}

/***
Stoppages
***/
#pcco-list-user-bookings-list th.actions {
    width: 100px;
    text-align: center;
}
#pcco-list-user-bookings-list td .btn {
    width: 100%;
}
#pcco-manager-stoppage-datelist {
    max-height: 150px;
    max-width: 350px;
    overflow-y: scroll;
    width: 100%;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    margin-bottom: 15px;
}
#pcco-manager-stoppage-datelist .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}
#pcco-manager-stoppage-datelist .checkbox label{
    padding-left: 10px;
}
#pcco-manager-stoppage-datelist .checkbox input[type="checkbox"] {
    margin-top: 3px;
    margin-right: 5px !important;
}
/***
Timetable - Day
***/
img.pcco-tt-option {
    margin-top: -3px;
    width: 10px;
}
.tt-icon {
    height: 15px;
    margin-top: -2px;
}
.tt-icon-small, .tt-info .tt-icon {
    height: 13px;
    margin-top: -2px;
}
.tt-info .btn, .modal-body .btn {
    margin-top: 20px;
}
.timetable td, .timetable th{
    text-align: center;
    font-size: 14px;
}
.timetable thead tr th {
    width: 23%;
    font-weight: 700;
    border-bottom: 2px solid #ddd;
    text-align: center;
}
.timetable th:first-child {
    width: 8%;
    font-size: 14px;
    max-width:40px;
    border-right: 2px solid #ddd;
}
.timetable tbody tr td {
    font-size: 12px;
    cursor: pointer;
    height: 36px;
    max-width: 40px;
    vertical-align: middle;
}
.tt-picture {
    max-width: 100%;
    display: block;
    margin: 5px auto 15px;
}
.tt-slots-1 td {
    width: 92%;
}
.tt-slots-2 td {
    width: 46%;
}
.tt-slots-3 td {
    width: 30.6%;
}
.tt-slots-4 td {
    width: 23%;
}
.timetable tbody tr td:first-child {
    font-weight: bold;
    cursor: pointer;
    max-width:40px;
    width: 8%;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    border-right: 2px solid #ddd;
    text-align: center;
    background-color: #ff998e;
}
.timetable tbody tr td:first-child span {
    font-weight: 300;
    font-size: 0.7em;
    display:block;
}
.pcco-tt-areas span.area-info {
    display: block;
    font-size: 0.7em;
    font-weight: 300;
    line-height: 1;
    margin-top: -3px;
}
.timetable td:first-child.details {
    padding: 0;
    background-color: #fff;
    border-right: none;
}
.timetable .tt-show-name {
    font-size: 8px;
    line-height: 1.4;
    font-weight: 600;
    display: block;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.timetable .tt-show-male {
    color: #1d84ba;
}
.timetable .tt-show-female {
    color: #b92414;
}
.timetable .tt-show-hcp {
    font-size: 8px;
    display: block;
    line-height: 1.5;
    margin-top: 0;
    text-align: left;
}

.timetable .tt-show-filter {
    vertical-align: middle;
}
.timetable .tt-show-player-number-wrap {
    width: 100%;
    float: left;
    margin-top: 3px;
    line-height: 1.5;
}
.timetable .tt-show-player-number {
    border: 2px solid #666;
    border-radius: 16px !important;
    float: left;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    line-height: 1.2;
    margin-right: 5px;
    text-align: center;
    width: 16px;
    margin-top: 2px;
}
.timetable .news-infoscreen {
    border-right: 1px solid #ddd;
}

.tt-slots-1 .tt-show-name, .tt-slots-1 .tt-show-hcp {
    font-size: 12px;
}
.timetable-box {
    padding: 0;
}

.timetable-box .pcco-box-title {
    margin: 0 0 10px;
}
.timetable-box .form-actions {
    margin: 0;
}

.timetable-box .timetable {
    border-style: solid;
    margin-bottom: 40px;
}
.timetable-box .control-group {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.tt-label-info {
    font-weight: 300 !important;
    font-size: 12px !important;
}
.alert {
    margin-top: 10px;
}

.tt-button {
    background-color: #F5F5F5;
    padding: 20px;
}
.tt-full {
    width: 100%;
}
.tt-grau, tr.tt-grau td, .pcco-tt-status-hidden-day, .pcco-tt-status-disable-time {
    background-color: #ebebeb !important;
}
.tt-rot {
    background-color: #ff998e !important;
}
.tt-yellow {
    background-color: #fff6a6 !important;
}
.tt-gruen {
    background-color: rgb(211, 251, 193) !important;
}

.tt-course, table.pcco-tt-areas tbody tr td.tt-course, .timetable tbody tr td:first-child.tt-course {
    background-color: #d6effe;
}
.tt-break, table.pcco-tt-areas tbody tr td.tt-break, .timetable tbody tr td:first-child.tt-break {
    background-color: #f0e1fd;
}
.tt-link {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.pcco-info-table ul {
    list-style: none;
    padding-left: 0;
}
table tbody tr td.dashboard-club-info {
    padding-left: 10px;
    text-align: left;
    border-top: none;
}
.name  {
    font-size: 12px !important;
    font-weight: bold;
}
.tt-detail-div {
    width: 100%;
}
.tt-div-oben {
    border-top: 1px solid #DDDDDD;
}
.tt-info {
    padding: 5px;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
}
.tt-detail-detail-info-div {
    width: 100%;
    float: left;
    border-bottom: 1px solid #DDDDDD;
    border-right: none;
    margin-right: -1px;
}
.tt-detail-detail-div {
    width: 50%;
    float: left;
}
.tt-detail-detail-div a {
    display:block;
    height:100%;
    font-size: 13px;
    margin: 9px;
    line-height: 35px;
    text-decoration: none;
    border-radius: 2px;
    max-width: 200px;
    font-weight: 500;
}
.timetable-box .timetable .pcco-disabled {
    display:block;
    height:100%;
    font-size: 13px;
    margin: 9px;
    line-height: 35px;
    background-color: #8a8a8a;
    text-decoration: none;
    color: #fff !important;
    border-radius: 2px;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 200px;
}
.timetable-box .pcco-disabled:hover {
    color: #fff !important;
}
.timetable-box .btn {
    margin-bottom: 20px;
}
.timetable-box select {
    margin-bottom: 5px;
}
span.alias-name {
    display: block;
    padding-top: 5px;
    font-weight: 500;
    font-size: 14px;
}
.tt-sponsor-wrapper {
    max-width: 290px;
    margin: auto;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}
.tt-detail-name {
    width: 100%;
    text-align: center;
    line-height: 18px;
    font-weight: 500;
    cursor: default;
    font-size: 12px;
}
.tt-detail-info {
    width: 100%;
    font-size: 22px;
    line-height: 26px;
    color: #57a632;
    text-align: center;
    font-weight: 400;
    padding-top: 3px;
}
.tt-detail-info-link {
    width: 100%;
    font-size: 18px;
    line-height: 35px;
    color: #57a632;
    text-align: center;
}
input[type="radio"] {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
input[type="checkbox"] {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
}
#tooltipsy {
    text-align: center;
    color: #111;
    background: #fffAF0;
    border:1px solid #DCA;
    position: absolute;
    z-index: 100;
    padding: 10px;
}

#tooltipsy:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #DCA;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltipsy.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #DCA;
    top: -20px;
    bottom: auto;
}

#tooltipsy.left:after
{
    left: 10px;
    margin: 0;
}

#tooltipsy.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

label.tt-option-label {
    font-size: 13px;
    line-height: 20px;
    vertical-align: middle;
    margin-left: -3px;
    margin-top: -5px;
    cursor: pointer;
}
label.tt-option-label img {
    height: 17px;
    margin-right: 2px;
    margin-top: -2px;
}
label.tt-label-inactive {
    color: #cccccc;
}
.tt-option-wrap {
    border-left: 1px solid #e5e5e5;
    float: left;
    padding-right: 10px;
}
.tt-person-wrap {
    float: left;
    padding-right: 10px;
}
@media (max-width: 500px) {
    .tt-option-wrap {
        border-left: none;
        float: left;
        width: 100%;
    }
}
/***
Teetime Booking
***/
legend {
    font-size: 16px;
}
.pcco-selection {
    margin: 0;
    padding: 0;
}
.tt-prebooking-bookable td {
    background-color: #F4F4F4;
}
.tt-prebooking-error td {
    background-color: #ff4e2b;
}
.tt-prebooking-table tbody tr td {
    line-height: 1;
}
.pcco-select-club {
    width: 310px;
}

.control-group {
    margin-bottom: 0 !important;
}
.pcco-reservation-table thead tr th:nth-child(1), .tt-prebooking-table thead tr th:nth-child(1) {
    width: 20%;
    min-width: 75px;
}
.pcco-reservation-table thead tr th:nth-child(2), .pcco-reservation-table thead tr th:nth-child(3), .tt-prebooking-table thead tr th:nth-child(2), .tt-prebooking-table thead tr th:nth-child(3) {
    width: 40%;
}
.booking-numbers-list .checkbox label, .booking-strangers-list .checkbox label {
    margin-top: 5px;
    padding-left: 0;
}
#frm_book_data > fieldset {
    padding: 0 5px;
}
#frm_book_data input[type="radio"] {
    margin-left: 0;
    margin-top: 3px;
}
#frm_book_data legend {
    margin-bottom: 5px !important;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
}
#frm_book_data .pcco-selection label {
    display: inline;
}
#frm_book_data > fieldset > * {
    padding-left: 10px;
}
#frm_book_data > fieldset > legend,
#frm_book_data > fieldset > .control-group
{
    padding-left: 0;
}
#frm_book_data .group .sub .line {
    float: left;
    padding: 10px 5px 10px 10px;
    width: 100%;
}
label,input[type="radio"] {
    cursor: pointer;
}
#frm_book_data label[for="book_1_player_1_info"] {
    display: block;
    padding: 10px 0 5px;
}
#frm_book_data textarea#book_1_player_1_info{
    height: 90px;
}
@media(max-width: 500px) {
    #frm_book_data .sub .col-sm-12,
    #frm_book_data .sub .col-sm-6 {
        padding-right: 0;
    }
    #frm_book_data .btn.simple {
        width: 100%;
    }
}
#frm_book_data .pcco-form-actions,
#frm_book_data .line.pcco-form{
    padding-left: 0;
    padding-right: 0;
}
#frm_book_data span.info {
    margin-top: -5px !important;
}
#frm_book_data select {
    margin-top: 0;
}
#frm_book_data .alert {
    padding: 2px 10px;
    margin-bottom: 10px;
    margin-top: 0;
}
#frm_book_data .control-group span.info, form.pcco-formstyle span.info {
    display: inline;
    margin: 0;
    font-weight: 300;
}
#frm_book_data select.m-wrap,
#frm_book_data select,
#frm_book_data input[type="text"],
#frm_book_data input[type="password"],
form.pcco-formstyle select.m-wrap,
form.pcco-formstyle select,
form.pcco-formstyle input[type="text"],
form.pcco-formstyle input[type="password"]
{
    height: 35px;
    line-height: 35px;
    max-width: 100%;
    padding: 2px 5px;
    margin: 0;
}
#frm_book_data .control-group span.block,
form.pcco-formstyle span.block{
    display: block;
    font-size: 12px;
    font-style: normal;
}
h5.pcco-text-separator {
    overflow: hidden;
    text-align: center;
    font-size: 17px;
}
h5.pcco-text-separator:before,
h5.pcco-text-separator:after {
    background-color: #bbb;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h5.pcco-text-separator:before {
    right: 0.5em;
    margin-left: -50%;
}
h5.pcco-text-separator:after {
    left: 0.5em;
    margin-right: -50%;
}
/***
Timetable Filter
***/
.pcco-tt-filter{
    padding: 15px 20px;
}
.pcco-tt-timetable-filter-info-text{
    font-size: 14px;
    padding-bottom: 25px;
}
.pcco-tt-timetable-filter-info-icon{
    float: left;
    padding-right: 10px;
}
.pcco-tt-timetable-filter-info-icon .fa-filter{
    color: #ffffff;
    background-color: #c5c5c5;
    padding: 4px 6px;
}
.pcco-tt-filter-seat label {
    font-weight: 600;
    padding-top: 4px;
    padding-left: 35px;
    float: left;
}
.pcco-tt-filter-seat select {
    margin-left: 20px;
    margin-bottom: 20px;
    padding-left: 5px;
    float: left;
    max-width: 150px;
}
.pcco-tt-timetable-filter-time-slider {
    margin-left: 350px;
    margin-top: -10px;
    margin-bottom: 30px;
}
.pcco-tt-filter .ui-slider-horizontal {
    max-width: 560px;
    height: 6px;
    background-color: #dddddd;
}
.pcco-tt-filter .ui-slider {
    border: none !important;
    background-color: #dddddd;
    margin-left: 5px;
    margin-right: 10px;
}
.pcco-tt-filter .ui-slider .ui-slider-handle{
    width: 20px !important;
    height: 20px !important;
    background: #c5c5c5 !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    top: -7px !important;
}
.ui-widget-header {
    background-color: #57a632;
}
.pcco-tt-filter .ui-slider-handle::after, .pcco-tt-filter .ui-slider-handle::before{
    background: none !important;
}
.pcco-tt-filter .ui-slider-handle:hover, .pcco-tt-filter .ui-slider-handle:active{
    background-color: #c5c5c5 !important;
}
#pcco-tt-timetable-filter-time-from, #pcco-tt-timetable-filter-time-to {
    color: #57a632;
    font-weight: 600;
    font-size: 14px;
}
@media (max-width: 646px){
    .pcco-tt-timetable-filter-info-icon{
        padding-bottom: 20px;
    }
}
@media (max-width: 610px){

    .pcco-tt-filter-seat label{
        padding-left: 0;

    }
    .pcco-tt-filter-seat select{
        margin-left: 10px;
        max-width: 130px;
    }
    .pcco-tt-timetable-filter-time-slider {
        margin-left: 250px;
    }
}
@media (max-width: 479px){
    .pcco-tt-filter{
        padding: 10px;
    }
    .pcco-tt-filter-seat label {
        width: 100%;
        float: none;
        text-align: left;
    }
    .pcco-tt-filter-seat select {
        margin-left: 0;
        width: 100%;
        max-width: 350px;
        float: none;
        margin-bottom: 30px;
    }
    .pcco-tt-timetable-filter-time-slider {
        margin-left: 0;
    }
}
@media (max-width: 380px){


}
/***
Timetable - Areas
***/
span.dayinfo {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}
.pcco-arrow-wrap {
    width: 100%;
    height: 30px;
    margin-bottom: 15px;
}
a.pcco-prev, a.pcco-next {
    color: #000;
    font-size: 14px;
    outline: 0 none;
    padding: 7px 10px;
    text-align: center;
    top: 50%;
    z-index: 2;
    border: 1px solid #ccc;
}
a.pcco-prev:hover, a.pcco-next:hover, a.pcco-prev:active, a.pcco-next:active, a.pcco-prev:focus, a.pcco-next:focus {
    background-color: #ebebeb;
    border-color: #b3b3b3;
}
a.pcco-prev {
    float: left;
}
a.pcco-next {
    float:right;
}
table.pcco-tt-areas-time {
    width: 49px;
    text-align: center;
    float: left;
    margin-bottom: 20px;
    border-collapse: separate;
}
table.pcco-tt-areas-time td,
table.pcco-tt-areas-time th .content-wrapper
{
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    text-align: center;
}
table.pcco-tt-areas-time td {
    border-top: none;
}
table.pcco-tt-areas-time.daylist td {
    border-top: none;
    height: 55px;
    vertical-align: middle;
}
table.pcco-tt-areas {
    float: left;
    table-layout:fixed;
    text-align: center;
    border-collapse: separate;
    margin-bottom: 20px;
}
.pcco-timetable-slot-seats {
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    padding-left: 5px;
}
.pcco-timetable-slot-seats i {
    padding-right: 1px;
}
.pcco-timetable-slot-seats i.bookable {
    color: #57a632;
}
.pcco-timetable-slot-seats i.occupied {
    color: #cb0000;
}
@media(max-width: 500px) {
    table.pcco-tt-areas .pcco-tt-status-bookable .pcco-timetable-place-number{
        display: none;
    }
}
    /*table.pcco-tt-areas > thead > tr >th > div {*/
    /*width: 100%;*/
    /*margin-top: 10px;*/
    /*padding-bottom: 10px;*/
/*}*/
table.pcco-tt-areas > thead > tr >th > div .filtertext p {
    margin-bottom: 0;
}
table.pcco-tt-areas .tt-areas-info {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -3px;
    line-height: 1.3;
}
.pcco-timetable-slot-modal, .pcco-prev, .pcco-next
{
    cursor: pointer;
}
.pcco-tt-areas-tables table {
    width: 20%;
}
.pcco-tt-areas-tables table.pcco-7-areas-daylist {
    width: calc((100% - 50px) / 7);
}
.pcco-tt-areas-tables table.pcco-14-areas-daylist {
    width: calc((100% - 52px) / 14);
}
.pcco_tt_week_navigation {
    display:none;
    width : 100%;
}
.pcco_tt_week_navigation .btn {
    color        : #57a632;
    background   : #FFF !important; /* TODO: Konflikt mit ClubGolf-CSS lösen und "!important" entfernen */
    margin-left  : auto;
    margin-right : auto;
}
.pcco_tt_week_navigation .btn:disabled {
    color : gray;
}
.pcco_tt_week_navigation .btn:first-child .fan {
    padding-right : 5px;
}
.pcco_tt_week_navigation .btn:last-child .fa {
    padding-left  : 5px;
}
.pcco_tt_week_navigation .btn:focus {
    outline : none;
}
@media(max-width:700px) {
    .pcco-tt-areas-tables table.pcco-14-areas-daylist {
        width: calc((100% - 52px) / 7);
    }
    .pcco-tt-areas-tables table.pcco-14-areas-daylist:not(.pcco_tt_day_focused) {
        display: none;
    }
}
.pcco-tt-areas-tables table.pcco-5-areas {
    width: 20%;
}
.pcco-tt-areas-tables table.pcco-4-areas {
    width: 25%;
}
.pcco-tt-areas-tables table.pcco-4-areas-daylist {
    width: calc((100% - 50px) / 4);
}
.pcco-tt-areas-tables table.pcco-3-areas {
    width: 33.3333%;
}
.pcco-tt-areas-tables table.pcco-2-areas {
    width: 50%;
}
.pcco-tt-areas-tables table.pcco-1-areas {
    width: 100%;
}
.pcco-tt-areas-tables table tbody tr td {
    height: 55px;
    padding-left: 3px;
    padding-right: 3px;
}
.pcco-tt-areas-tables table.show-table-7 {
    width: 14.28%;
}
.pcco-tt-areas-tables table.show-table-6 {
    width: 16.66%;
}
.pcco-tt-areas-tables table.show-table-5 {
    width: 20%;
}
.pcco-tt-areas-tables table.show-table-4 {
    width: 25%;
}
.pcco-tt-areas-tables table.show-table-3 {
    width: 33.33%;
}
.pcco-tt-areas-tables table.show-table-2 {
    width: 50%;
}
.pcco-tt-areas-tables table.show-table-1 {
    width: 100%;
}

.pcco-tt-areas-tables table.daylist.show-table-7 {
    width: 13%;
    min-width: calc((100% - 50px) / 7); /* 50px = table.pcco-tt-areas-time['width'] + 1px */
}
.pcco-tt-areas-tables table.daylist.show-table-6 {
    width: 14%;
    min-width: calc((100% - 50px) / 6); /* 50px = table.pcco-tt-areas-time['width'] + 1px */
}
.pcco-tt-areas-tables table.daylist.show-table-5 {
    width: 16%;
    min-width: calc((100% - 50px) / 5); /* 50px = table.pcco-tt-areas-time['width'] + 1px */
}
.pcco-tt-areas-tables table.daylist.show-table-4 {
    width: 22%;
    min-width: calc((100% - 50px) / 4); /* 50px = table.pcco-tt-areas-time['width'] + 1px */
}
.pcco-tt-areas-tables table.daylist.show-table-3 {
    width: 28%;
    min-width: calc((100% - 50px) / 3); /* 50px = table.pcco-tt-areas-time['width'] + 1px */
}
.pcco-tt-areas-tables table.daylist.show-table-2 {
    width: 35%;
    min-width: calc((100% - 50px) / 2); /* 50px = table.pcco-tt-areas-time['width'] + 1px */
}
.pcco-tt-areas-tables table.daylist.show-table-1 {
    width: 80%;
    min-width: calc((100% - 50px) / 1); /* 50px = table.pcco-tt-areas-time['width'] + 1px */
}

.tt-areas-matrix-active table.pcco-tt-min-8 tbody tr td {
    height: calc(360px / 7.5);
}
.tt-areas-matrix-active table.pcco-tt-min-9 tbody tr td {
    height: calc(360px / 6.66666);
}
.tt-areas-matrix-active table.pcco-tt-min-10 tbody tr td {
    height: calc(360px / 6);
}
.tt-areas-matrix-active table.pcco-tt-min-11 tbody tr td {
    height: calc(360px / 5.454545);
}
.tt-areas-matrix-active table.pcco-tt-min-12 tbody tr td {
    height: calc(360px / 5);
}
.tt-areas-matrix-active table.pcco-tt-min-13 tbody tr td {
    height: calc(360px / 4.61538);
}
.tt-areas-matrix-active table.pcco-tt-min-14 tbody tr td {
    height: calc(360px / 4.285714);
}
.tt-areas-matrix-active table.pcco-tt-min-15 tbody tr td {
    height: calc(360px / 4);
}
.tt-areas-matrix-active table.pcco-tt-min-16 tbody tr td {
    height: calc(360px / 3.75);
}
.tt-areas-matrix-active table.pcco-tt-min-17 tbody tr td {
    height: calc(360px / 3.52941);
}
.tt-areas-matrix-active table.pcco-tt-min-18 tbody tr td {
    height: calc(360px / 3.3333);
}
.tt-areas-matrix-active table.pcco-tt-min-19 tbody tr td {
    height: calc(360px / 3.15789);
}
.tt-areas-matrix-active table.pcco-tt-min-20 tbody tr td {
    height: calc(360px / 3);
}
.tt-areas-matrix-active table.pcco-tt-min-30 tbody tr td {
    height: calc(360px / 2);
}
.tt-areas-matrix-active table.pcco-tt-min-45 tbody tr td {
    height: calc(360px / 1.3333);
}
.tt-areas-matrix-active table.pcco-tt-min-60 tbody tr td {
    height: calc(360px / 1);
}
span.tt-price {
    font-size:11px;
    display: block;
    margin-top: -2px;
}
table.pcco-tt-areas thead tr th {
    font-size: 14px;
}
table.pcco-tt-areas thead tr th .content-wrapper,
table.pcco-tt-areas tbody tr td {
    border: 1px solid #ddd;
    box-sizing: border-box;
    vertical-align: top;
}
table.pcco-tt-areas tbody tr td {
    border-top: none;
    background-color: #ff998e;
}
table.pcco-tt-areas.daylist tbody tr td {
    border-top: none;
    height: 55px;
}
table.pcco-tt-areas-time th .content-wrapper,
table.pcco-tt-areas thead tr th .content-wrapper
{
    border-bottom: 2px solid #ddd;
    text-align: center;
}
.tt-areas-time {
    font-size: 14px;
    font-weight: 600;
}
table.pcco-tt-areas-time thead th .content-wrapper,
table.pcco-tt-areas thead th .content-wrapper,
.pcco-nav-bottom
{
    transition: top .25s ease, bottom .25s ease;
}
#pcco-timetable-slot-modal .modal-dialog
{
    height     : 100%;
    margin-top : 0;
    transition : margin-top .25s ease;
}
span.filtertext {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    max-height: 53px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}
td.filtertext i {
    cursor: pointer;
}
td.filtertext.expand span.filtertext{
    max-height: none;
}
.show-filter table.pcco-tt-areas-time th .content-wrapper,
.show-filter table.pcco-tt-areas thead tr th .content-wrapper
{
    border: none;
}
.show-filter {
    height: 100%;
}
.show-filter table {
    margin-bottom: 0;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 100%;
}

table.pcco-tt-areas tbody tr td a, table.pcco-tt-areas tbody tr td a:hover, table.pcco-tt-areas tbody tr td a:active, table.pcco-tt-areas tbody tr td a:focus {
    display: block;
    color: #000000;
    text-decoration: none;
    height: 100%;
}
.tt-areas-info {
    font-size: 12px;
}
.modal-header h3 {
    line-height: 20px;
    font-size: 16px;
    margin: 0;
}
.modal-footer .btn + .btn {
    margin-bottom: 20px;
}
.modal .tt-show-player-number-wrap {
    width: 100%;
    float: left;
    margin-top: 3px;
    line-height: 1.2;
}
.modal .tt-show-player-number {
    border: 2px solid #666;
    border-radius: 13px !important;
    float: left;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    line-height: 1.2;
    margin-right: 5px;
    text-align: center;
    width: 16px;
}
#pcco-user-contact button {
    margin-bottom: 0;
}
h5.contact-information-heading {
    margin-top: 0;
    font-size: 16px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    padding-left: 5px;
}
table.contact-information span {
    font-weight: 600;
    display: block;
    float: left;
    width: 90px;
}
table.contact-information tr td {
    padding-left: 5px;
}
/***
Timetable Occupation Week
***/
table.week-occupation tbody tr td {
    padding: 0;
    background-color: #e7e7e7;
}
table.pcco-tt-areas-time.daylist.week-occupation tbody tr td {
    background-color: #ffffff;
}
table.pcco-tt-areas-time.daylist.week-occupation td, table.pcco-tt-areas.daylist.week-occupation td {
    height: 25px;
}
div.occupation-bookable {
    background-color: #57a632;
    float: right;
    height: 24px;
}
div.occupation-bookable.seats-1 {
    width: 25%;
}
div.occupation-bookable.seats-2 {
    width: 50%;
}
div.occupation-bookable.seats-3 {
    width: 75%;
}
div.occupation-bookable.seats-4 {
    width: 100%;
}
table tbody tr td.filtertext {
    background-color: transparent;
    text-align: center;
}
td.filtertext i.fa {
    font-size: 36px;
}
/***
Timetable Calendar
***/
.pcco-timetable-calendar tr td {
    vertical-align: top;
}

.pcco-timetable-calendar tr td:first-child small {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
}
.pcco-timetable-calendar tr td .btn {
    margin: 5px 0;
}
@media(max-width: 600px) {
    table.table.pcco-timetable-calendar > thead > tr > th {
        font-size: 12px;
    }
}
.pcco-timetable-calendar.num-alias-1 tr td,
.pcco-timetable-calendar.num-alias-1 tr th {
    width: 95%;
}
.pcco-timetable-calendar.num-alias-2 tr td,
.pcco-timetable-calendar.num-alias-2 tr th {
    width: 45%;
}
.pcco-timetable-calendar.num-alias-3 tr td,
.pcco-timetable-calendar.num-alias-3 tr th {
    width: 30%;
}
.pcco-timetable-calendar tr td:first-child,
.pcco-timetable-calendar tr th:first-child {
    text-align: center;
    width: 70px !important;
    font-weight: 700;
}
/***
Ballmachine
***/

.ballmachine {
    width: 100%;
}
.ballmachine span {
    display: block;
}

.ballmachine .pushbutton {
    width: 100%;
    margin-top: 10vh;
    margin-bottom: 25px;
}

.ballmachine .pushbutton span {
    background-color: #ffffff;
    border: 8px solid #9f9f9f;
    border-radius: 50%;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.4) inset;
    box-sizing: border-box;
    display: block;
    padding: 20px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.ballmachine .pushbutton span img {
    width: 100%;
    opacity: 0.4;
}

.ballmachine .pushbutton button.btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0;
    border-radius: 50% !important;
    background-color: transparent;
}
.ballmachine .pushbutton button span {
    background-color: #ffffff;
    border: 8px solid #57A632;
    cursor: pointer;
}
.ballmachine .pushbutton button.buttonpress span img {
    width: 100%;
    opacity: 1;
}
.ballmachine .pushbutton button.buttonpress span {
    border: 8px solid #f39000;
}
.ballmachine span#status_message {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.2;
}
.ballmachine span#gps_distance {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 30px;
}
.ballmachine span#gps_distance i {
    font-size: 35px;
    margin-right: 5px;
}
.ballmachine img.image-preload {
    display: none;
}
ul#machinelist {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul#machinelist li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 10px 15px;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    cursor:pointer;
}
ul#machinelist li.inactive {
    color: #999;
}
ul#machinelist li.inactive span.distance {
    color: #a53605;
}
#machinelist span.distance,
#machinelist span.distance-info,
#machinelist span.distance-check {
    font-size: 15px;
    font-weight: 500;
    display: block;
}
#machinelist.error {
    display: none;
}
#ballpushbutton {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.ui-slider {
    margin: 15px 0;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: 0 1px 1px #f0f0f0 inset, 0 3px 6px -5px #bbb;
}
.ui-slider .ui-slider-handle {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #fff inset, 0 1px 7px #ebebeb inset, 0 3px 6px -3px #bbb !important;
    height: 24px !important;
    width: 30px !important;
    cursor: pointer !important;
    top: -7px !important;
}
.ui-slider-handle::after, .ui-slider-handle::before {
    background: #e8e7e6 none repeat scroll 0 0 !important;
    content: "";
    display: block;
    height: 14px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 1px;
}
.ui-slider-handle::after {
    left: 17px;
}
table.table tbody tr td.verticalmid {
    vertical-align: middle;
}
.bordertop {
    border-top: 1px solid #ddd;
}
.form-actions.bordertop {
    padding-top: 20px;
}
@media (max-width: 549px) {
    div.optionchecker {
        width: 30px;
        height: 30px;
        margin: 5px 5px 5px 0;
        border: 1px solid #ccc;
        padding: 2px;
        background-color: #fff;
        float: left;
    }
    div.optionchecker .optioninner {
        width: 24px;
        height: 24px;
        background-color: #DEDEDE;
        font-size: 24px;
        line-height: 20px;
    }
    span.optiontext {
        display: block;
        float: left;
        font-size: 14px;
        line-height: 16px;
        margin: 4px 0 0 2px;
    }
    div.stepwizard-4 button, div.stepwizard-4 a {
        width: 100%;
        margin-bottom: 10px;
        display: block;
        float: left;
        font-size: 13px;
        border-radius: 0 !important;
    }
    div.stepwizard-4 .rightborder {
        border: none;
    }
}

.clearer {
    clear: both;
}
#sponsor_slider {
    margin: 0;
}
.grid-custom {
    padding: 0 !important;
}
.instagramwrap {
    padding: 10px 5px !important;
}
.instagramitem {
    background-color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 11px;
    position: relative;
}
.instagramhead {
    padding: 15px 13px 0 13px;
}
.instagramhead img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    width: 100%;
    padding: 1px;
}
.instagramname {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
}
.instagramtext {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 13px;
}
.instagrambody {
    padding: 5px 15px;
}
.instagrambody a {
    font-style: italic;
    font-size: 11px;
}
.instagramfooter {
    background-color: #5d5d5d;
    color: #fff;
    padding: 4px 10px;
}
.instagramfooter a {
    color: #fff;
    font-size: 11px;
    line-height: 13px;
}
.instagram i {
    font-size: 14px; margin-right: 5px;
}
.pcco-box-title.instagram {
    margin-bottom: 0;
}
.grid-custom {
    width: 100%;
    float: left;
}
span.instagramtext {
    display: block;
    width: 100%;
}
span.hearts .fa {
    color: #BB000A;
}
/***
Restaurant Booking
***/
.ui-widget-content .ui-datepicker-current {
    display: none;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}
.ui-datepicker .ui-widget-header {
    background: #57a632 none;
    border: none;
    padding: 0;
}
.ui-widget-header a {
    color: #878787;
}
.ui-datepicker th {
    width: 30px;
}
.ui-datepicker td {
    padding: 0;
    text-align: center;
    background-color: #fff !important;
    border: 1px solid #ddd;
}
.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-state-default:focus,
.ui-datepicker .ui-state-default:active,
.ui-datepicker td.ui-datepicker-current-day a {
    background-color: #e9f2d8;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    font-weight: 500;
    color: #878787;
    cursor: pointer;
    padding: 0;
}

.pcco-book-restaurant {
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 20px;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}

.pcco-book-restaurant input {
    background-color: #ffffff;
    max-width: 100% !important;
    line-height: 27px;
}

.pcco-book-restaurant select {
    height: 35px;
    line-height: 35px;
    max-width: 100% !important;
}

.pcco-book-restaurant select.pcco-restaurant-num-persons {
    width: 80px;
}

.pcco-book-restaurant .input-group-addon {
    font-size: 20px;
    width: 45px;
}

.pcco-book-restaurant .input-group,
#event-dialog .input-group
{
    max-width: 100% !important;
}

.pcco-book-restaurant .input-group input, form.pcco-book-restaurant .input-group select {
    padding-left: 5px;
}

.pcco-book-restaurant input.datepicker:hover {
    cursor: pointer;
}

.pcco-book-restaurant .form-actions {
    margin-top: 5px;
    background-color: transparent;
    border-top: 1px solid #ddd;
    padding-top: 12px;
}

.pcco-book-restaurant .pcco-heading {
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.pcco-book-restaurant .pcco-heading-price {
    font-weight: 600;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
form.restaurant-finish {
    border: none;
    padding: 0;
}
.nopadding {
    padding: 0;
}
.pcco-book-restaurant .option-group {
    cursor:pointer;
}
table.reservation-details {
    width: 100%;
    border: none;
}
table.reservation-details tr td:first-child{
    font-weight: 600;
    width: 125px;
}
table.reservation-details tr td{
    vertical-align: top;
}
div.optionchecker {
    width: 18px;
    height: 18px;
    margin: 8px 5px 5px 0;
    border: 1px solid #ccc;
    padding: 1px;
    background-color: #fff;
    float: left;
}
div.optionchecker .optioninner {
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 10px;
}
div.optionchecker.active .optioninner {
    color: #57A632;
}
span.optiontext {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 13px;
    margin: 4px 0 0 2px;
}
span.optiontext small {
    display: block;
}
.pcco-book-restaurant .pcco-heading-info {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
}

.pcco-book-restaurant .pcco-heading-info.standard {
    background-color: #ffffff;
    border-color: #dddddd;
}

.pcco-book-restaurant .pcco-room-item, .pcco-book-restaurant .pcco-booking-data {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    float: left;
}

.pcco-book-restaurant .pcco-room-item .pcco-guest-list{
    width: 100%;
    float: left;
}

.pcco-book-restaurant .pcco-room-item .control-label, .pcco-book-restaurant .pcco-booking-data .control-label{
    font-size: 13px;
}

.pcco-book-restaurant textarea {
    width: 100%;
    max-width: 100%;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
}

.pcco-book-restaurant .radio label {
    padding-left: 0;
}

.pcco-book-restaurant .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{
    margin-top: 4px;
}

.pcco-book-restaurant input[type="email"] {
    width: 100%;
}

.restaurant-image {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.pcco-book-restaurant .well {
    background-color: #ffffff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}

.pcco-book-restaurant input, .pcco-book-restaurant select {
    margin-bottom: 0;
}
.pcco-book-restaurant .col-sm-4.checkbox {
    margin-top: 0;
}
.pcco-book-restaurant .col-sm-4.checkbox label {
    font-weight: 600;
    font-size: 14px;
}
.pcco-book-restaurant .control-group {
    width: 100%;
    float: left;
}
@media (min-width: 550px) {
    .pcco-book-restaurant .col-sm-4 {
        width: 33.3333%;
        float: left;
    }
    .pcco-book-restaurant .col-sm-12 {
        width: 100%;
        float: left;
    }
}

@media (max-width: 549px) {
    .pcco-book-restaurant {
        padding: 5px;
    }
    .pcco-book-restaurant .col-sm-4 {
        width: 100%;
        float: none;
    }
    .pcco-book-restaurant .col-sm-12 {
        width: 100%;
        float: left;
    }
    .pcco-book-restaurant .col-xs-12 {
        width: 100%;
        float: left;
    }
}
/***
Restaurant Admin
***/
h3.restaurantname {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
    border-bottom: 1px solid #ddd;
}
.buttonlist {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.buttonlist #pickDate {
    background-color: #ffffff;
    line-height: 26px;
    max-width: 100% !important;
    text-align: center;
    width: 100% !important;
    cursor: pointer;
}
.buttonlist.restaurant {
    padding-top: 15px;
    border-top: 1px solid #ddd;
    background-color: #f2f2f2;
}
.buttonlist a.btn, .buttonlist button.btn {
    width: 100%;
    border-radius: 0 !important;
    height:34px;
}
.btn.btn-simple {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
}
.topoptions .btn.btn-simple{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 17px;
    border-radius: 0;
}
.btn.btn-simple.options i {
    line-height: 1.42857;
}
.btn.btn-simple.options.config {
    line-height: 20px;
}
.btn.btn-simple.config.dropdown-toggle,
.btn.btn-simple.restaurants.dropdown-toggle {
    width: 100%;
}
.buttonlist .btn-group, .btn-group.options {
    width: 100%;
}
.btn-group.config {
    width: 10%;
}
.btn-group.restaurants {
    width: 90%;
}
.btn-group.topoptions {
    width: 100%;
}
.buttonlist * {
    font-weight: 600;
}
.buttonlist .btn-group a.btn {
    width: 50%;
}
.buttonlist select {
    margin: 0;
    width: 100%;
    max-width: 100%;
    height:34px;
    padding: 0 8px;
}
.buttonlist #pcco-manager-booking-date input#selectDate {
    width: 100%;
    line-height: 26px;
    border: 1px solid #ddd;
}
.buttonlist #pcco-manager-booking-date label {
    display: none;
}
.reservationlist {
    width: 100%;
    float: left;
}
.reservationlist > div:nth-child(odd) {
    background-color: #f7f7f7;
}
.reservationlist > div.inactive {
    background-color: #edd8d8;
}
.restaurantreservation {
    padding: 2px 0;
    width: 100%;
    float: left;
    font-weight: 300;
}
.restaurantreservation .reservationtime,
.restaurantreservation .reservationuser,
.restaurantreservation .reservationinfo,
.restaurantreservation .reservationactions {
    padding: 0 5px;
}
.restaurantreservation .reservationtime {
    font-size: 26px;
    font-weight: 400;
    padding-top: 5px;
    text-align: center;
}
.restaurantreservation .reservationuser span.guestname {
    font-weight: 600;
    font-size: 15px;
}
.restaurantreservation .reservationuser i, .restaurantreservation .reservationinfo i {
    width: 20px;
    margin-right: 3px;
}
.restaurantreservation .reservationactions .btn-group, .restaurantreservation .reservationactions a {
    float: right;
    font-size: 20px;
    line-height: 20px;
    padding: 6px;
    width: 34px;
}
.restaurantreservation .reservationactions a {
    padding: 7px 5px;
    margin-top: 7px;
}
.restaurantreservation .reservationtime a.btn {
    display: none;
}
@media(max-width: 650px) {
    .buttonlist .btn, .buttonlist select {
        margin-bottom: 5px;
    }
    .reservationlist > div:nth-child(odd) {
        background-color: transparent;
    }
    .restaurantreservation {
        padding: 0;
    }
    .restaurantreservation .reservationtime {
        text-align: left;
        font-weight: 700;
        font-size: 18px;
        background-color: #f2f2f2;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        line-height: 30px;
        margin-bottom: 5px;
        padding-top: 0;
    }
    .restaurantreservation .reservationtime a.btn {
        background-color: transparent;
        float: right;
        font-size: 22px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 50px;
        display: block;
    }
    .restaurantreservation .reservationtime a.btn.abort {
        color: red;
    }
    .restaurantreservation .reservationtime a.btn.edit {
        color: #57a632;
    }
    .restaurantreservation .reservationactions{
        display: none;
    }
    .restaurantreservation .reservationinfo {
        margin-bottom: 10px;
    }
    .restaurantreservation .reservationuser span.guestname {
        font-size: 16px;
    }
    .buttonlist.restaurant {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
        border-bottom: none;
        background-color: transparent;
        margin-bottom: 5px;
    }
    .buttonlist.restaurant > div {
        padding: 0 !important;
    }
}

.pcco-restaurant-booking #personslider {
    z-index: 0;
    width: 90%;
    margin: 20px 5%;
}

#block-days.pcco-restaurant-manager #date > * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.pcco-back-button {
    margin: 10px 0;
}
.pcco-back-button a i {
    color: #555555;
    display: block;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 2px;
}
.ui-datepicker td.weekday-closed a,
.ui-datepicker td.holiday a,
.ui-datepicker td.blocked a,
.ui-datepicker td.occupied100 a {
    text-decoration: line-through;
}

.ui-datepicker td.weekday-closed a,
.pcco-restaurant-dashboard td.weekday-closed a {
    background-color: hsl(0, 0%, 75%);
}
.ui-datepicker td.holiday a,
.pcco-restaurant-dashboard td.holiday a {
    background-color: hsl(0, 0%, 65%);
}
.ui-datepicker td.blocked a,
.pcco-restaurant-dashboard td.blocked a {
    background-color: hsl(0, 55%, 80%);
}
.ui-datepicker td.occupied100 a,
.pcco-restaurant-dashboard td.occupied100 a {
    background-color: hsl(15, 80%, 60%);
}
.ui-datepicker td.occupied90 a,
.pcco-restaurant-dashboard td.occupied90 a {
    background-color: hsl(15, 80%, 70%);
}
.ui-datepicker td.occupied80 a,
.pcco-restaurant-dashboard td.occupied80 a {
    background-color: hsl(15, 80%, 75%);
}
.ui-datepicker td.occupied70 a,
.pcco-restaurant-dashboard td.occupied70 a {
    background-color: hsl(15, 80%, 80%);
}
.ui-datepicker td.occupied60 a,
.pcco-restaurant-dashboard td.occupied60 a {
    background-color: hsl(15, 80%, 85%);
}
.ui-datepicker td.occupied50 a,
.pcco-restaurant-dashboard td.occupied50 a {
    background-color: hsl(15, 80%, 85%);
}
.ui-datepicker td.occupied40 a,
.pcco-restaurant-dashboard td.occupied40 a {
    background-color: hsl(15, 80%, 85%);
}
.ui-datepicker td.occupied30 a,
.pcco-restaurant-dashboard td.occupied30 a {
    background-color: hsl(15, 80%, 90%);
}
.ui-datepicker td.occupied20 a,
.pcco-restaurant-dashboard td.occupied20 a {
    background-color: hsl(15, 80%, 90%);
}
.ui-datepicker td.occupied10 a,
.pcco-restaurant-dashboard td.occupied10 a {
    background-color: hsl(15, 80%, 90%);
}
@media (max-width: 768px) {
    .restaurant-container .table-responsive {
        overflow-x: auto;
    }
}

/* Restaurant/Manager/Start */
.restaurant-overview dt {
    text-align: left;
    width: 15em;
}

#sorttools {
    margin-left: 0;
}

#sorttools li {
    white-space: nowrap;
}
#sorttools li .fa{
    padding-left: .5ex;
}

.restaurantreservation .reservationtime {
    text-align: left;
}

#dashboard th {
    text-overflow: ellipsis;
    overflow: hidden;
}

.reservations-without-resources,
.restaurantreservation[data-resources="0"] .reservationtime .reservation-icon,
.restaurantreservation[data-resources="0"] span.resources {

    color: red;
}

.reservationlist .booking_time .end {
    font-size: smaller;
    display: inline-block;
    text-align: right;
    width: 100%;
}

#sorttools .column-end {
    border-right-width: 0.5ex;
}

#sorttools .btn:first-of-type {
    border-left-width: 0.5ex;
}

@media(max-width: 650px) {
    .reservationlist .booking_time .end {
        font-size: inherit;
        display: initial;
    }
    #sorttools .column-end {
        border-right-width: 1px;
    }
    #sorttools .btn:first-of-type {
        border-left-width: 1px;
    }
}

@media (min-width: 768px) {
    .restaurant-overview dd {
        margin-left: 16em;
    }
}


/* Restaurant/Manager/Reservation */
.pcco-restaurant-manager .checkbox.resource {
    display: inline-block;
    width: 8.5em;
}
.pcco-restaurant-manager .resource_label {
    text-align: center;
}
.pcco-restaurant-manager .checkbox.walk-in {
    text-align: center;
    margin-top: 1.25em;
}

/* Restaurant/Manager/ReservationList */
.reservationlist .form-group,
.reservationlist .input-group
{
    margin-bottom: 0;
    max-width: initial;
}
.reservationlist .input-group-addon {
    padding: 0;
    width: 15px;
}

.reservationlist input[readonly],
.reservationlist select[readonly],
.reservationlist textarea[readonly],
.reservationlist output
{
    background-color: transparent!important;
}

.reservationlist textarea.pcco-inline-editable,
.reservationlist input.pcco-inline-editable,
.reservationlist output {
    border: 1px solid transparent;
    background-color: initial;
    padding: 0.5ex;
    max-width: initial;
}

.reservationlist .name .form-control {
    font-weight: bolder;
}

.reservationlist .pcco-inline-editable:focus {
    border-color: black;
    background-color: white!important;
}

.reservationlist .input-group * {
    border: 1px solid transparent;
    background-color: initial;


}
.reservationlist .input-group *:focus {
    border-color: black;
    background-color: white;
}

.reservationlist [class^='col-'] {
    padding-left: 0.5ex;
    padding-right: 0.5ex;
}

.reservationlist .reservationtime{
    font-size: initial;
}


/* Restaurant/Manager/Roles */
.restaurant-manager-roles thead td {
    text-transform: capitalize;
}

.restaurant-manager-roles .current-user {
    font-style: italic;
    color: #056E45;
}

.restaurant-manager-roles .new-user {
    font-style: italic;
    border: 1px solid #056E45;
}

.restaurant-manager-roles .fa-minus {
    color: #812400;
}

/* Restaurant/Manager/BlockedDays */
#block-days #date a.ui-state-active {
    border: 1px solid blue;
}
#block-days input[type="text"],
#block-days textarea
{
    max-width: unset;
}

/* Restaurant/Manager/Dashboard */
.pcco-restaurant-dashboard .guests,
.pcco-restaurant-dashboard .timeslots,
.pcco-restaurant-dashboard .reservations {
    margin: 0.25ex;
    cursor: default;
}

.pcco-restaurant-dashboard .reservations {
    display: inline-block;
}

.pcco-restaurant-dashboard td {
    background-color: #F8F8F8;
    border-collapse: separate;
}

.pcco-restaurant-dashboard td.selected-month {
    background-color: white;
}

.pcco-restaurant-dashboard td {
    min-height: 10em;
    height: 7em;
}

.pcco-restaurant-dashboard td.selected-date {
    border: 2px solid #0b94ea;
}

.pcco-restaurant-dashboard .reservations-without-resources {
    color: red;
}

.pcco-restaurant-dashboard td div.headline {
    position: relative;
}

.pcco-restaurant-dashboard td div a {
    display: block;
    /*width: 100%;*/
    background-color: #57a632;
    color: white;
    padding: 0.1ex 1ex;
    font-weight: bolder;
    margin-right: 4.5ex;
    line-height: 3.5ex;
}
.pcco-restaurant-dashboard td div a.create {
    position: absolute;
    top:0;
    width: 3.5ex;
    right: -4.5ex;
    text-align: center;
}

.pcco-restaurant-dashboard p.blocking_annotation,
.pcco-restaurant-dashboard p.event_title {
    text-align: center;
    border: 1px solid gray;
    background: #ddd;
    margin-top: 1ex;
}

@media (max-width: 768px) {
    #dashboard,
    .pcco-restaurant-dashboard {
        overflow-x: auto;
    }
}

.restaurant-event-list-container .tools {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.restaurant-event-list-container .tools a {
    padding: .5ex 1ex;
}
.restaurant-event-list-container .tools a:first-of-type {
    margin-left: 0;
}
.restaurant-event-list-container .tools a:last-of-type {
    margin-right: 0;
}

@media print {
    a:link:after,
    a:visited:after {
        content: "" !important;
    }

    .reservations-without-resources,
    .restaurantreservation[data-resources="0"] span.resources {
        font-weight: bold;
    }

    #dashboard td.weekday-closed,
    #dashboard td.holiday,
    #dashboard td.blocked {
        text-decoration: line-through;
    }

    #dashboard {
        page-break-after: always;
    }

    .restaurant-overview,
    #dashboard {
        display: none;
    }

    .restaurant-print-header {
        margin-bottom: 1ex;
    }

    .reservationlist {
        padding-left: 0;
        padding-right: 0;
    }
}

/***
Infoboard
***/
.pcco-infoboard-event {
    width: 100%;
    float: left;
    padding: 50px 0;
}
.pcco-infoboard-image {
    width: 25%;
    float: left;
    padding: 0 2% 0 2%;
    box-sizing: border-box;
}
.pcco-infoboard-image img {
    max-width: 100%;
    margin: 0;
}
.pcco-infoboard-content {
    width: 75%;
    float: left;
    padding: 0 80px;
    font-size: 26px;
    line-height: 2;
    box-sizing: border-box;
}
.pcco-infoboard-event-name {
    font-size: 36px;
    font-weight: 600;
    display:block;
    margin-bottom: 30px;
    line-height: 1;
}

/***
Teetime Booking new
***/
form.pcco-book-teetime {
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 5px 15px 10px 15px;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}
.booking-steps {
    border-bottom: 1px solid #ddd;
    padding: 5px 30px 0 10px;
    background: url('../../images/pcco-flag.png') no-repeat right top;
    background-size: 18px 34px;
    margin-bottom: 15px;
}
.booking-steps .pcco-cart {
    width: 30px;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
}
.booking-steps .pcco-cart.step-2 {
    -webkit-animation-name: step2;
    animation-name: step2;
}
@media(max-width: 500px) {
    @-webkit-keyframes step2 {
        0% {-webkit-transform: translateX(0);}
        100% {-webkit-transform: translateX(100px);}
    }
    @keyframes step2 {
        0% {transform: translateX(0);}
        100% {transform: translateX(100px);}
    }
}
@media(min-width: 501px) {
    @-webkit-keyframes step2 {
        0% {-webkit-transform: translateX(0);}
        100% {-webkit-transform: translateX(150px);}
    }
    @keyframes step2 {
        0% {transform: translateX(0);}
        100% {transform: translateX(150px);}
    }
}

.pcco-book-teetime .pcco-heading {
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.pcco-book-teetime .sendaction {
    margin-top: 15px;
    border-top: 1px solid #ddd;
}
.pcco-book-teetime .sendaction .form-actions {
    margin-top: 10px;
}
.pcco-book-teetime .pcco-person-list {
    margin-top: 5px;
}
.pcco-book-teetime .pcco-person-list, .pcco-person-item .col-sm-12 {
    padding: 0;
}
.pcco-book-teetime .pcco-person-item {
    float: left;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top: 15px;
    width: 100%;
    padding: 5px;
}

/***
JQuery UI Override
***/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #333333;
}
.inputIframe {
    display: block;
    width: 100%;
}
.inputIframe iframe {
    margin: 0;
    padding: 0;
}
div.payment .controls {
    margin: 0;
}
div.payment form {
    float: left;
    width: 100%;
    border: none;
}
.payment input.btn {
    line-height: 1.42857;
}
.payment .form-actions {
    margin-top: 15px;
}
.pcco-payment-form {
    background-color: #eee;
    padding: 1em;
}
.pcco-payment-form label.required::after {
    margin-left: .25em;
    content: "*";
}
#errorOutput {
    width: 100%;
    float: left;
    padding: 0 10px;
    line-height: 2;
    margin: 10px 0;
    color:#8a6d3b;
    background-color:#fcf8e3;
}

/***
Tournament Calendar
***/
.tournament {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.1;
    background-color: #f6f6f6;
}
.tournament .tournament-date {
    width: 15%;
    float: left;
}

.tournament .tournament-date time {
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 10px 5px;
    background-color: #f6f6f6;
    border-radius: 0;
    color: #000;
}
.tournament .tournament-date time.notime {
    padding: 3px 5px;
}

.tournament .tournament-date time * {
    font-weight: 700;
}

.tournament .tournament-date time.icon {
    border: none;
    box-shadow: none;
}
.tournament .tournament-date time.icon span {
    padding-top: 0;
    font-size: 25px;
}
.tournament .tournament-date time.icon em {
    margin-top: 0;
}
.tournament .tournament-date time.icon small {
    border-top: none;
}
.tournament .tournament-date time.icon small i {
    display: inline-block;
    font-size: 13px;
}

.tournament .tournament-body {
    width: 85%;
    float: left;
    padding: 5px 10px;
    min-height: 70px;
    color: #000;
    background-color: #fff;
}
.tournament .tournament-body.inactive {
    border-left: 3px solid #AEAFAF;
}
.tournament .tournament-body.open {
    border-left: 3px solid #68A62E;
}
.tournament .tournament-body.intern {
    border-left: 3px solid #F39000;
}

.tournament .tournament-body span.name {
    font-weight: 700;
    display: block;
}
.tournament .tournament-body span.club {
    font-size: 11px;
    display: block;
    margin-top: 4px;
}
.tournament .tournament-body span.tourninfo {
    font-size: 11px;
    display: block;
    margin-top: 4px;
}

@media (max-width: 400px) {
    .tournament .tournament-date {
        width: 22%;
    }
    .tournament .tournament-body {
        width: 78%;
    }
}

/***
Tournament Startlist
***/
.table-turnierstartliste tbody tr.pcco-odd td {
    padding: 4px;
    line-height: 12px;
    background-color: #F9F9F9;
    border: none;
}
.table-turnierstartliste tbody tr.pcco-even td {
    padding: 4px;
    line-height: 12px;
    background-color: #FFFFFF;
    border: none;
}
.table-turnierstartliste tbody tr td:nth-child(1), .table-turnierstartliste tbody tr td:nth-child(2) {
    text-align: center;
}
.table-turnierstartliste tbody tr td:last-child{
    text-align: center;
}

.portlet.box.blue {
    border: 1px solid #57a632;
    border-top: 0;
}
.menu-info {
    font-size: 10px;
    display: block;
    /*margin-left: 0;*/
    margin-top: -7px;
    margin-left: -4px;
    font-weight: 700;
    color: #444;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%;}
.ui-timepicker-div dl dd.ui_tpicker_hour, .ui-timepicker-div dl dd.ui_tpicker_minute { padding-top: 5px;}
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.5em;
    position: absolute;
    width: 1.3em;
    z-index: 2;
}
.ui-slider-horizontal {
    height: 0.9em;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.4em;
}
.ui-slider .ui-slider-handle {
    cursor: pointer;
}
/***
Tournament Calendar 9 Holes
***/
.float-right {
    float: right;
}
.pcco-9-hole-challenge-list .pcco-headline,
.pcco-9-hole-challenge-login .pcco-headline,
.pcco-9-hole-challenge-newsletter .pcco-headline{
    background-color: transparent;
    border-bottom: 1px solid #FABA00;
    text-transform: none;
    text-align: left;
    color: #707173;
    font-size: 19px;
    font-weight: 600;
}
.pcco-9-hole-challenge-newsletter .checkbox label {
    padding: 0;
}
.pcco-9-hole-challenge-form {
    max-width: 600px;
}
.pcco-9-hole-challenge-list .col-xs-12,
.pcco-9-hole-challenge-login .col-xs-12,
.pcco-9-hole-challenge-newsletter .col-xs-12{
    padding: 0 5px;
}
.pcco-9-hole-challenge-login input {
    height: 40px;
}
.pcco-9-hole-challenge-login input[type="text"],
.pcco-9-hole-challenge-login input[type="password"] {
    max-width: 100%;
}
.pcco-tournament-counter {
    border-bottom: 1px solid #ffb300;
    border-top: 1px solid #ffb300;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 2;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}
.pcco-9-hole-challenge-login .btn.simple,
.pcco-9-hole-challenge-newsletter .btn.simple {
    background: #707173 none;
    color: #ffffff;
    box-shadow: none;
    border: none;
}
.pcco-9-hole-challenge-tournament-list {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.pcco-9-hole-challenge-tournament-list-item > div {
    padding: 0 5px !important;
}
.pcco-9-hole-challenge-tournament-list > div:nth-child(2n+1) {
    background-color: #f8f3e6;
}
.pcco-9-hole-challenge-tournament-list-item {
    width: 100%;
    float: left;
    padding: 5px 0;
}
.pcco-9-hole-challenge-tournament-list-item > div:first-child {
    float: left;
    width: 16.6667%;
}
.pcco-9-hole-challenge-tournament-list-item > div:nth-child(2) {
    float: left;
    width: 83.3333%;
    border-left: 1px solid #ddd;
}
.pcco-9-hole-challenge-tournament-list-text {
    float: left;
    width: 100%;
    padding: 5px;
}
.pcco-9-hole-challenge-tournament-list-text a{
    color: #82630b;
    font-weight: 700;
}
.pcco-9-hole-challenge-tournament-list-logo {
    float: left;
    width: 20%;
    padding: 5px;
}
.pcco-9-hole-challenge-tournament-list-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 75px;
}
span.pcco-9-hole-challenge-tournament-list-name {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
}
.pcco-9-hole-challenge-tournament-list-club {
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 4px;
}
.pcco-9-hole-challenge-tournament-list-date span {
    display: block;
    width: 100%;
    text-align: center;
}
.pcco-9-hole-challenge-tournament-list-date span:nth-child(1) {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
}
.pcco-9-hole-challenge-tournament-list-date span:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.pcco-9-hole-challenge-tournament-list-date span:nth-child(3) {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #777;
}
span.pcco-9-hole-challenge-tournament-list-info {
    display: block;
    width: 100%;
    font-size: 12px;
}
.alert-infobox {
    background-color: #f7f7f7;
    border-color: #ccc;
    padding: 10px 15px;
    line-height: 1.2;
}
.pcco-9-hole-challenge-rss-title {
    font-weight: bold;
    display:block;
    width: 100%;
}
.pcco-9-hole-challenge-rss-description {
    display:block;
    width: 100%;
}
.pcco-9-hole-challenge-rss-link a {
    display:block;
    width: 100%;
    margin-bottom: 20px;
}
@media(max-width: 600px) {
    .pcco-9-hole-challenge-list,
    .pcco-9-hole-challenge-login,
    .pcco-9-hole-challenge-newsletter {
        padding: 0 10px;
    }
    .pcco-9-hole-challenge-tournament-list-item > div:first-child {
        float: left;
        width: 25%;
    }
    .pcco-9-hole-challenge-tournament-list-item > div:last-child {
        float: left;
        width: 75%;
    }
    span.pcco-9-hole-challenge-tournament-list-name {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
    }
    .pcco-9-hole-challenge-tournament-list-date span:nth-child(1) {
        font-size: 20px;
        line-height: 30px;
    }
    .pcco-9-hole-challenge-tournament-list-date span:nth-child(2) {
        font-size: 13px;
        font-weight: 400;
        line-height: 18px;
    }
    .pcco-9-hole-challenge-tournament-list-date span:nth-child(3) {
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        color: #777;
    }
}
.pcco-9-hole-challenge-list table thead tr th {
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #ddd !important;
    font-weight: 600;
}
.pcco-9-hole-challenge-list table thead tr th span {
    font-size: 90%;
    margin-left: 20px;
    float: right;
}
.pcco-9-hole-challenge-list table thead tr th:last-child {
    font-size: 12px;
}
.pcco-9-hole-challenge-list table tbody tr:first-child td {
    border: none;
    background-color: #f7f7f7;
}
.pcco-9-hole-challenge-list table tbody tr td:first-child {
    text-align: center;
    width: 15%;
}
.pcco-9-hole-challenge-list table tbody tr td:last-child {
    width: 100px;
}
.pcco-9-hole-challenge-list table tbody tr td span {
    font-size: 10px;
}
.pcco-9-hole-challenge-list table tbody tr.pcco-row-separator td {
    background-color: #f7f7f7;
}
.pcco-9-hole-challenge-list table tbody tr.pcco-player-own-result td {
    font-weight: 600;
}
.pcco-9-hole-challenge-list table tbody tr.pcco-ranking-detail-link td {
    padding: 0;
}
.pcco-9-hole-challenge-list table tbody tr.pcco-ranking-detail-link td .btn {
    line-height: 30px;
    font-weight: 600;
    color: #000000;
    display: block;
    width: 100%;
    text-align: center;
    background-color: transparent;
    padding: 0;
}
.pcco-9-hole-challenge-list table tbody tr.pcco-ranking-detail-link td .btn:hover {
    background-color: #F7F7F7;
}
.pcco-player-resultlist {
    width: 100%;
    border: none;
}
table.pcco-player-resultlist tr td {
    font-weight: 300 !important;
    font-size: 10px;
    background-color: transparent !important;
    text-align: left !important;
    border-top: 1px solid #ddd !important;
}
table.pcco-player-resultlist tr td:first-child {
    width: 90% !important;
}
table.pcco-player-resultlist tr td:last-child {
    width: 40px !important;
}
/*.pcco-resultlist-cut td {*/
/*border-bottom: 1em solid #ddd;*/
/*}*/
table tbody tr.pcco-resultlist-cut td {
    padding-bottom: 0;
}
.pcco-resultlist-cut td::after {
    background: #ddd;
    color: #ddd;
    display: block;
    /*content: 'Cut';*/
    margin : 4px -5px 0;
}
.pcco-resultlist-cut td:first-of-type::after {
    color: black;
}

/***
Calendar Week
***/
.sticky-wrapper {
    width: 100%;
}
.sticky-wrapper.is-sticky th .content-wrapper
{
    top: 61px !important;
    overflow:hidden;
}
table.pcco-calendar-week-time {
    width: 45px;
    float: left;
    border: 1px solid #ddd;
}

table.pcco-calendar-week-time thead tr th, table.pcco-calendar-week-time tbody tr td {
    text-align: center;
}
table.pcco-tt-areas-time th .content-wrapper,
table.pcco-tt-areas thead tr th .content-wrapper
{
    background-color: #ffffff;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 2000;
}
/*table.pcco-tt-areas-time th:before, table.pcco-tt-areas thead tr th:before {*/
    /*content: '';*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*height: auto;*/
/*}*/
table.pcco-tt-areas-time th.pcco-notice-active:before,
table.pcco-tt-areas thead tr th.pcco-notice-active:before {
    height: 0;
}

table.pcco-calendar-week-day {
    float: left;
    border: 1px solid #ddd;
}
table.pcco-calendar-week-day thead tr th, table.pcco-calendar-week-day tbody tr td {
    text-align: center;
}

table.pcco-calendar-week-time tbody tr td {
    height: 65px;
    line-height: 55px;
    font-weight: 700;
}
table.pcco-calendar-week-day:last-child {
    border-right: 3px solid #333;
}

table.pcco-calendar-week-day tbody tr td {
    line-height: 14px;
    height: 65px;
    font-size: 11px;
    font-weight: 500;
    vertical-align: middle;
    max-width: 0;
}

table.pcco-calendar-week-day tbody tr.occupied td div {
    vertical-align: middle;
    overflow:hidden;
    width: 100%;
    display:table;
}
table.pcco-calendar-week-day tbody tr.occupied td div span {
    display:table-cell;
    vertical-align:middle;
    max-width:0;
    width: 100%;
}

table.pcco-calendar-week-day tbody tr.occupied td {
    background-color: #f7f7f7;
}

table.pcco-calendar-week-day tbody tr.occupied td:hover {
    background-color: #f2f2f2;
}

table.pcco-calendar-week-day tbody tr.occupied td a {
    width: 100%;
    margin-bottom: 3px;
    display: block;
    font-weight: 600;
}
table.pcco-calendar-week-day tbody tr.occupied td a:last-child {
    margin-bottom: 0;
}
table.pcco-calendar-week-day.last {
    border-right: 5px solid #444444;
}
@media(max-width: 1300px) {
    table.pcco-calendar-week-day {
        width: calc((100% / 6) - (46px / 6));
        min-width: 14%;
    }
}

@media(max-width: 1150px) {
    table.pcco-calendar-week-day {
        width: calc((100% / 5) - (46px / 5));
        min-width: 17%;
    }
}

@media(max-width: 850px) {
    table.pcco-calendar-week-day {
        width: calc((100% / 4) - (46px / 4));
        min-width: 22%;
    }
}

@media(max-width: 700px) {
    table.pcco-calendar-week-day {
        width: calc((100% / 3) - (46px / 3));
        min-width: 30%;
    }
}

@media(max-width: 550px) {
    table.pcco-calendar-week-day {
        width: calc((100% / 2) - (46px / 2));
        min-width: 40%;
    }
}

@media(max-width: 400px) {
    table.pcco-calendar-week-day {
        width: calc((100% / 1) - (46px / 1));
        min-width: 70%;
    }
}

@media(min-width: 1301px) {
    table.pcco-calendar-week-day {
        width: calc((100% / 7) - (46px / 7));
        min-width: 12%;
    }
}
div.ics-btn-wrapper {
    text-align: right;
    padding-top: 11px;
    padding-left: 5px;
    padding-right: 5px;
}
a.generate-ics {
    background-color: transparent !important;
    padding: 9px 0 0 0;
    margin-bottom: 0;
}
a.generate-ics span.ics-text-mobile {
    display: none;
}
a.generate-ics:hover {
    opacity: 0.5;
}
a.generate-ics {
    display: block;
    color: #000000 !important;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 0 !important;
    padding: 4px;
    margin-top: 0;
    line-height: 22px;
}
a.generate-ics:hover, a.generate-ics:active, a.generate-ics:focus {
    opacity: 1.0;
    background-color: #EBEBEB !important;
    box-shadow: none;
    text-decoration: none;
}
.btn-group-dropdown {
    margin-top: 11px;
}
/***
Statement
***/
table.statement {
    border: 1px solid #ddd;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
table.statement tbody tr td, table.statement thead tr th {
    border-right: 1px solid #ddd;
}

table.statement tbody tr td:last-child, table.statement thead tr th:last-child {
    border-right: 1px solid #ddd;
}
table.statement tbody tr td:nth-child(2), table.statement thead tr th:nth-child(2) {
    text-align: center;
    width: 60px;
}

table.statement tbody tr td:last-child, table.statement thead tr th:last-child {
    text-align: right;
    width: 70px;
}

table.statement tbody tr:last-child td {
    border-top: 3px double #ddd;
    background-color: #f7f7f7;
    font-weight: 600;
}

table.statementcat {
    border: 1px solid #ddd;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
table.statementcat tbody tr td, table.statementcat thead tr th {
    border-right: 1px solid #ddd;
}

table.statementcat tbody tr td:last-child, table.statementcat thead tr th:last-child {
    border-right: 1px solid #ddd;
}
table.statementcat tbody tr td:nth-child(1), table.statementcat thead tr th:nth-child(1) {
    text-align: left;
    width: 70px;
}

table.statementcat tbody tr td:nth-child(3), table.statementcat thead tr th:nth-child(3) {
    text-align: center;
    width: 60px;
}

table.statementcat tbody tr td:last-child, table.statementcat thead tr th:last-child {
    text-align: right;
    width: 70px;
}

table.statementcat tbody tr:last-child td {
    border-top: 3px double #ddd;
    background-color: #f7f7f7;
    font-weight: 600;
}

table.statementitem {
    border: 1px solid #ddd;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

table.statementitem tbody tr td:nth-child(1), table.statementitem thead tr th:nth-child(1) {
    text-align: left;
}
table.statementitem tbody tr td, table.statementitem thead tr th {
    border-right: 1px solid #ddd;
}

table.statementitem tbody tr td:last-child, table.statementitem thead tr th:last-child {
    border-right: 1px solid #ddd;
}

table.statementitem tbody tr td:nth-child(2), table.statementitem thead tr th:nth-child(2) {
    text-align: center;
    width: 35px;
}

table.statementitem tbody tr td:nth-child(3), table.statementitem thead tr th:nth-child(3) {
    text-align: right;
    width: 62px;
}
table.statementitem tbody tr td:nth-child(4), table.statementitem thead tr th:nth-child(4) {
    text-align: right;
    width: 55px;
}

table.statementitem tbody tr td:last-child, table.statementitem thead tr th:last-child {
    text-align: right;
    width: 62px;
}

table.statementitem tbody tr:last-child td {
    border-top: 3px double #ddd;
    background-color: #f7f7f7;
}
table.statementitem tbody tr:last-child td:first-child, table.statementitem tbody tr:last-child td:last-child {
    font-weight: 600;
}


/***
Course Info
***/

.pcco-occupancy th, .pcco-occupancy td {
    padding: 5px 10px;
    text-align:left;
    vertical-align: middle;
}
.pcco-occupancy th {
    border-bottom: 1px solid #ddd;
}

.pcco-occupancy p {
    margin: 0;
}

.pcco-occupancy a {
    text-decoration: none;
    display: block;
}
.pcco-occupancy a span {
    color: #000000;
}

table tbody tr.pcco-occupancy-content td {
    font-size: 12px;
    vertical-align: top;
    min-height: 27px;
    border-top: 1px solid #ddd;
    text-align: left;
}
table.pcco-occupancy thead tr th:first-child {
    text-align: center;
    width: 8%;
    min-width: 100px;
}

.pcco-occupancy-date {
    font-weight: bold;
    vertical-align: top;
    text-align: left;
}
.pcco-occupancy-date div {
    width: 91px;
    margin-left: auto;
    margin-right: auto;
}
.pcco-occupancy-date span {
    float: left;
}
.pcco-occupancy-date span:first-child {
    float: left;
    text-align: left;
    width: 27px;
}
#pcco-occupancy.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
#platzbelegung.container-fluid {
    padding-left: 5px;
    padding-right: 5px;
}
.no-more-tables table tbody tr.pcco-occupancy-content td:before {
    top: 3px;
}
table.pcco-occupancy tbody tr td.pcco-occupancy-info, table.pcco-occupancy thead tr th {
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width:850px) {
    table tbody tr.pcco-occupancy-content td {
        text-align: left;
    }
    .pcco-occupancy-date div {
        width: 100%;
    }
    table.pcco-occupancy tbody tr td:first-child {
        background-color: #f7f7f7;
    }
}
@media only screen and (max-width:850px) {
    table.pcco-occupancy, table.pcco-occupancy thead, table.pcco-occupancy tbody, table.pcco-occupancy th, table.pcco-occupancy td,table.pcco-occupancy tr {
        display:block;
        width: 100%
    }

    table.pcco-occupancy thead.cf  {
        border:0;
        clip:rect(0 0 0 0);
        height:1px;
        margin:-1px;
        overflow:hidden;
        padding:0;
        position:absolute;
        width:1px;
    }
    table.pcco-occupancy tbody tr.pcco-occupancy-content td,
    table.pcco-occupancy tbody tr td.pcco-occupancy-info{
        position:relative;
        padding-left: 120px;
        float: left;
    }
    table.pcco-occupancy tbody tr td.pcco-occupancy-info{
        background-color: #ffffff;
    }
    table.pcco-occupancy tbody tr.pcco-occupancy-content td span:before{
        white-space: normal;
        content: attr(data-title);
        font-weight: bold;
        margin-left: -110px;
        float: left;
        max-width: 100px;
        display: inline-block;
    }
    table.pcco-occupancy tbody tr.pcco-occupancy-content td div span:before {
        margin-left: -27px;
        float: none;
    }

    table.pcco-occupancy tbody tr.pcco-occupancy-content td div.pcco-occupancy-entry-manual span:before {
        margin-left: 0;
    }

    table.pcco-occupancy tbody tr.pcco-occupancy-content td.pcco-occupancy-info div,
    table.pcco-occupancy tbody tr.pcco-occupancy-content td.pcco-occupancy-info p,
    table.pcco-occupancy tbody tr.pcco-occupancy-content td.pcco-occupancy-info strong{
        vertical-align: top;
    }
    table.pcco-occupancy {
        overflow: hidden;
    }
    table.pcco-occupancy.table-bordered {
        border: none;
        border-bottom: 1px solid #ddd;
    }
}
/***
Tournament Detail Lightbox
***/
table.table tbody tr td.pcco-tournament-detail-sub {
    padding-left: 10px;
}
/*.turnier-galerie-lightbox {
    border: 0.625em solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0.313em rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;
}*/

#container li {
    display: inline-block;
    margin: 0.625em;
    float: left;
}
.pcco-lightbox .tab-wrap {
    overflow: hidden;
}
.pcco-document-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}
.pcco-document-list .fa-file {
    padding-right: 5px;
}
.pcco-tournament-report h5,
.tab-wrap h5 {
    padding-left: 0;
}
.pcco-tournament-report {
    padding: 10px 20px 20px;
    background: #f5f5f5;
    border: 1px solid #eee;
    margin: 20px 0;
}
.pcco-image-gallery {
    display: flex;
    flex-wrap: wrap;
}
.pcco-image-gallery .image-gallery-item {
    display: flex;
    width: 25%;
}
.pcco-image-gallery-picture {
    padding: 15px;
    border: 1px solid #e7e7e7;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    margin: 20px;
    width: 100%;
}
.pcco-image-gallery-picture .pcco-image-wrap {
    vertical-align: middle;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
}
.pcco-image-gallery-picture img.turnier-galerie-lightbox {
    max-width: 100%;
    max-height: 300px;
}
.pcco-image-gallery-title {
    padding: 10px 5px 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.pcco-image-gallery-description {
    padding: 5px;
    color: #666;
}

@media (max-width: 1400px) {
    .pcco-image-gallery .image-gallery-item {
        width: 33.33%;
    }
    .pcco-image-gallery-picture {
        margin: 15px;
    }
}
@media (max-width: 769px) {
    .pcco-image-gallery .image-gallery-item {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .pcco-image-gallery .image-gallery-item {
        width: 100%;
    }
    .pcco-image-gallery-title {
        font-size: 13px;
    }
}
/*#container img
{
    width: 180px;
    border-color: #eee;
    border: 0.625em solid rgba( 255, 255, 255, .5 ); !* 10 *!

    -webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); !* 5 *!
    -moz-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); !* 5 *!
    box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); !* 5 *!

    -webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
    -moz-transition: -moz-box-shadow .3s ease, border-color .3s ease;
    -ms-transition: -ms-box-shadow .3s ease, border-color .3s ease;
    -o-transition: -o-box-shadow .3s ease, border-color .3s ease;
    transition: box-shadow .3s ease, border-color .3s ease;
}
#container img:hover
{
    border-color: #fff;

    -webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); !* 15 *!
    -moz-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); !* 15 *!
    box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); !* 15 *!
}*/


/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
    cursor: pointer;
    position: fixed;
    z-index: 10000;

    -ms-touch-action: none;
    touch-action: none;

    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* WITH ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#imagelightbox-loading
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */

    -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
    width: 1.25em; /* 20 */
    height: 1.25em; /* 20 */
    background-color: #fff;

    -webkit-animation: imagelightbox-loading .5s ease infinite;
    -moz-animation: imagelightbox-loading .5s ease infinite;
    -o-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
    from { opacity: .5;	-webkit-transform: scale( .75 ); }
    50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
    to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@-moz-keyframes imagelightbox-loading
{
    from { opacity: .5;	-moz-transform: scale( .75 ); }
    50%	 { opacity: 1;	-moz-transform: scale( 1 ); }
    to	 { opacity: .5;	-moz-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading
{
    from { opacity: .5;	-o-transform: scale( .75 ); }
    50%	 { opacity: 1;	-o-transform: scale( 1 ); }
    to	 { opacity: .5;	-o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
    from { opacity: .5;	transform: scale( .75 ); }
    50%	 { opacity: 1;	transform: scale( 1 ); }
    to	 { opacity: .5;	transform: scale( .75 ); }
}

/* WITH OVERLAY */

#imagelightbox-overlay
{
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .9 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* WITH "CLOSE" BUTTON */

#imagelightbox-close
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    text-align: left;
    text-indent: -9999px;
    background-color: #666;
    position: fixed;
    z-index: 10002;
    top: 6.5em; /* 40 */
    right: 2.5em; /* 40 */

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
#imagelightbox-close:hover
{
    background-color: #111;
}
#imagelightbox-close:before,
#imagelightbox-close:after
{
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}
#imagelightbox-close:before
{
    -webkit-transform: rotate( 45deg );
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    -o-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
#imagelightbox-close:after
{
    -webkit-transform: rotate( -45deg );
    -moz-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    -o-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

/* WITH CAPTION */

#imagelightbox-caption
{
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}

/* WITH NAVIGATION */

#imagelightbox-nav
{
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */

    -webkit-transform: translateX( -50% );
    -moz-transform: translateX( -50% );
    -ms-transform: translateX( -50% );
    -o-transform: translateX( -50% );
    transform: translateX( -50% );

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#imagelightbox-nav a
{
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    border: 1px solid #fff;
    display: inline-block;
    margin: 0 0.313em; /* 5 */

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#imagelightbox-nav a.active
{
    background-color: #fff;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav
{
    -webkit-animation: fade-in .25s linear;
    -moz-animation: fade-in .25s linear;
    -o-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}
@-moz-keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}
@-o-keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}
@keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}

/***
Dashboard
***/

.dashboard-stat.blue {
    background-color: #ffffff;
}

.dashboard-stat.blue .more {
    background-color: #57a632;
}
.dashboard-news {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}
.dashboard-news .headline {
    width: 100%;
    background-color: #f7f7f7;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}
.dashboard-news .headline span{
    width: 100%;
    display: block;
    font-weight: 300;
    font-size: 12px;
}
.dashboard-news .body {
    width: 100%;
    padding: 5px 10px;
}
.dashboard-news .body * {
    text-align: left;
}
.dashboard-news .body img{
    height: auto;
    max-width: 100%;
    margin-bottom: 20px;
    float: none;
    width: auto;
}

.pcco-sponsor-entry {
    width: 100%;
}
.pcco-sponsor {
    max-width: 100%;
}
.pcco-sponsor .bx-wrapper li {
    font-size: 14px;
}
.bx-wrapper #sponsor_slider li {
    line-height: 1.2;
    font-weight: 300;
    font-size: 14px;
    margin-left: -40px;
    width: 100% !important;
}
.bx-wrapper #sponsor_slider img {
    margin-bottom: 25px;
    width: auto;
    max-width: 300px;
    max-height: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
h5.pcco-sponsor-title {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    margin-bottom: 0;
}
.sponsor-list .bx-wrapper .bx-viewport {
    overflow: hidden;
}
.sponsorlist img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 200px;
}
.sponsorlist {
    text-align: center;
}
.sponsorlist.col-md-12, .sponsorlist .col-md-12 {
    padding: 0;
}
/***
Page header
***/

.header .navbar-inner {
    filter: none !important;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.header .nav li.dropdown .dropdown-toggle i {
    color: #444 !important;
}

/***
Page sidebar
***/

.page-sidebar {
    background-color: #F4F4F4;
}
ul.page-sidebar-menu > li > a {
    border-bottom: 1px solid #FFFFFF !important;
    border-top: 1px solid #E7E7E7 !important;
    color: #444444;
}
ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}
ul.page-sidebar-menu > li a i {
    color: #444444;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
    background: #d8d8d8;
}
ul.page-sidebar-menu > li.active > a {
    background: #d8d8d8 !important;
    border-top-color: transparent !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
    border-top: 0 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    color: #ffffff !important;
    background: #1b8fd3 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #57a632 !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
    color: #ffffff !important;
    background: #1b8fd3 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
    color: #c3e4f7;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
    color: #57a632 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
    color: #3ba6e6 !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
    color: #68bbec !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
    color: #ffffff !important;
}
ul > li.offline > a {
    text-decoration: line-through !important;
    color: #aaaaaa;
}
ul > li.offline > a > i {
    color: #EC1E24;
}

/***
Footer Layouts
***/

/* begin:fixed footer */
.page-footer-fixed .footer {
    background-color: #57a632;
}
.page-footer-fixed .footer .footer-inner {
    color: #57a632;
}
.page-footer-fixed .footer .footer-tools .go-top {
    background-color: #57a632;
}

/***
Metro icons
***/
[class^="m-icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;;
    margin-top: 4px;
    line-height: 14px;
    vertical-align: top;
    background: url(../img/syncfusion-icons-white.png) no-repeat 0 0;
}

[class^="m-icon-big-"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 6px;
    vertical-align: top;
    background: url(../img/syncfusion-icons-white.png) no-repeat 0 0;
}

/*  Misc */
.btn.icn-only {
    min-width: 14px;
}
.btn.bigicn-only {
    min-width: 34px;
}
.m-icon-swapright {
    background-position: -27px -10px;
}
.m-icon-swapdown {
    background-position: -68px -10px;
}
.m-icon-swapleft {
    background-position: -8px -10px;
}
.m-icon-swapup {
    background-position: -46px -10px;
}
.m-icon-big-swapright{
    background-position: -42px -28px;
}
.m-icon-big-swapdown{
    background-position: -115px -28px;
}
.m-icon-big-swapleft{
    background-position: -6px -28px;
}
.m-icon-big-swapup{
    background-position: -78px -28px;
}

/***
Glyphicons icons
***/
.btn > .halflings-icon {
    margin-top:2px;
    margin-right: 2px;
}

.btn.mini > .halflings-icon {
    margin-top: -1px;
    margin-right: 2px;
}

.btn.icn-only > .halflings-icon {
    margin-right: 0 !important;
}

/***
Dropdowns
***/

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

.dropdown:hover .caret,
.open.dropdown .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown-menu li > a {
    padding: 6px 13px 6px 13px;
    color: #333;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    text-decoration: none;
    background: #eee none;
    color: #333;
    filter:none;
}
@media (max-width: 979px) {
    .navbar-right {
        float: right;
        margin-top: -60px;
    }
}
.navbar-nav > li {
    float: left;
}
.navbar-nav .open .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    font-size: 14px;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
    left: auto;
    right: 0;
}
.navbar-nav .open .dropdown-menu > li > a {
    padding: 3px 10px;
}
/***
Forms
***/

label.m-wrap,
input.m-wrap,
button.m-wrap,
select.m-wrap,
textarea.m-wrap, select {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

label.m-wrap {
    display: block;
    margin-bottom: 5px;
}

.uneditable-input,
textarea.m-wrap,
input[type="text"].m-wrap,
input[type="password"].m-wrap,
input[type="datetime"].m-wrap,
input[type="datetime-local"].m-wrap,
input[type="date"].m-wrap,
input[type="month"].m-wrap,
input[type="time"].m-wrap,
input[type="week"].m-wrap,
input[type="number"].m-wrap,
input[type="email"].m-wrap,
input[type="url"].m-wrap,
input[type="search"].m-wrap,
input[type="tel"].m-wrap,
input[type="color"].m-wrap, input {
    -webkit-appearance: none;
    color: #333333;
    outline: 0;
    height: 20px;
    padding: 3px 10px;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
    /*background-color: #ffffff;*/
    background-image: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    font-family: 'Open Sans', Arial, sans-serif;
}
select.form-control {
    padding: 3px 10px;
    font-family: 'Open Sans', Arial, sans-serif;
}
.checkbox input[type="checkbox"], input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
}
.radio input[type="radio"], .radio-inline input[type="radio"], input[type="radio"] {
    -webkit-appearance: radio !important;
}
.input, textarea, .uneditable-input {
    font-family: 'Open Sans', Arial, sans-serif;
}
input.m-wrap, input, textarea {
    border: 1px solid #e5e5e5;
}

textarea.m-wrap, input {
    height: auto;
}

.uneditable-input.focus,
textarea.m-wrap:focus,
select.m-wrap:focus,
input[type="text"].m-wrap:focus,
input[type="password"].m-wrap:focus,
input[type="datetime"].m-wrap:focus,
input[type="datetime-local"].m-wrap:focus,
input[type="date"].m-wrap:focus,
input[type="month"].m-wrap:focus,
input[type="time"].m-wrap:focus,
input[type="week"].m-wrap:focus,
input[type="number"].m-wrap:focus,
input[type="email"].m-wrap:focus,
input[type="url"].m-wrap:focus,
input[type="search"].m-wrap:focus,
input[type="tel"].m-wrap:focus,
input[type="color"].m-wrap:focus,
.m-uneditable-input:focus,
input[type="text"]:focus,
textarea:focus, input:focus {
    border-color: #999999;
    outline: 0 !important;
    /* IE6-9 */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
    background-color: #F4F4F4 !important;
}

input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #F9F9F9 !important;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color: transparent;
}

input[type="radio"].m-wrap,
input[type="checkbox"].m-wrap {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select.m-wrap,
input[type="file"].m-wrap, select {
    margin-top: 4px;
}

select.m-wrap, select {
    width: 100%;
    max-width: 350px;
    background-color: #ffffff;
    background-image: none !important;
    filter: none !important;
    border: 1px solid #e5e5e5;
    outline: none;
    height: 32px;
}
select {
    font-family: 'Open Sans',sans-serif,Arial,Verdana,"Trebuchet MS" !important;
}
select[multiple].m-wrap,
select[size].m-wrap {
    height: auto !important;
}

select.m-wrap:focus,
input[type="file"].m-wrap:focus,
input[type="radio"].m-wrap:focus,
input[type="checkbox"].m-wrap:focus, select:focus {
    outline: thin dotted #333333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input[class*="span"].m-wrap
{
    float: none;
    height: 30px;
    margin-left: 0;
}

select[class*="span"].m-wrap,
textarea[class*="span"].m-wrap
{
    float: none;
    margin-left: 0;
}

.input-prepend,
.input-append {
    border: 0;
    display: inline-block;
}

.input-append .add-on,
.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 24px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
}

.input-append .add-on > .halflings-icon,
.input-prepend .add-on > i,
.input-prepend .add-on > [class^="icon-"]
{
    margin-top: 5px;
    margin-left: 3px;
}

.input-append .add-on > .halflings-icon,
.input-append .add-on > i,
.input-append .add-on > [class^="icon-"]
{
    margin-top: 5px;
    margin-left: 0;
}

.input-append .m-wrap,
.input-append .m-wrap:focus {
    border-right: 0 !important;
    margin-right: 1px;
}

.input-prepend input,
.input-prepend input:focus {
    border-left: 0 !important;
    margin-left: 1px;
}

.input-append input[class*="span"],
.input-prepend input[class*="span"]
{
    display: inline-block !important;
}

.m-wrap.xsmall {
    width: 50px !important;
}

.m-wrap.small {
    width: 120px !important;
}

.m-wrap.medium {
    width: 206px !important;
}

.m-wrap.large {
    width: 320px !important;
}

.m-wrap.huge {
    width: 480px !important;
    font-size: 24px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 22px 8px !important;
}

select.m-wrap.xsmall {
    width: 64px !important;
}

select.m-wrap.small {
    width: 134px !important;
}

select.m-wrap.medium {
    width: 220px !important;
}

select.m-wrap.large {
    width: 334px !important;
}

/***
Bootstrap modal
***/
.modal {
    z-index: 10500;
    padding: 0 !important;
}
.modal-header {
    border-bottom: 1px solid #EFEFEF;
    padding: 20px 15px;
}
.modal-body {
    /*padding: 10px;*/
}


.btn-danger {
    background-color: #ee3344;
}

.btn-danger:hover{
    background-color: #ac0a14;
}

.modal-header h3{
    font-weight: 300;
}
.modal-content {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.modal-footer {
    background-color: #f7f7f7;
    /*padding: 10px 5px;*/
}
.modal-footer .btn,
.modal-footer .btn + .btn{
    margin: 5px 5px;
}
.modal-open .header .container-fluid {
    padding-right: 37px;
}
.modal .col-md-12 {
    float: left;
    padding: 0;
    width: 100%;
}
.modal-dialog {
    margin: 100px auto;
    max-width: 96%;
}
li [class^="icon-"],
li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
    /* increased font size for icon-large */
    width: 1.5625em;
}

/***
Close icon used for modal dialog and other UI element close buttons
***/
.close {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    background-image: url("../img/remove-icon-small.png") !important;
}
.pcco-form-responsive span.info {
    display: inline;
    font-weight: 300;
}
/***
ie8 & ie9 modes
***/
.visible-ie8 {
    display: none;
}

.ie8 .visible-ie8 {
    display: inherit !important;
}

.visible-ie9 {
    display: none;
}

.ie9 .visible-ie9 {
    display: inherit !important;
}

.hidden-ie8 {
    display: inherit;
}

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

.hidden-ie9 {
    display: inherit;
}

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

/***
Fix link outlines after click
***/
a,a:focus, a:hover, a:active {
    outline: 0;
}

/***
IE8 fix for form input height in fluid rows
***/
.ie8 .row-fluid [class*="span"] {
    min-height: 20px !important;
}

/***
Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive)
***/
.fix-offset {
    margin-left: 0 !important;
}

/***
Misc tools
***/
.visible-ie8 {
    display: none
}

.no-text-shadow {
    text-shadow: none !important;
}

.no-left-padding {
    padding-left: 0 !important;
}

.no-left-margin {
    margin-left: 0 !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

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

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.hide {
    display: none;
}

.bold {
    font-weight: 600;
}
.italic {
    font-style: italic;
}

.fix-margin {
    margin-left: 0 !important
}

.border {
    border: 1px solid #ddd
}

.inline {
    display: inline;
}

hr {
    margin: 2px 0;
    border: 0;
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #FEFEFE;
}

/***
Header and header elements.
***/

.header {
    padding: 0 !important;
    margin: 0 !important;
}

.header.navbar-fixed-top {
    z-index: 9995 !important;
}

.header .brand {
    display: inline-block;
    margin-top: -1px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 210px;
}

.header .brand img {
    margin-left: 20px;
}

.header .btn-navbar {
    background-image: none;
    filter:none;
    box-shadow: none;
    border-radius: 3px !important;
    color: #444;
    border: none;
    font-size: 25px;
    padding-bottom: 0;
    margin-top: 20px;
}
.header .btn-navbar i {
    padding-top: 20px;
}
.logo-navbar {
    display: none;
}
.logo-content {
    width:150px;
    margin-top: 15px;
    display: none;
    margin-left: auto;
    margin-right: auto;
}
.header button.btn-navbar {
    background-color: transparent;
    margin-top: 0;
    -webkit-appearance: none;
    padding-left: 0;
}
.header button.btn-navbar .menu-info {
    margin-left: 0;
    margin-top: -5px;
}
.header.desktopnav .navbar-right {
    margin-top: 0;
    padding-top: 10px;
}
.header.desktopnav .navbar-right > li.dropdown.user .dropdown-toggle {
    padding-top: 5px;
}
html.sb-active,
html.sb-active body {
    height: 100%;
}
.sb-slidebar {
    width: 240px;
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.7);
}
.sb-slidebar li.active a {
    background-color: #e3e3e3;
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.7);
}
.sb-slidebar ul > li:first-child a {
    padding: 13px 7px;
}
.sb-slidebar .nav > li > a:hover,
.sb-slidebar .nav > li > a:focus,
.sb-slidebar .nav > li > a:active {
    background-color: #e3e3e3;
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.7);
}
.sb-slidebar ul > li > a {
    padding: 8px 7px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #bbb;
    color: #444;
}
.sb-slidebar ul > li > a i {
    font-size: 16px;
    width: 22px;
}
.sb-slidebar ul > li.pcco-language > a {
    float: left;
    padding: 5px;
    border-right: 1px solid #bbb;
}
.sb-slidebar ul > li.pcco-language > a:last-child {
    border-right: none;
}
.sb-slidebar ul > li.pcco-language > a img {
    width: 25px;
    display: block;
    margin: auto;
}
.sb-slidebar {
    background-color: #F4F4F4;
}
.header .btn-navbar:hover {
    text-decoration: none;
}

.header .navbar-inner {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 61px;
}
.nav > li > a:focus, .nav > li > a:hover, .nav > li > a:active, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
}
.header .nav {
    display: block;
}

.header .nav > li {
    margin: 0;
    padding: 0;
}

.header .nav > li.dropdown .dropdown-toggle {
    margin: 0;
}

.header .nav > li.dropdown.user .dropdown-toggle {
    padding: 28px 0 0 9px;
}
.dropdown-icon {
    padding: 2px 4px;
    border: none;
}
.header .nav > li.dropdown.user .dropdown-toggle:hover {
    text-decoration: none;
}

.header .nav > li.dropdown.user .dropdown-toggle .username {
    color: #ddd;
}

.header .nav li.dropdown.user .dropdown-toggle i {
    display: inline-block;
    margin: 0;
    font-size: 14px;
}
.header .nav li.dropdown.user .dropdown-toggle small {
    display: block;
    color: #444;
    margin-top: -7px;
}

.header .nav > li.dropdown.user .dropdown-menu i {
    width: 15px;
    display: inline-block;
}
.sb-slidebar {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
body.canvas-slid .footer {
    display: none;
}

/* firefox hack for top bar badges */
@-moz-document url-prefix() {
    .header .nav li.dropdown .dropdown-toggle .badge {
        padding: 1px 6px 3px 6px;
    }
}

.header .nav .dropdown-menu {
    margin-top: -9px;
}

/***
Page container
***/
.page-container {
    margin: 0;
    padding: 0;
}

.page-header-fixed .page-container {
    padding-top: 60px;
}

/***
Page sidebar
***/

/* ie8 fixes */
.ie8 .page-sidebar {
    position: absolute;
    width: 225px;
}

ul.page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.page-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

ul.page-sidebar-menu > li.start > a {
    border-top-color: transparent !important;
}

ul.page-sidebar-menu > li:last-child > a,
ul.page-sidebar-menu > li.last > a {
    border-bottom-color: transparent !important;
}

ul.page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.page-sidebar-fixed ul.page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul.page-sidebar-menu > li > a i {
    font-size: 16px;
    margin-right: 5px;
    text-shadow:none;
    width: 18px;
}
ul.page-sidebar-menu > li > a .fa{
    text-align: center !important;
}

ul.page-sidebar-menu > li.break {
    margin-bottom: 20px;
}

ul.page-sidebar-menu > li.active > a {
    border: none;
    text-shadow:none;
}


.page-sidebar ul > li > a > .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    font-family: 'FontAwesome', sans-serif;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

ul.page-sidebar-menu > li > a > .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 3px;
    display: inline;
    font-family: 'FontAwesome', sans-serif;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

ul.page-sidebar-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 8px 0 8px 0;
}

ul.page-sidebar-menu > li.active > ul.sub-menu {
    display: block;
}

ul.page-sidebar-menu > li > ul.sub-menu > li {
    background: none;
    margin: 0;
    padding: 0;
    margin-top: 1px !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > a {
    display: block;
    margin: 0 0 0 0;
    padding: 5px 0;
    padding-left: 44px !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0 0 0 0;
}

ul.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: 'FontAwesome', sans-serif;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

ul.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: 'FontAwesome', sans-serif;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
    display: block;
}

ul.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
    background: none;
    margin: 0;
    padding: 0;
    margin-top: 1px !important;
}

ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
    display: block;
    margin: 0 0 0 0;
    padding: 5px 0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 60px;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 80px;
}

ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
    display: block;
}


ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
    font-size: 13px;
}
ul.pcco-nav-desktop > li.pcco-language {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    float:left;
}
ul.pcco-nav-desktop > li.pcco-language:hover a, ul.pcco-nav-desktop > li.pcco-language:active a, ul.pcco-nav-desktop > li.pcco-language:focus a{
    background-color: #f4f4f4;
}
ul.pcco-nav-desktop > li.pcco-language a {
    float: left;
    width: 33.33%;
    box-sizing:border-box;
    padding: 5px 3%;
    border-bottom: 1px solid #ffffff !important;
    border-left: 1px solid #e7e7e7;
}
ul.pcco-nav-desktop > li.pcco-language a img{
    max-height: 23px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
ul.pcco-nav-desktop > li.pcco-language a:first-child {
    border-left: 1px solid #f4f4f4;
}
ul.pcco-nav-desktop > li.pcco-language a:hover, ul.pcco-nav-desktop > li.pcco-language a:focus {
    background-color: #d8d8d8;
}

.pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    float:left;
}
.pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language:hover a, .pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language:active a, .pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language:focus a{
    background-color: #f4f4f4;
}
.pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language a {
    float: left;
    width: 33.33%;
    box-sizing:border-box;
    padding: 5px 3%;
    border-bottom: 1px solid #ffffff !important;
    border-left: 1px solid #e7e7e7;
    background-color: #f7f7f7;
}
.pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language a img{
    max-height: 23px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language a:first-child {
    border-left: 1px solid #f4f4f4;
}
.pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language a:hover, .pcco-nav-mobil ul.page-sidebar-menu > li.pcco-language a:focus {
    background-color: #d8d8d8;
}
/***
Page content
***/
.page-content {
    background-color: #fff;
    padding-top: 60px;
}

.ie8 .page-content {
    margin-left: 225px;
    margin-top: 0;
    min-height: 760px;
}

.ie8 .page-sidebar-fixed .page-content {
    min-height: 600px;
}

.ie8 .page-content.no-min-height {
    min-height: auto;
}

.page-full-width .page-content {
    margin-left: 0 !important;
}


/***
Page title
***/
.page-title {
    padding: 0;
    font-size: 16px;
    letter-spacing: -1px;
    display: none;
    color: #666;
    margin: 5px 0 5px 0;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    line-height: 20px;
}

.page-title small {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 300;
    color: #888;
}

/***
Page breadcrumb
***/

.page-content .breadcrumb {
    background-color: #EEEEEE;
    border: 0 none !important;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 2px 5px;
}
.breadcrumb > li + li:before {
    display: none;
}
.page-content .breadcrumb a,
.page-content .breadcrumb i,
.page-content .breadcrumb span {
    color: #333;
    font-size: 12px;
    text-shadow:none;
}

.page-content .breadcrumb i {
    color: #666;
}

/***
Footer
***/

.footer:after,
.footer:before {
    content: "";
    display: table;
    line-height: 0;
}

.footer:after {
    clear: both;
}

.footer .footer-inner {
    float: left;
    display: inline-block;
}

.footer .footer-tools {
    float: right;
    display: inline-block;
}

.footer .footer-tools .go-top {
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin-top: -2px;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 16px;
    padding: 0 6px 0 6px;
}

.footer .footer-tools .go-top i {
    font-size: 22px;
    margin-bottom: 5px;
}

.page-footer-fixed .footer {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    bottom: 0;
}

.page-footer-fixed .page-container {
    margin-bottom: 33px;
}

.page-footer-fixed.page-sidebar-fixed .footer {
    margin-left: 0 !important;
}

#PCCoMoveMessage .modal-header{
    padding:  0;
    position: relative;
}
#PCCoMoveMessage .modal-header .modal-title{
    padding: 30px 40px 15px 20px;
    line-height: 25px;
}
#PCCoMoveMessage .modal-header .close{
    margin: 0 !important;
    position: absolute;
    top: 15px;
    right: 15px;
}
#PCCoMoveMessage .modal-body{
    padding: 20px 20px 25px;
}
#PCCoMoveMessage .modal-footer{
    padding: 10px 20px;
}
#PCCoMoveMessage .modal-footer .btn{
    padding: 7px 25px;
}

/***
Icon stuff
***/
i.icon, a.icon {
    color: #999;
    margin-right: 5px;
    font-weight: normal;
    font-size: 13px;
}

i.icon-black {
    color: #000 !important;
}

a.icon:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .4;
    filter:alpha(opacity=40);
}

a.icon.huge i{
    font-size: 16px !important;
}

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

/***
Form stuff
***/
.form-section {
    margin: 15px 0 20px 0 !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.form form {
    margin: 0 !important;
    padding: 0 !important;
}

.no-bottom-space {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.form .form-actions{
    margin-top: 0 !important;
    /*margin-top: 40px;*/
    padding-left: 190px;
}

/***
Input icons
***/
/* input with right aligned and colored icons */
.input-icon input {
    padding-right: 25px !important;
}

.input-icon .input-info,
.input-icon .input-error,
.input-icon .input-warning,
.input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 7px;
    right: 25px !important;
    font-size: 16px;
}

/* input with left aligned icons */
.input-icon.left i {
    color: #ccc;
    display: block !important;
    position: absolute !important;
    z-index: 1;
    margin: 4px 2px 4px 5px;
    width: 25px;
    height: 25px;
    font-size: 25px;
    text-align: center;
}

.input-icon.left input {
    padding-left: 33px !important;
}

/***
Charts and statistics
***/
.chart, .pie, .bars {
    overflow: hidden;
    height: 300px;
}

/***
Statistic lists
***/
.item-list.table .percent {
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

.item-list.table .title {
    padding-top: -5px;
}

/***
Chart tooltips
***/
.chart-tooltip {
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff;
}

.chart-tooltip .label {
    clear: both;
}

/***
Mini chart containers
***/
.bar-chart {
    display: none
}

.line-chart {
    display: none
}

/***
General list for item with image
***/
.item-list li .img {
    height: 50px;
    width: 50px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.item-list {
    margin: 0;
    list-style: none;
}

.item-list li {
    padding: 7px 0 5px 0;
    list-style: none;
    border-top: 1px solid white;
    border-bottom: 1px solid #EBEBEB;
    font-size: 12px;
}

.item-list li:first-child {
    border-top: none;
    border-bottom: 1px solid #EBEBEB;
}

.item-list li:last-child {
    border-top: none;
    border-bottom: none;
}

.item-list li .label {
    margin-right: 5px;
}

.item-list.todo li .label {
    position: absolute;
    right: 80px;
}

.item-list.todo li .actions {
    position: absolute;
    right: 45px;
}

/***
Custom tables
***/
.table.table-full-width {
    width: 100% !important;
}
.table {
    background-color: #ffffff;
}

.table .m-btn {
    margin-top: 0;
    margin-left: 0;
    margin-right: 5px;
}

.table-advance {
    margin-bottom: 10px !important;
}

.table-advance thead {
    color: #999;
}

.table-advance thead tr th{
    background-color: #DDD;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
    position: absolute;
    margin-top:-5px;
    float: left;
    width: 2px;
    height: 30px;
    margin-right: 20px !important;
}

.table-advance tr td {
    border-left-width: 0;
}
.table-advance tr td:first-child {
    border-left-width: 1px !important;
}

.table-advance tr td.highlight:first-child a {
    margin-left: 15px;
}

/***
Rows seperated form layout
***/
.form-row-seperated .control-group {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.form-row-seperated .control-group.last {
    border-bottom: 0;
}

.form-row-seperated .control-label {
    width: 170px;
}

.form-row-seperated .controls {
    margin-left: 190px;
}

.form-row-seperated .help-inline,
.form-row-seperated .help-block {
    padding-left: 0;
}
/***
Bordered form layout
***/
.form-horizontal.form-bordered .control-group:first-child {
    border-bottom: 1px solid #eee !important;
}

.form-horizontal.form-bordered .control-group {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
}

.form-horizontal.form-bordered .control-group.last {
    border-bottom: 0;
}

.portlet.box .form-horizontal.form-bordered .control-group {
    margin-left: -10px;
    margin-right: -10px;
}

.portlet.box .form-horizontal.form-bordered .control-group:first-child {
    margin-top: -10px;
}

.form-horizontal.form-bordered .control-group .controls {
    padding: 10px;
    position: relative;
    border-left: 1px solid #eee;
}

.form-horizontal.form-bordered .control-group .controls .chosen-container,
.form-horizontal.form-bordered .control-group .controls .select2-wrapper  {
    min-height: 32px;
}

.form-horizontal.form-bordered .control-group .controls .chosen-container .help-block,
.form-horizontal.form-bordered .control-group .controls .select2-wrapper .help-block {
    clear: both;
    padding-top: 10px !important;
}

.form-horizontal.form-bordered .control-group .control-label {
    margin-top: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) {
    background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
    background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-row-stripped .m-wrap {
    background: #fff !important;
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
    background-color: #ffffff;
}

.form-horizontal.form-bordered .help-inline,
.form-horizontal.form-bordered .help-block {
    padding-left: 0;
}

/***
Uniform plugin css changes
***/

.radio, .checkbox {
    padding-left: 0 !important;
}

.checkbox .checker {
    margin-top: -2px !important;
    margin-right: 2px !important;
}

.controls .text {
    display: block;
    margin-top: 7px;
    font-weight: 400;
    font-size: 14px;
}

.controls .text-inline {
    display: inline-block;
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
}
/* used for non horizontal forms */
.controls-uniform {
    margin-top: -7px;
}
/***
General forms settings
***/
input.placeholder,
textarea.placeholder {
    color: #aaa !important;
}

.help-block {
    margin-top: 0;
}

.form-inline input {
    margin-bottom: 0 !important;
}

.control-label {
    font-size: 13px;
    font-weight: 600;
}
.form-horizontal .control-label {
    padding-top: 4px;
    float: left;
    text-align: right;
    width: 200px;
}
.form-horizontal .controls {
    margin-left: 220px;
}
.control-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}
#pcco-user-contact .control-group {
    margin-bottom: 10px !important;
}
#pcco-user-contact .control-group [for=person_persid]{
    line-height: 17px;
    padding-top: 0;
    margin-top: -2px;
}

.validate-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
    margin-top: 6px;
}

.help-inline {
    margin-top: 6px;
}

.help-small {
    font-size: 12px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.success .validate-inline.ok:before,
.success .help-inline.ok:before {
    content: "\f00c";
    font-size: 16px;
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

form legend,
.form-view legend {
    margin-bottom: 15px !important;
}

.controls > .radio .checker,
.controls > .checkbox .checker {
    margin-right: 2px !important;
}

.controls > .radio {
    display: inline-block;
    padding: 0 !important;
    margin: 8px 15px 0 0;
}

.controls > .checkbox {
    display: block;
    padding: 0 !important;
    margin: 8px 15px 0 0;
}

.controls > .radio.line,
.controls > .checkbox.line {
    display: block;
    padding: 0 !important;
    margin: 7px 0 0;
}

.controls .inline {
    margin-top: 8px;
}

.controls label {
    position: absolute;
}
.controls label.input-group-addon {
    position: inherit;
}
.form-view .control-group {
    margin-top: 0;
    margin-bottom: 5px;
}

.uploader {
    margin-top: 2px !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    box-shadow: none;
    border-color: #b3b3b3;
}

/***
Custom tabs
***/

.nav-tabs {
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
}
.tab-content {
    padding: 0;
    overflow: hidden;
}

.tabbable-custom {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.widget .row-fluid:last-child .tabbable-custom {
    margin-bottom: 0;
}

.tabbable-custom > .nav-tabs {
    margin: 20px 0 10px;
}

.tabbable-custom > .tab-content {
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

.tabbable-custom.boxless > .tab-content {
    padding: 15px 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
}
.tab-wrap {
    padding-left: 10px;
    padding-right: 10px;
}
#tab-resultlist h5 {
    margin-top: 20px;
    padding-left: 0;
}
.tabbable-custom .nav-tabs > li > a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 0;
    padding: 7px 15px;
    font-weight: 600;
    font-size: 15px;
}

.tabbable-custom .nav-tabs > li > a:hover {
    background: none;
    border-color: transparent;
}

.tabbable-custom .nav-tabs > li.active {
    border-top: 3px solid #888;
    margin-top: 0;
    position: relative;
}

.tabbable-custom .nav-tabs > li.active > a  {
    border-top: none;
    color: #333;
}

.tabbable-custom .nav-tabs > li.active > a:hover {
    background: #fff;
    border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
}

.tabs-below.tabbable-custom .nav-tabs > li {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px;
}

.tabs-below.tabbable-custom .nav-tabs > li.active {
    border-top: none;
    border-bottom: 3px solid #d12610;
    margin-bottom: 0; position: relative;
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a {
    border-bottom: none
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover {
    background: #fff;
    border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabs-left.tabbable-custom .nav-tabs > li {
    margin-right: 0;
    border-left: 2px solid transparent;
    margin-top: 0;
}

.tabs-left.tabbable-custom .nav-tabs > li.active {
    border-top: none;
    border-left: 3px solid #d12610;
    margin-top: 0;
    margin-right: -1px;
    position: relative;
}

.tabs-left.tabbable-custom .nav-tabs > li.active > a {
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid transparent;
}

.tabs-left.tabbable-custom .nav-tabs > li.active > a:hover {
    background: #fff;
    border-color: #d4d4d4 transparent #d4d4d4 transparent;
}

.tabs-right.tabbable-custom .nav-tabs > li {
    margin-right: 0;
    border-right: 2px solid transparent;
    border-top: none; }

.tabs-right.tabbable-custom .nav-tabs > li.active {
    border-top: none;
    border-right: 3px solid #d12610;
    margin-top: 0;
    margin-left: -1px;
    position: relative;
}

.tabs-right.tabbable-custom .nav-tabs > li.active > a {
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid transparent;
}

.tabs-right.tabbable-custom .nav-tabs > li.active > a:hover {
    background: #fff;
    border-color: #d4d4d4 transparent #d4d4d4;
}

.tabs-right.tabbable-custom .nav-tabs > li a,
.tabs-left.tabbable-custom .nav-tabs > li a {
    padding: 8px 10px
}

@media (max-width: 450px) {
    .tabbable-custom .nav-tabs > li > a,
    .tabbable-custom .nav-tabs > li.active > a {
        padding: 6px 10px;
        font-size: 13px;
    }
    .pcco-tournament-report {
        padding: 10px 10px 15px ;
    }
    #tab-resultlist .table > thead > tr > th {
        font-size: 13px;
        font-weight: 600;
    }
}


/*full width tabs with bigger titles */
.tabbable-custom.tabbable-full-width > .tab-content {
    padding:27px 0;
    border-left:none;
    border-right:none;
    border-bottom:none;
}

.tabbable-custom.tabbable-full-width .nav-tabs > li > a {
    color:#424242;
    font-size:15px;
    padding:9px 15px;
}
.tabbable {
    margin-top: 20px;
}

/***
Dashboard container
***/

#dashboard {
    overflow: hidden;
}

/***
Form wizard
***/

.form-wizard .progress {
    margin-bottom: 10px;
}

.form-wizard .steps {
    padding: 3px 0;
    margin-bottom: 0;
}

.form-wizard .steps .navbar-inner {
    background: #fff none !important;
    filter: none !important;
    border: 0;
    box-shadow: none !important;
}

.form-wizard .steps .navbar-inner li a {
    background: #fff none !important;
    filter:none !important;
    border: 0;
    box-shadow: none !important;
}

.form-wizard .step:hover {
    text-decoration: none;
}

.form-wizard .step .number {
    background-color: #eee;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 15px 12px 15px !important;
    margin-right: 10px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.form-wizard .step .desc {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
}

.form-wizard .active .step .number {
    background-color: #35aa47;
    color: #fff;
}

.form-wizard .active .step .desc {
    font-weight: 400;
}

.form-wizard .step i {
    display: none;
}

.form-wizard .done .step .number {
    background-color: #f2ae43;
    color: #fff;
}

.form-wizard .done .step .desc {
    font-weight: 400;
}

.form-wizard .done .step i {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    display: inline-block;
}

/***
Google Maps
***/
.gmaps {
    height: 300px;
    width: 100%;
}

/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas */
.gmaps img {
    max-width: none;
}

#gmap_static div{
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    /*height:100%;*/
    display:block;
    height: 300px;
}

#gmap_routes_instructions {
    margin-top: 10px;
    margin-bottom: 0;
}

/***
SlimScrollBar plugins css changes
***/

.scroller {
    padding: 0 !important;
    margin: 0 !important;
    padding-right: 12px !important;
}

.portlet-body .slimScrollBar {
    margin-right: 0 !important;
}

/***
jqvmap changes
***/

.jqvmap-zoomin {
    background-color: #666 !important;
}

.jqvmap-zoomout {
    background-color: #666 !important;
}

.vmaps {
    position: relative;
    overflow: hidden;
    height: 300px;
}

/***
Daterangepicker plugin css changes
***/

.modal-open .daterangepicker {
    z-index: 10060 !important;
}

.daterangepicker td {
    text-shadow: none !important;
}

.daterangepicker td.active {
    background: #4b8df8 none !important;
    filter:none !important;
}

.daterangepicker th {
    font-weight: 400;
    font-size: 14px;
}
/***
Choosen plugin css changes
***/

.chzn-controls {
    margin-bottom: -4px !important;
}

.chzn-controls .help-inline {
    display: inline-block;
    margin-top  : 6px;
}

.chzn-container {
    display: block;
    margin: 0;
    padding: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 353px !important;
}
.chzn-drop {
    width: 100% !important;
    max-width: 353px !important;
}

.chzn-container-single {
    margin: 0 !important;
    padding: 0 !important;
}

/* fix chosen margins in form layouts */
.controls .chzn-container-single {
    float: left;
}

.chzn-container-single .chzn-single {
    box-shadow: none !important;
    background-image: none !important;
    filter:none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    height: 31px !important;
    border-color: #e5e5e5;
    margin: 0 !important;
}

/* enable form validation classes for chosen dropdowns */
.error .chzn-container-single .chzn-single {
    border-color: #B94A48;
}

.error .chzn-container-single .chzn-single span {
    color: #B94A48;
}

.success .chzn-container-single .chzn-single {
    border-color: #468847;
}

.success .chzn-container-single .chzn-single span {
    color: #468847;
}

.chzn-container-single .chzn-single > span {
    margin-top: 1px;
}

.chzn-container-single .chzn-single > abr {
    margin-top: 3px;
}

.chzn-container-single .chzn-search input:focus,
.chzn-container-single .chzn-search input:active {
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

.chzn-container .chzn-choices li.search-choice {
    background: #eee none !important;
    filter:none !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    text-shadow:none !important;
    border: 0 !important;
}

.chzn-container .chzn-results .highlighted  {
    background: #eee none !important;
    filter: none !important;
    color: #111 !important;
}

.chzn-container-multi .chzn-choices  {
    background-image: none !important;
    filter: none !important;
    box-shadow: none !important;
    border-color: #e5e5e5 !important;
    padding: 2px 1px 1px 1px !important;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
    background-image: none !important;
    filter:none !important;
}

.chzn-x-multi .chzn-choices {
    box-shadow: none !important;
}

.chzn-container .group-result {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/***
Select2 plugin css changes
***/

/* enable form validation classes for select2 dropdowns */
.error .select2-container .select2-choice {
    border-color: #B94A48;
}

.error .select2-container .select2-choice > span {
    color: #B94A48;
}

.error .select2-container.select2-dropdown-open .select2-choice {
    border-color: #e5e5e5;
}

.error .select2-container.select2-dropdown-open .select2-choice > span {
    color: #999999;
}

.success .select2-container .select2-choice {
    border-color: #468847;
}

.success .select2-container .select2-choice > span {
    color: #468847;
}

.success .select2-container.select2-dropdown-open .select2-choice {
    border-color: #e5e5e5;
}

.success .select2-container.select2-dropdown-open .select2-choice > span {
    color: #999999;
}

/***
Modify tags input plugin css
***/

div.tagsinput {
    height: 40px !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: auto !important;
}

div.tagsinput span.tag {
    background: #aaa !important;
    color: #fff !important;
    border: 0 !important;
    padding: 3px 6px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 4px !important;
}

div.tagsinput input {
    padding: 3px 6px !important;
}

div.tagsinput span.tag a {
    color: #fff !important;
}

div.tagsinput .not_valid {
    color: #fff !important;
    padding: 3px 6px !important;
    background-color: #e02222 !important;
}

/***
jQuery UI Sliders
***/

.table.sliders td {
    padding: 15px 10px !important;
}

.table.sliders .slider {
    margin-top: 4px;
}

.table.sliders .slider-value {
    padding-top: 5px;
    font-weight: 400;
}

.table.sliders .slider-vertical-value {
    padding-bottom: 5px;
    font-weight: 400;
}

.slider {
    border: 0 !important;
}

.ui-slider-vertical,
.ui-slider-handle {
    filter: none !important;
    background-image: none !important;
}

.slider-eq > span {
    height:125px;
    float:left;
    margin:15px
}

/***
Sidebar Content
***/

.sidebar-content {
    margin-top: 20px;
}

/*Sidebar Tags*/
ul.sidebar-tags a {
    color: #555;
    font-size:12px;
    padding:2px 5px;
    background:#f7f7f7;
    margin:0 2px 5px 0;
    display:inline-block;
}

ul.sidebar-tags a:hover,
ul.sidebar-tags a:hover i {
    color:#fff;
    background: #555;
    text-decoration:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

ul.sidebar-tags a i {
    color:#777;
}

ul.sidebar-tags li {
    padding: 0;
}
/***
Responsive tables
***/

.no-more-tables table {
    width: 100%;
}

/***
Bootstrap Datetimepickers
***/
.modal-open .datetimepicker {
    z-index: 10060 !Important;
}

.datetimepicker table .active {
    background: #4b8df8 none !important;
    filter: none !important;
}

.datetimepicker table td {
    font-weight: 300 !important;
    font-family: "Open Sans", sans-serif !important;
}

.datetimepicker table th {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400 !important;
}

/***
Dropdown Checkboxes
***/
.dropdown-checkboxes {
    padding: 5px;
}

.dropdown-checkboxes label {
    color: #333;
    margin-bottom: 4px;
    margin-top: 4px;
}

/***
Datatables Plugin
***/
.dataTable {
    clear: both;
    margin-top: 5px;
}

.dataTables_filter label {
    line-height: 32px !important;
}

.dataTable .row-details {
    margin: -8px -8px -8px 0;
    display: inline-block;
    cursor: pointer;
    width: 33px;
    height: 25px;
}

.dataTable .row-details.row-details-open {
    background: url("../../images/close.png") no-repeat;
}

.dataTable .details {
    background-color: #fff !important;
    padding: 0;
}

.dataTable .details td,
.dataTable .details th {
    padding: 4px;
    background-color: #fff;
    border: 0;
}

.dataTable .details tr:hover td,
.dataTable .details tr:hover th {
    background-color: #fff;
}

.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
    background-color: #fff;
}

.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
    background-color: #fff;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper li {
    text-align: center;
    font-size: 20px;
    line-height: 34px;
    font-weight: 600;
    margin-left: -40px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 0;
    border: 1px solid #ccc;

}

.bx-wrapper .bx-next {
    right: 0;
    border: 1px solid #ccc;

}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    color: #000;
    font-size: 14px;
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 32px;
    z-index: 2;
}
.bx-wrapper .bx-controls-direction a .fa {
    line-height: 32px;
}
.bx-wrapper .bx-controls-direction a:hover, .bx-wrapper .bx-controls-direction a:active {
    background-color: #ebebeb;
    border-color: #b3b3b3;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}


.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial, sans-serif;
    display: block;
    font-size: .85em;
    padding: 10px;
}
#pcco-map {
    width: 100%;
    /*height: 700px;*/
}

.table-personal-scorecard td {
    vertical-align: middle;
}


.pcco-star:after {
    content: "*";
    color: #e90814;
    padding-left: 0.1em;
}

.pcco-nav-bottom {
    background-color: #f4f4f4;
    position:fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    line-height: 25px;
    opacity: 1;
    padding: 5px 10px 5px 235px;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 0;
    text-shadow: 1px 1px #fff;
    box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

}
.pcco-nav-bottom .nav-bottom-tool {
    text-align: center;
    float:left;
    width: 10%;
    font-size: 25px;
    box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
}
.pcco-geoselect .nav-bottom-tool{
    width: 100%;
    text-align: left;
}
.pcco-nav-bottom.pcco-geoselect {
    height: 40px;
    padding-left: 10px;
}
.pcco-geoselect i {
    font-size: 24px;
    margin-right: 5px;
    line-height: 24px;
}
.pcco-geoselect .btn {
    padding: 3px;
    line-height: 24px;
}
.pcco-geoselect-globe a:hover, .pcco-geoselect-globe a:active, .pcco-geoselect-globe a:focus {
    text-decoration: none;
}
.nav-bottom-tool input {
    background-color: #fff;
    margin-left: 83px;
    margin-top: 0;
    width: calc(100% - 150px) !important;
    min-width: 100px !important;
    max-width: 300px !important;
    float: right;
}
.pcco-geoselect-globe a span.globeicon {
    background-clip: padding-box;
    border-radius: 50%;
    font-size: 60px;
    height: 62px;
    text-align: center;
    transition: all 0.25s ease-in 0s;
    width: 62px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.pcco-geoselect-globe a span.globeicon i {
    margin: 0;
    line-height: 62px;
}

.pcco-geoselect-globe a span:last-child {
    margin-bottom: 10px;
    display: block;
}
.pcco-geoselect-globe {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    text-align: center;
    margin-top: -15px;
}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
    -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
    transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
    background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
    background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
    background-color: rgba(241, 128, 23, 0.6);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
    background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
    background-color: rgb(110, 204, 57);
}

.leaflet-oldie .marker-cluster-medium {
    background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
    background-color: rgb(240, 194, 12);
}

.leaflet-oldie .marker-cluster-large {
    background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
    background-color: rgb(241, 128, 23);
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}
.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;

    text-align: center;
    border-radius: 15px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
    line-height: 30px;
}
.pcco-nav-bottom .nav-bottom-tool a, .pcco-nav-bottom .nav-bottom-tool a:hover, .pcco-nav-bottom .nav-bottom-tool a:focus{
    color: #000;
    text-decoration: none;
}
.pcco-nav-bottom .nav-bottom-tool a .pcco-back {
    display: block;
    font-size: 16px;
    margin-left: 30px;
    margin-top: -26px;
    position: absolute;
}
.pcco-nav-bottom .nav-bottom-info {
    text-align: center;
    float:left;
    width: 80%;
    box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
}
.popin {
    background: #fff;
    /*box-shadow: 0 0 10px #c7c7c7;*/
    border-radius: 2px;
    /*margin-bottom: 10px;*/
    /*width: 100%;*/
    /*height: 100%;*/
}

.pcco-button {
    width: 100px;
}

.pcco-wrapper {
    margin: 0 auto;
}

#map-canvas {
    min-height: 100%;
    position: absolute;
    overflow:hidden;
}

.leaflet-popup-content {
    width: 270px !important;
}
.pcco-geoselect-marker {
    text-align: center;
    font-size: 46px;
    color: #768a97;
}
.pcco-info-window-map {
    width: 100%;
}
.pcco-info-window-map table {
    width: 100%;
    border: none;
}
.map-club-info-left {
    width: 30%;
}
.map-club-info-right {
    width: 70%;
}
.pcco-wrapper-map {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.pcco-geoselect {
    color: #40971a !important;
    text-align: center;
    font-size: 14px;
}
#map-canvas img.pcco-club-logo-map{
    width: 100%;

}
.map-club-info-right {
    padding-left: 10px;
    font-weight: 300;
    font-size: 12px;
}
.button-map {
    width: 100%;
}
.pcco-geoselect p {
    color: #40971a !important;
}
.pcco-geoselect a:hover, .pcco-geoselect a:focus {
    text-decoration: none;
}
.leaflet-bottom {
    bottom: 35px;
}
.form-actions {
    margin-top: 20px;
}

.error-inline {
    color: #b94a48;
}

.select2-container .select2-choice {
    height: 28px;
    line-height: 26px;
}

.dashboard-club-logo img{
    width: 200px;
}

.controls > .radio.line {
    padding-left: 30px !important;
}

.radio.pcco-inline {
    line-height: 14px;
    position: relative;
}
.pcco-inline input[type="radio"] {
    margin-top: 0;
}
.pcco-member-search-result {
    list-style: outside none none;
    max-height: 200px;
    overflow-x: auto;
    padding: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

}

.pcco-member-search-result li {
    width: 100%;
    line-height: 1.2;
    padding: 8px 3px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.pcco-block .pcco-member-search-result li {
    max-width: 350px;
}
.pcco-member-search-result li:hover {
    background-color: rgba(0,0,0,0.05);
}
.pcco-block {
    border-left:3px #9cd883 solid;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    background-color: #ffffff;
}
.pcco-block h4 {
    font-size: 21px;
}
.pcco-block .pcco-required {
    color: #E02222;
}
.pcco-info-table {
    display: block;
}
.ac_results li {
    line-height: 2;
}
.pcco-info-table,
.pcco-info-table td {
    vertical-align: top;
    min-width: 120px;
    border: none;
}

.pcco-borderd-table td {
    border-left: 1px #d1d1d1 solid;
    border-top: 1px #d1d1d1 solid;
    display: table-cell;
}

.pcco-headline {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 4px;
    padding: 4px 5px;
}
.pcco-sponsor-wrap {
    max-width: 300px;
}
.pcco-sponsor {
    width: auto;
    max-width: 100%;
}

.table-turniercalender thead th{
    text-transform: uppercase!important;
    color: #f00;
}

.tabbable-custom {
    margin-bottom: 10px;
}

label {
    color: #111;
    margin-bottom: -1px;
}

.controls {
    margin-bottom: 8px;
}

.imprint {
    padding: 10px;
}

.imprint p {
    margin-bottom: 30px;
}
.imprint img {
    width: 150px;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -3px;
}
.timetable .pcco-disabled {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pcco-disabled, .pcco-disabled:hover, .pcco-disabled a, .pcco-disabled a:hover {
    color: #ccc !important;
}

.pcco-disabled, .pcco-disabled a, .pcco-forbidden, .pcco-forbidden a{
    cursor: not-allowed !important;
}

.pcco-forbidden, .pcco-forbidden:hover, .pcco-forbidden a, .pcco-forbidden a:hover {
    color: red !important;
}

.pcco-hide {
    display: none !important;
}

.pcco-empty {
    visibility: hidden;
}

.pcco-form {
    border-top: 1px #e0e0e0 solid;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}
span.following-info {
    display: block !important;
    font-size: 11px !important;
    margin-left: 22px !important;
}
.icon-angle-right{background-position:-456px -72px}
.icon-angle-left{background-position:-432px -72px}
.pcco-col-2 {
    width: 25%;
    float: left;
    padding: 0 3px;
}

/* Ranking HCP lists */
.hcp-ranking-table {
    padding: 0 40px 50px;
}
.category-headline {
    font-weight: 600;
    font-size: 15px;
    color: #333;
    text-align: left;
    padding: 20px 0 10px;
    text-transform: uppercase;
}
.table-ranking {
    width: 100%;
}
.table-ranking tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
.table-ranking th {
    background-color: #aeafaf;
    color: #ffffff;
    font-weight: 600;
    padding: 5px;
}
.table-ranking td{
    padding: 10px 5px;
    text-align: center;
}
.table-ranking th{
    text-align: center;
}
.table-ranking td.ranking-name, .table-ranking th.ranking-name{
    text-align: left;
}
.table-ranking tbody tr.current-user {
    color: #57a632;
    background-color: rgba(87, 166, 50, 0.1);
    font-weight: 600;
}
.table-ranking .current-user.out-of-range {
    border-top: 1px solid #ddd;
    background-color: rgba(87, 166, 50, 0.1);
}
.hcp-ranking-table .btn{
    margin-top: 30px;
    float: right;
}
.hcp-ranking-table.expanded .current-user
{
    border-top: none;
}
.hcp-ranking-table .out-of-range,
.hcp-ranking-table.expanded button *,
.hcp-ranking-table button .onexpand
{
    display : none;
}
.hcp-ranking-table .current-user,
.hcp-ranking-table.expanded .out-of-range
{
    display : table-row;
}
.hcp-ranking-table.expanded button .onexpand
{
    display : initial;
}

/* Stammblatt */

.hcpsheet-user-homeclub {
    padding: 15px 0 15px 10px;
}
.hcpsheet-user-homeclub p {
    margin: 0 0 5px;
}
.hcpsheet-user-homeclub .form-group {
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 1px solid #eee;
    padding: 10px;
}
.hcpsheet-send{
    background-color: #f5f5f5;
    border: 1px solid #eee;
    padding: 30px;
    margin: 30px 0;
    width:  100%;
}
.hcpsheet-send p {
    padding: 15px 0;
}
.hcpsheet-send .pcco-user-email {
    font-weight: 600;
}
.hcpsheet-send legend {
    padding-bottom: 5px;
    border-color: #ddd;
    color: #555;
}
.hcpsheet-send label, .hcpsheet-send .form-control {
    float: left;
}
.hcpsheet-send label {
    margin-top: 6px;
    font-weight: 500;
    padding-right: 10px;
}
.hcpsheet-send .form-control {
    width: calc(100% - 380px);
}
.hcpsheet-send .form-control::placeholder{
    font-size: 13px;
}
.hcpsheet-send .btn{
    margin-top: -4px;
}
.pcco-hcpsheet-send-fail {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    padding: 15px 30px;
    margin-top: 15px;
}
.pcco-hcpsheet-send-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
    padding: 15px 30px;
    margin-top: 15px;
}
.pcco-hcpsheet-send-fail ul, .pcco-hcpsheet-send-success ul{
    margin-bottom: 0;
}
#hcpsheet .alert {
    text-align: center;
}
.table-bordered#hcplist {
    border: none;
}
.table#hcplist > thead > tr > th ,
.table-bordered#hcplist > thead > tr > td,
.table-bordered#hcplist > thead > tr > th {
    border: none;
    border-bottom: 1px solid #ddd;
    line-height: 1.15;
}
.table#hcplist > tbody > tr > td,
.table#hcplist > thead > tr > th {
    padding: 5px 10px;
    font-size: 13px;
}
@media (max-width: 790px) {
    .hcpsheet-send .form-control {
        width: 100%;
    }
    .hcpsheet-send label, .hcpsheet-send .form-control {
        float: none;
    }
    .hcpsheet-send fieldset{
        margin-bottom: 0;
    }
    .hcpsheet-send label {
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) {
    .hcpsheet-user-homeclub .pcco-link-fa {
        display: none;
    }
}
@media (max-width: 767px) {
    .hcpsheet-user-homeclub {
        padding: 0 15px;
    }
    .hcpsheet-user-homeclub label {
        width: 200px;
    }
    .hcpsheet-user-homeclub p {
        margin: 0;
        display: inline-block;
    }
    .hcpsheet-user-homeclub .pcco-link {
        display: none;
    }
    .hcpsheet-user-homeclub .form-group {
        margin-bottom: 10px;
        background: #f5f5f5;
        border: 1px solid #eee;
        padding: 10px;
    }

}
@media (max-width: 700px) {
    .hcpsheet-send{
        margin: 10px 5px 30px 0;
    }
}
@media (max-width: 450px) {
    .hcpsheet-send{
        padding: 20px 15px;
    }
    .pcco-hcpsheet-send-fail, .pcco-hcpsheet-send-success{
        padding: 15px;
    }
}

/* Turnierbaum - Lochspiel */

.tournament-tree {
    padding: 15px 0;
    width: 100%;
}

.headline-tournament-tree {
    display: none;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #57a632;
    margin: 5px 0 15px;
    width: 100%;
}

.tournament-tree .table {
    width: 100%;
    table-layout: fixed;
}

.tournament-tree .content-wrapper {
    margin: .5ex 0;
    /*min-width: 10em;*/
    width:100%;
    padding: .5ex;
    display: table;
    align-self: center;
}

.tournament-tree .table-row {
    display: table-row;
}

.tournament-tree .table-cell {
    display: table-cell;
    padding: 5px;
    border: 1px solid #cdcdcd;
    border-bottom-width: 0;
    vertical-align: middle;
    line-height: 17px;
}

.tournament-tree .table-cell .number {
    border-color: #cdcdcd;
}

.tournament-tree .table .player-name,
.tournament-tree .table .player-name
{
    border-right: none;
    border-left: none;
}

.tournament-tree .table .table-row:last-of-type .player-name,
.tournament-tree .table .table-row:last-of-type .result
{
    border-bottom-width: 1px;
}

.tournament-tree .number {
    background-color: #999;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    width: 4.5ex;
}

.tournament-tree .winner .number {
    background-color: #57a632;
}

.tournament-tree .player-name {
    background-color: #ffffff;
    color: #333333;
    font-weight: 500;
    padding-left: 10px;
}

.tournament-tree .winner .player-name {
    color: #333333;
    font-weight: 600;
}

.tournament-tree .loser .player-name {
    color: #b1b1b1;
    background-color: #fafafa;
}

.tournament-tree .result {
    background-color: #eaeaea;
    color: #57a632;
    text-align: center;
    font-weight: 600;
    width: 10ex;
}

/* alles Wichtige für die Baumdarstellung */
.tournament-tree .container {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.tournament-tree .level-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex-grow: 1;
    width: 25%;
}

.tournament-tree .level-2 {
    display: flex;
    flex-grow: 1;
    min-height:2em;
    max-width: 70em;
    /*height: 3em;*/
}

@media only screen and (min-width: 980px) {
    .tournament-tree .container {
        padding: 0;
    }
}
@media only screen and (max-width: 900px) {
    .tournament-tree .level-1 {
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
    .headline-tournament-tree {
        display: block;
    }
}
@media only screen and (max-width: 420px) {
    .tournament-tree .container {
        padding:  0 5px;
    }
}


/* Turnieranmeldung - Übersicht gebuchte Startzeiten*/

.tournament-booked-times-overview {
    margin-left: 150px;
    border-bottom: 1px solid #ddd;
    max-width: 800px;
}
.tournament-booked-times, .tournament-booked-times-overview  .pcco_player {
    display: table-cell;
    vertical-align: middle;
}
.tournament-booked-times {
    width: 100%
}
.tournament-booked-times .tournament-booked-time-player, .tournament-booked-times .tournament-booked-time-empty {
    display: table-cell;
    padding: 5px 10px;
    vertical-align: middle;
    text-align: center;
}
.tournament-booked-times .tournament-booked-time-empty {
    padding: 15px 10px;
}
.tournament-booked-times .tournament-booked-time-player {
    text-align: left;
    background: #f2f2f2;
    border-right: 2px solid #fff;
}
.tournament-booked-times-overview  .pcco_player {
    text-align: right;
    padding: 0 15px ;
    font-size: 15px;
}
@media only screen and (max-width: 980px) {
    .tournament-booked-times-overview {
        margin-left: 0;
        width: 100%;
    }
}
@media only screen and (min-width: 540px) {
    .tournament-booked-times .col-xs-3 {
        width: 25%
    }
}
@media only screen and (max-width: 539px) {
    .tournament-booked-times .col-xs-3 {
        width: 100%
    }
    .tournament-booked-times .tournament-booked-time-empty {
        padding: 0;
    }
    .tournament-booked-times .tournament-booked-time-player {
        border-right: none;
        border-bottom: 2px solid #fff
    }
}

/* Club-Verbindungen über Mein Golf*/

.user-club-connections {
    margin: 40px 0 20px;
}
.user-club-connections-table thead {
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
}
.user-club-connections-table thead tr th,
.user-club-connections-table tbody tr td {
    padding: 5px 10px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-top: none;
    vertical-align: middle;
}
.user-club-connections-table thead tr th.no-border-right,
.user-club-connections-table tbody tr td.no-border-right {
    border-right: none;
}
.user-club-connections-table thead tr th.no-border-left,
.user-club-connections-table tbody tr td.no-border-left {
    border-left: none;
}
.user-club-connections-table thead tr th:first-of-type,
.user-club-connections-table tbody tr td:first-of-type {
    text-align: left;
}
.user-club-connections-table tbody tr.user-homeclub td {
    background: #eef6ea;
}
.user-club-connections-table tbody tr.user-homeclub .fa-home {
    color: #198f01;
    padding-right: 5px;
    font-size: 12px;
}
@media (max-width:850px) {
    .user-club-connections-table thead tr th.no-border-right,
    .user-club-connections-table tbody tr td.no-border-right {
        border-right: 1px solid #e6e6e6;
    }
    .user-club-connections-table thead tr th.no-border-left,
    .user-club-connections-table tbody tr td.no-border-left {
        border-left: 1px solid #e6e6e6;
    }
    .user-club-connections-table tbody tr {
        border-top: 1px solid #e6e6e6;
        margin-bottom: 10px;
    }
    table.user-club-connections-table thead {
        display: none;
    }
    table.user-club-connections-table tbody tr td {
        float: left;
        width: 100%;
    }
    table.user-club-connections-table tbody tr td::before{
        white-space: normal;
        content: attr(data-label);
        font-weight: 600;
        float: left;
        width: 40%;
        min-width: 130px;
        background: #f4f4f4;
        border-right: 1px solid #e6e6e6;
        padding: 5px 10px;
        margin: -5px 20px -5px -10px;
        text-align: left;
    }
    table.user-club-connections-table tbody tr.user-homeclub td::before{
        background: #eef6ea;
        border-right: 1px solid #e6e6e6;
    }
    table.user-club-connections-table tbody tr td:first-of-type::before {
        border-right: none;
    }
    table.user-club-connections-table tbody tr td:first-of-type {
        text-align: center;
        background: #f4f4f4;
        font-weight: 600;
    }
    table.user-club-connections-table tbody tr.user-homeclub td:first-of-type {
        background: #eef6ea;
    }
    .user-club-connections-table tbody tr.user-homeclub td {
        background: #fff;
    }
    table.user-club-connections-table tbody tr td:last-of-type {
        margin-bottom: 15px;
    }
}
@media (max-width:400px) {
    table.user-club-connections-table tbody tr td {
        font-size: 12px;
    }
}

/*Datenschutzbestimmungen Formular*/
.pcco-policy {
    background: #f5f5f5;
    border: 1px solid #eee;
    margin-bottom: 15px
}
.pcco-policy .pcco-policy-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 60px;
    line-height: 1.6;
}
.pcco-policy .pcco-policy-content .alert{
    margin-top: 0;
    text-align: center;
}
.pcco-policy .pcco-policy-content h2 {
    font-size: 18px;
    font-weight: 600;
    padding-top: 20px;
}
.pcco-policy .pcco-policy-content ul {
    padding-bottom: 20px;
    margin-top: 0;
}

.pcco-policy-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding-left: 226px;
}
.pcco-policy-footer-content {
    background: #fff;
    text-align: center;
    padding: 15px 20px;
    box-shadow: 0 4px 8px 3px #ddd;
}
.pcco-policy-footer-content button {
    margin-bottom: 0;
}
.pcco-policy-footer-content .btn {
    padding: 6px 25px;
}
.pcco-policy-footer-content .fa-check {
    padding-right: 5px;
}
.pcco-policy-footer-content a {
    padding-left: 30px;
}
@media (max-width:979px) {
    .pcco-policy-footer {
        padding-left: 0;
    }
}
@media (max-width:715px) {
    .pcco-policy-footer-content a {
        display: block;
        padding-top: 20px;
        padding-left: 0;
    }
}
@media (max-width:500px) {
    .pcco-policy .pcco-policy-content {
        padding: 20px;
        margin-bottom: 60px;
    }
    .pcco-policy-footer-content label {
        padding-right: 0;
    }
    .pcco-policy-footer-content .btn {
        width: 100%;
        margin-top: 5px;
    }
}

/*Benutzerkonto löschen*/
.pcco-goodbye {
    background: #f5f5f5;
    border: 1px solid #eee;
    margin-bottom: 15px
}
.pcco-goodbye-content {
    max-width: 550px;
    margin: 0 auto;
    padding: 30px;
    line-height: 1.6;
}
.pcco-goodbye-content .pcco-goodbye-info {
    padding-bottom: 20px;
}
.pcco-goodbye-infobox {
    background: rgba(87, 166, 50, 0.1);
    border: 1px solid rgba(87, 166, 50, 0.1);
    padding: 15px 20px 10px;
}
.pcco-goodbye-content label {
    display: block;
    padding-left: 15px;
    text-indent: -22px;
    margin-bottom: 20px;
    font-weight: 500;
}
.pcco-goodbye-content input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 5px 0 0;
    vertical-align: bottom;
    position: relative;
    *overflow: hidden;
    top: -1px;
}
.pcco-goodbye-content ul {
    padding-top: 10px;
}
.pcco-goodbye-content .pcco-goodbye-checkbox-info {
    padding: 5px 0 20px 15px;
}
.pcco-goodbye-content .pcco-btn-holder {
    text-align: center;
    margin: 30px 0 0;
}

@media (max-width:400px) {
    .pcco-goodbye-content {
        padding: 20px 15px;
    }
    .pcco-goodbye-content .pcco-btn-holder button{
        width: 100%
    }
}

/* Responsive */

@media (max-width: 400px) {

    .breadcrumb > li.pcco-print-btn {
        display: none;
    }

    #pcco-dgv-pass {
        width: 100%;
    }
}

@media (min-width:481px) {
    .login .content .form-actions .btn {
        margin-top: 0;
    }

    .tk-div-oben {
        border-top: 0 solid #DDDDDD;
    }

    .te-scorekarte-1 {
        float: left;
        width: 50%;
        border-right: none !important;

    }
    .te-scorekarte-2 {
        float:left;
        width: 50%;

    }
    .te-col-rechts-desktop {
        width: 16% !important;
    }
    .te-hidden {
        display: none !important;

    }
    .te-col-rechts {
        border-right: none !important;
    }
    .timetable-box .form-actions {
        padding-left: 230px !important;
    }
    .tk-detail-div .sponsor-tk {
        display: none;
    }

    .hidden-480 .sponsor-tk {
        width: 140px;
        height: 65px;
        text-align: center;
    }
    .hidden-480 .sponsor {
        width: 100%;
        max-height: 100%;
        vertical-align:middle;
        margin-top: 0;
        margin-bottom: 0;
    }
    .hidden-ab-480 {
        display: none;
    }
}
@media (max-width: 479px) {
    .form-horizontal .control-label {
        float:none;
        width: 100%;
        text-align: left;
    }
    .form-horizontal .controls {
        width: 100%;
        margin-left: 0;
    }
    .form-horizontal .controls select, input[type="text"], input[type="password"], select {
        width: 100%;
    }
    .select2-container, .select2-drop, .select2-search, .select2-search input {
        width: 100%;
    }
    .tt-info .btn, .modal-body .btn {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 480px) {

    .login .logo {
        margin-top:10px;
    }

    .login .content h3 {
        font-size: 22px;
    }

    .login .checkbox {
        font-size: 13px;
    }

    .login .content .form-actions {

        padding: 20px 25px;
        margin-left: 0;
        margin-right: 0;
    }

    .table-turnierkalender thead tr th.tk-th-turnier {
        width: 90% !important;
    }

    .te-col-rechts-desktop {
        width: 16% !important;
        display: none;
    }
    .te-scorekarte-2 {
        border-top: none;

    }

    .timetable-box .form-actions {
        padding-left: 10px !important;
    }

    .m-wrap.small {
        width: 100px !important;
    }

    .m-wrap.medium {
        width: 150px !important;
    }

    .m-wrap.large {
        width: 200px !important;
    }

    .m-wrap.huge {
        width: 246px !important;
        font-size: 24px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 22px 8px !important;
    }

    select.m-wrap.small {
        width: 114px !important;
    }

    select.m-wrap.medium {
        width: 164px !important;
    }

    select.m-wrap.large {
        width: 214px !important;
    }

    .header .nav li.dropdown .dropdown-toggle .badge {
        top: 11px;
    }

    .page-title small {
        display: block;
        clear: both;
    }

    .login .logo {
        margin-top:10px;
    }


    .login .content h3 {
        font-size: 22px;
    }



    .login .checkbox {
        font-size: 13px;
    }

    .form-horizontal.form-bordered .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
        margin-top: 0;
        margin-left: 10px;
    }

    .form-horizontal.form-bordered .controls {
        padding-top: 0 !important;
        border-left: 0 !important;
    }

    .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
        background-color: transparent !important;
    }

    .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
        background-color: transparent !important;
    }

    .form-horizontal.form-row-seperated .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
        margin-left: 10px;
    }

    .form-horizontal.form-row-seperated .controls {
        border-left: 0;
        margin-left: 10px;
    }

    .portlet .form-horizontal .form-actions {
        padding-left: 10px;
    }

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

    .modal-header .close {
        margin-top: 5px !important;
    }

    .control-group .controls .text {
        display: block !important;
        margin-bottom: 10px;
    }
    table.pcco-tt-areas .tt-areas-info, table.pcco-tt-areas > thead > tr >th > div span.filtertext {
        font-size: 10px;
    }
    table.pcco-tt-areas-time td, table.pcco-tt-areas-time th, table.pcco-tt-areas thead tr th, table.pcco-tt-areas .tt-areas-time {
        font-size: 12px;
    }
    .hcp-ranking-table {
        padding: 0 10px 50px;
    }
}

/*@media (min-width: 600px) {

    .table-turnierkalender thead tr th.tk-th-turnier {
        width: 90% !important;
    }

}*/

@media (min-width: 851px){
    .dashboard-club-logo {
        width: 100px;
    }
}

@media only screen and (max-width: 41.250em) /* 660 */
{
    #container
    {
        width: 100%;
    }
    #imagelightbox-close
    {
        top: 6.5em; /* 20 */
        right: 1.25em; /* 20 */
    }
    #imagelightbox-nav
    {
        bottom: 1.25em; /* 20 */
    }
}

@media (max-width: 800px) {

    .table-turnierkalender thead tr th.tk-th-turnier {
        width: 90% !important;
    }

}

@media (min-width: 500px) {

    .te-scorekarte-1 {
        border-bottom: 2px solid #cfcfcf;
    }

    .te-legende-item-name {
        font-size: 11px;
        line-height: 24px;
    }
    .te-legende-item-color {
        height: 11px;
        width: 11px;
        margin-top: 6px;
    }
    .te-legende-item {
        margin-right:28px;
    }
    .te-legende {
        width: 475px;
    }
}

@media (max-width: 767px) {

    .timeline > li .timeline-time span.time {
        font-size: 18px;
    }

    .timeline:before {
        display: none;
    }

    .timeline > li .timeline-time {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

    .timeline > li .timeline-time span {
        text-align: left;
    }

    .timeline > li .timeline-body {
        margin: 0 0 30px 0;
        padding: 1em;
    }

    .timeline > li .timeline-body:after {
        right: auto;
        left: 20px;
        top: -37px;
    }

    .timeline > li .timeline-icon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0;
    }

}

@media (min-width: 450px) {

    .timetable .tt-show-name, .timetable .tt-show-hcp {
        font-size: 10px;
    }
    .timetable td:first-child {
        font-size: 13px;
        max-width:30px;
    }


}

@media (min-width: 480px) {

    .ics-button-wrapper {
        width: 100%;
    }


}

@media (min-width: 600px) {

    .timetable tbody tr td .tt-show-name, .timetable tbody tr td .tt-show-hcp {
        font-size: 11px;
    }
    .timetable tbody tr td:first-child {
        font-size: 15px;
        max-width:34px;
    }

}

@media (min-width: 700px) {
    .timetable tbody tr td {
        height: 46px;
    }
    .timetable tbody tr td .tt-show-name, .timetable tbody tr td .tt-show-hcp {
        font-size: 12px;
    }
    img.pcco-tt-option {
        margin-top: -3px;
        width: 13px;
    }
}

@media (max-width: 375px) {
    .pcco-form select, .pcco-form input[type=text], .timetable-box select.m-wrap{
        width: 100%;
        box-sizing: border-box;
        height: 30px;
    }
}

@media only screen and (max-width: 600px) {

    table.responsive { margin-bottom: 0; }

    div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
    div.table-wrapper div.scrollable { margin-left: 35%; }
    div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

    table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}

@media (max-width: 767px) {
    .timeline li.timeline-blue .timeline-body:after {
        border-right-color: transparent;
        border-bottom-color: #57a632;
    }
}

@media (min-width: 980px) {
    .page-content {
        padding-top: 0;
    }
}

@media (max-width: 979px) {
    ul.page-sidebar-menu > li > a {
        border-top: 1px solid #e1e1e1 !important;
    }
    ul.page-sidebar-menu > li:last-child > a {
        border-bottom: 0 !important;
    }
}

@media (min-width: 551px) {
    .flight-player, .starter-time td {
        font-size: 13px;
        line-height: 20px;
    }
    .flight-player i, .starter-time td i {
        font-size: 18px;
        line-height: 20px;
    }
    .flight-time, .starter-time td {
        font-size: 13px;
    }
    img.pcco-marshal-tt-option {
        margin-top: -4px;
        width: 18px;
    }
}
@media (min-width: 980px) {
    .header .btn-navbar {

        display: none;
    }
    .logo-navbar {
        height: 38px;
        display: block;
        float: left;
        margin-top: 20px;
    }
    .pcco-nav-mobil {
        display: none;
    }
    .logo-content {
        display: none;
    }
    .page-title {
        display: none !important;
    }
}
@media (max-width: 979px) {
    .pcco-nav-desktop {
        display: none;
    }
    ul.page-sidebar-menu > li > a {
        padding: 6px 15px;
    }
}

@media only screen and (max-width: 850px) {

    .no-more-tables .meine-turniere td:before {
        width: 100px !important;
        top: 4px !important;
    }
    .no-more-tables .meine-buchungen td:before {
        width: 100px !important;
        top: 4px !important;
    }
    .no-more-tables  .meine-turniere td {
        padding-left: 100px !important;
        border-left: none;
        border-right: none;
    }
    .no-more-tables  .meine-buchungen td {
        padding-left: 100px !important;
        border-left: none;
        border-right: none;
    }

    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr {
        border-bottom: 1px solid #ddd;
    }

    .no-more-tables tr:last-child {
        border-bottom: 0;
    }

    .no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 120px !important;
        white-space: normal;
        text-align:left;
        font-size: 12px;
    }

    .no-more-tables td:before {
        /*position: absolute;*/
        top: 6px;
        left: 3px;
        width: 120px !important;
        padding-right: 10px;
        white-space: normal;
        text-align:left;
        font-weight: bold;
        font-size: 12px;
    }

    /*.no-more-tables td:before { content: attr(data-title); }*/

    .pcco-dashboard table td {
        padding-left: 10px !important;
    }
}

@media (min-width: 10px) and (max-width: 8000px) {

    .hidden-all {
        display: none;
    }
}

@media (max-width: 700px) {

    .hidden-stb {
        display: none;
    }
    .wertung {
        width: 100%;
    }
}

@media (min-width: 700px) {

    .hidden-ab-700 {
        display: none;
    }
}

@media (min-width: 980px) and (max-width: 1280px) {
    .page-boxed .header .dropdown .username {
        display: none;
    }
}

@media (max-width: 979px) {
    ul.page-sidebar-menu {
        max-height: calc(100vh - 85px);
        margin-top: -3px;
        overflow-y: scroll;
    }
}

@media (min-width: 980px) {

    .hidden-hd {
        display: none;
    }

    .page-sidebar {
        max-height: calc(100vh - 47px);
        overflow-x: hidden;
        position: fixed;
        width: 225px;
        z-index: 999;
    }

    .page-sidebar-fixed .page-sidebar {
        position: fixed !important;
        top: 41px;
    }

    .page-sidebar-fixed ul.page-sidebar-menu > li.last {
        margin-bottom: 15px !important;
    }

    .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {
        z-index: 10000;
        width: 35px;
    }

    .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {
        display: none;
    }

    .page-sidebar-fixed.page-sidebar-hover-on .page-content {
        margin-left: 35px;
    }
    .page-sidebar-fixed.page-sidebar-hover-on .footer {
        margin-left: 35px;
    }

    .page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
    .page-sidebar-fixed .page-sidebar .sidebar-toggler {
        -webkit-transition: all  0.2s ease;
        -moz-transition: all  0.2s ease;
        -o-transition: all  0.2s ease;
        transition: all  0.2s ease;
    }

    .page-sidebar-hovering {
        overflow: hidden !important;
    }

    .page-sidebar-hovering .sub-menu,
    .page-sidebar-hovering span.title,
    .page-sidebar-hovering span.arrow {
        display: none !important;
    }

    .page-sidebar-hovering .submit {
        opacity: 0;
        width: 0 !important;
        height: 0 !important;
    }

    .page-content {
        margin-left: 225px;
        margin-top: 0;
        min-height: 800px;
        border-left: 1px solid #e7e7e7;
    }

    .page-sidebar-fixed .page-content {
        min-height: 600px;
    }

    .page-content.no-min-height {
        min-height: auto;
    }

    .page-sidebar-fixed .footer {
        margin-left: 225px;
        background-color: #fff;
    }

    .page-sidebar-fixed .footer .footer-inner {
        color: #333;
    }

    .page-sidebar-fixed.page-sidebar-closed .footer {
        margin-left: 35px;
    }

    .page-sidebar-fixed .footer .footer-tools .go-top {
        background-color: #666;
    }

    .page-sidebar-fixed .footer .footer-tools .go-top i {
        color: #ddd;
    }

}

@media (max-width:979px) {

    .hidden-979 {
        display: none;
    }

    body {
        margin: 0;
    }

    .header {
        margin: 0 !important;
    }
    .header.navbar.navbar-fixed-top {
        min-height: 60px;
    }

    .header .nav li.dropdown i {
        display: inline-block;
        position: relative;
        top: -1px;
        right:0;
    }

    .header .nav {
        margin-bottom: 0 !important;
    }

    .header .brand {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .header .brand img {
        margin-left: 2px !important;
    }

    .page-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .page-header-fixed .page-container {
        margin-top: 0 !important;
    }

    .page-content {
        margin: 0 !important;
        min-height: 280px;
    }

    .page-sidebar {
        margin: 0;
    }

    .page-sidebar.in {
        position: relative;
        z-index: 5;
    }

    .page-sidebar .sidebar-toggler {
        display: none;
    }

    .page-sidebar ul {
        width:100%;
    }

    .page-sidebar .selected {
        display: none !important;
    }

    .page-sidebar .sidebar-search {
        width: 220px;
        margin-top: 20px;
        margin-bottom:20px;
    }

}

@media (min-width: 768px) and (max-width: 1280px) {

    .hidden-1280 {
        display: none;
    }

    .form-wizard .step .desc {
        margin-top: 10px;
        display: block;
    }

    .pricing-table .rate .price,
    .pricing-table2 .rate .price {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

}

@media (min-width: 768px) and (max-width: 979px) {

    body {
        padding-top: 0;
    }

    .page-sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }

    .page-sidebar .btn-navbar .arrow {
        position: absolute;
        right: 25px;
        width: 0;
        height: 0;
        top:50px;
        border-bottom: 15px solid #5f646b;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }

}

@media (max-width: 767px) {

    .hidden-767 {
        display: none;
    }

    .header .top-nav .nav{
        margin-top: 0;
        margin-right: 5px;
    }

    .header .nav > li > .dropdown-menu.notification:after,
    .header .nav > li > .dropdown-menu.notification:before {
        margin-right: 180px;
    }

    .header .nav > li > .dropdown-menu.notification {
        margin-right: -180px;
    }

    .header .nav > li > .dropdown-menu.inbox:after,
    .header .nav > li > .dropdown-menu.inbox:before {
        margin-right: 140px;
    }

    .header .nav > li > .dropdown-menu.inbox {
        margin-right: -140px;
    }

    .header .nav > li > .dropdown-menu.tasks:after,
    .header .nav > li > .dropdown-menu.tasks:before {
        margin-right: 90px;
    }

    .header .nav > li > .dropdown-menu.tasks {
        margin-right: -90px;
    }

    .header .brand {
        margin-left: 0 !important;

    }

    .breadcrumb {
        padding-left: 10px;
        padding-right: 10px;
    }

    .portlet-body.form .form-actions{
        padding-left: 15px;
    }

    .input-icon .input-error,
    .input-icon .input-warning,
    .input-icon .input-success {
        top:-27px;
        float: right;
        right:10px !important;
    }

    .table-advance tr td.highlight:first-child a {
        margin-left: 8px;
    }

    .footer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer .go-top {
        float: right;
        display: block;
        margin-right: 0;
    }

    .ver-inline-menu li.active:after {
        display: none;
    }

    .form-horizontal .form-actions {
        padding-left: 10px;

    }

    .portlet .form-horizontal .form-actions {
        padding-left: 10px;
    }
}

@media (max-width: 980px) {

    .pcco-nav-bottom {
        padding-left: 10px;
    }


}

@media (max-width: 700px) {

    .pcco-break > tbody > tr > td {
        display: block;
    }
    .tt-icon {
        height: 15px;
    }

}
@media (max-width: 650px) {

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-11, .col-xs-12 {
        width: 100%;
    }
    .col-xs-6.instagramwrap {
        width: 50%;
    }
    div.ics-btn-wrapper {
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .btn-group-dropdown {
        margin-top: 0;
    }
    a.generate-ics span.ics-text-mobile {
        display: block;
    }
    a.generate-ics span.ics-text-desktop {
        display: none;
    }
    a.generate-ics {
        display: block;
        color: #000000 !important;
        border: 1px solid #ccc;
        text-align: center;
        border-radius: 0 !important;
        padding: 4px;
        margin-top: -15px;
    }
    a.generate-ics:hover, a.generate-ics:active, a.generate-ics:focus {
        opacity: 1.0;
        background-color: #EBEBEB !important;
        box-shadow: none;
        text-decoration: none;
    }
}

@media(min-width: 400px) {
    table.pcco-tt-areas-time th .content-wrapper,
    table.pcco-tt-areas thead tr th .content-wrapper
    {
        height: 50px;
        text-align: center;
        vertical-align: middle;
    }
}

@media(max-width: 400px) {
    table.pcco-tt-areas-time th .content-wrapper,
    table.pcco-tt-areas thead tr th .content-wrapper
    {
        height: 65px;
        text-align: center;
        vertical-align: middle;
    }
}
@media(max-width: 450px) {
    .col-xs-6.instagramwrap {
        width: 100%;
    }
}
/* print */

@media print {
    body, * {
        color: #000;
    }
    .pcco-hide {
        display: table-row !important;
    }
    .header, .breadcrumb, .show-more, .nav-tabs, .footer a, .page-sidebar, .pcco-nav-bottom, .hideprint, .btn {
        display: none !important;
    }
    .pcco-headline {
        color: #000000 !important;
        background-color: #fff !important;
        font-size: 16px !important;
    }
    .footer {
        color: #000000 !important;
        background-color: #fff !important;
    }
    .page-content {
        padding-top: 0 !important;
    }
    .table-turnierergebnisliste thead tr th {
        background-color: #fff !important;
        color: #000 !important;
    }
    .page-content {
        margin-left: 0 !important;
        border-left: none;
    }
    .table-turnierergebnisliste {
        border-top: 1px solid #ddd;
    }
    .pcco-result-switch {
        display: none;
    }
    .table-personal-scorecard .tb-punkte {
        line-height: 20px;
    }
    .table-personal-scorecard .total-1 .tb-score {
        padding-top: 0;
        padding-bottom: 0;
    }
    .table.table-personal-scorecard > thead > tr > th, .table.table-personal-scorecard > tbody > tr > td {
        padding: 1px 5px;
    }
    .table-personal-scorecard .total-1 .tb-punkte div, .table-personal-scorecard .total-2 .tb-punkte div {
        height: 23px;
        width: 23px;
        border-radius: 23px;
    }
    .table.table-personal-scorecard, .table.personal-scorecard-info {
        margin-bottom: 0;
        margin-top: 0;
    }
    .table-personal-scorecard tr:last-child td {
        border-bottom: none;
    }
    .table.personal-scorecard-info tbody tr td select.m-wrap, .table.personal-scorecard-info tbody tr td select{
        height: 28px;
        margin-top: 0;
    }
    td.pcco-tournament-scorecard-select {
        line-height: 20px !important;
    }
    .table.personal-scorecard-info tbody tr td.pcco-tournament-scorecard-select {
        padding: 1px 5px;
    }

    .table-personal-scorecard tr td.tb-score input {
        padding: 0;
    }
}

.pcco-tournament-wildcardlist-number { display: none; }
.pcco-tournament-entrylist-number { display: none; }
.pcco-tournament-waitlist-number { display: none; }

/* debug */
.pcco-debug
{
    /*position: relative;*/
    /*float: left;*/
    /*width: 100%;*/
    z-index: 999999;
}

/* DSGVO */
.pcco-policy-checkbox {
    background: #f5f5f5;
    border: 1px solid #eee;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}
#gdpr-confirm-modal .modal-body {
    text-align: justify;
}
#gdpr-confirm-modal .modal-footer a,
#gdpr-confirm-modal .modal-footer button
{
    display: block;
    width: 100%;
}
.pcco-policy-checkbox-container {
    float: left;
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#gdpr-confirm-check {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.pcco-policy-checkbox-container .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #57a632;
}
.pcco-policy-checkbox-container input:checked ~ .checkmark {
    background-color: #57a632;
}
.pcco-policy-checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.pcco-policy-checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.pcco-policy-checkbox-container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#gdpr-confirm-text {
    cursor: pointer;
    margin: 0;
}
/*#gdpr-confirm-text a{
    display: block;
}*/
.gdpr-confirm-error {color: #a94442;}
.gdpr-confirmed:disabled {
    background-color: #ccc !important;
    pointer-events: all;
}
.pcco-policy-hint {
    padding: 15px 5px;
    color: #666;
}


/* Email Abo */
.pcco-mail-status-box {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.pcco-mail-status {
    display: table-cell;
    vertical-align: middle;
}
.onoffswitch.pcco-mail-status .onoffswitch-label{
    width: 40px;
    margin: 0;
}
.onoffswitch.pcco-mail-status .onoffswitch-checkbox:checked ~ .onoffswitch-switch {
    left: 22px;
}
.pcco-mail-status-headline{
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
    padding-left: 15px;
    line-height: 24px;
}
.pcco-mail-status-info {
    color: #777;
    padding: 15px 0 10px;
}
.pcco-content-field  .pcco-user-abo {
    max-width: 500px;
    margin: 0 auto;
    padding: 40px 15px 10px;
}
.mailgroup-topic {
    padding: 30px 0 15px;
    font-weight: 600;
}
.pcco-user-abo .checkbox {
    border-bottom: 1px solid #e6e6e6;
    padding: 13px;
    margin: 0;
}
.pcco-user-abo .checkbox:last-of-type {
    border-bottom: none;
}
.pcco-user-abo-subheadline {
    font-weight: 600;
    color: #999;
    padding-bottom: 5px;
}
.pcco-user-abo-headline {
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 600;
}
.pcco-user-abo-details {
    padding: 25px 0;
}
.pcco-user-abo-form {
    overflow: hidden;
}
.pcco-user-abo-div .pcco-user-abo-info {
    padding-bottom: 20px;
}
.pcco-user-abo-div .optional {
    font-size: 11px;
    color: #999;
    padding-left: 2px;
    display: inline;
}
.pcco-user-abo-div .form-group {
    margin-bottom: 10px;
}
.pcco-user-abo-div .form-group label {
    font-weight: 600;
    padding-bottom: 3px;
}
.pcco-user-abo-div .form-group .form-control {
    border: 1px solid #ddd;
}
.pcco-user-abo-div .form-group input[type="date"] {
    line-height: inherit;
}
.pcco-user-abo-div .form-group.has-error .form-control,
.pcco-user-abo-div .policy .checkbox.has-error .checkmark{
    border: 1px solid #a94442;
}
.pcco-user-abo-div .policy .checkbox.has-error label {
    color: #333;
}
.pcco-user-abo-div .form-group select,
.pcco-user-abo-div .form-group input[type="text"]{
    max-width: none;
    margin-top: 0;
}
.pcco-user-abo-checkbox {
    background: #fff;
    padding: 2px 10px;
    border: 1px solid #eee;
}
.additional-mailgroup.disabled .mailgroup-topic {
    color: #aaa;
}
.additional-mailgroup.disabled .pcco-user-abo-checkbox {
    background: #fafafa;
    cursor: not-allowed;
}
.additional-mailgroup.disabled .pcco-user-abo-checkbox label.pcco-mail-checkbox-container {
    color: #aaa;
    cursor: not-allowed;
}
.additional-mailgroup.disabled .pcco-mail-checkbox-container input:checked ~ .checkmark {
    background: #f4f4f4;
    border: 1px solid #eee;
}
.additional-mailgroup.disabled .pcco-mail-checkbox-container .checkmark::after {
    border: none;
}
.pcco-user-abo-frequence {
    float: right;
    text-transform: uppercase;
    color: #bbb;
    font-size: 11px;
}
.pcco-user-abo-div .col-xs-6:first-of-type {
    padding-right: 10px;
    padding-left: 0;
}
.pcco-user-abo-div .col-xs-6:nth-child(2) {
    padding-right: 0;
    padding-left: 10px;
}

@media (max-width: 650px) {
    .pcco-user-abo-div .col-xs-6:first-of-type,
    .pcco-user-abo-div .col-xs-6:nth-child(2) {
        padding-right: 0;
        padding-left: 0;
    }
}

.pcco-user-abo-div .policy {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
}
.pcco-user-abo-div .policy .checkmark {
    background: #fff;
    border: 1px solid #ddd;
}
label.pcco-mail-checkbox-container {
    display: block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pcco-mail-checkbox-container input {
    position: absolute;
    display: none;
    cursor: pointer;
}
.pcco-mail-checkbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 8px;
    height: 20px;
    width: 20px;
    background-color: #f4f4f4;
    border: 1px solid #eee;
}
.pcco-mail-checkbox-container:hover input ~ .checkmark {
    background-color: #eee;
}
.pcco-mail-checkbox-container input:checked ~ .checkmark {
    background-color: #aaa;
    border: 1px solid #aaa;
}
.pcco-mail-checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.pcco-mail-checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.pcco-mail-checkbox-container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pcco-user-abo-checkbox.disabled .pcco-mail-checkbox-container input:checked ~ .checkmark {
    background-color: #f4f4f4;
    border: 1px solid #eee;
}
.pcco-user-abo-checkbox.disabled .pcco-mail-checkbox-container .checkmark::after {
    border: none;
}


label.pcco-onoff-mail-container {
    display: block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pcco-onoff-mail-container input {
    position: absolute;
    display: none;
    cursor: pointer;
}
.pcco-onoff-mail-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #ffffff;
    border: 1px solid #eee;
}
.pcco-onoff-mail-container:hover input ~ .checkmark {
    background-color: #eee;
}
.pcco-onoff-mail-container input:checked ~ .checkmark {
    background-color: #57a632;
    border: 1px solid #57a632;
}
.pcco-onoff-mail-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.pcco-onoff-mail-container input:checked ~ .checkmark:after {
    display: block;
}
.pcco-onoff-mail-container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pcco-onoff-mail-container .yes,
.pcco-mail-checkbox-container .yes{
    font-size: 18px;
}


/* Benutzerkonto */
.pcco-content-field {
    background: #f5f5f5;
    border: 1px solid #eee;
    margin-bottom: 15px;
    overflow: hidden;
}
.pcco-content-field .pcco-user-account {
    max-width: 500px;
    margin: 0 auto;
    padding: 30px 10px;
}
.pcco-user-account-headline {
    font-size: 16px;
    padding-bottom: 10px;
}
.pcco-user-account-content {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px 20px;
    margin-bottom: 3px;
    display: table;
    width: 100%;
}
.pcco-user-account-detail {
    padding: 3px 0;
}
.pcco-user-account-input {
    display: table-cell;
    padding-left: 10px;
}
.pcco-user-account-label {
    width: 150px;
    display: table-cell;
    color: #888;
    vertical-align: top;
}
.pcco-user-account-link {
    padding: 10px 0 5px 160px;
}
.pcco-user-account-link .pcco-link,
.pcco-user-account-input .pcco-link {
    display: block;
    padding-bottom: 5px;
}


/* Mein Profil */
#pcco-user-password .alert,
#pcco-user-profile .alert,
#pcco-user-email .alert,
#pcco-user-setting .alert,
#change_golf .alert {
    text-align: center;
    padding: 20px;
}
#pcco-user-password .form-control,
#pcco-user-email .form-control,
#pcco-user-profile .form-control,
#pcco-user-profile select.m-wrap,
#pcco-user-profile select,
#change_golf .form-control,
#change_golf select.m-wrap,
#change_golf select {
    border: 1px solid #ddd;
}
#pcco-user-password fieldset,
#pcco-user-email fieldset,
#change_golf fieldset {
    margin: 35px auto 20px;
    max-width: 350px;
}
#pcco-user-profile fieldset {
    margin: 35px auto 20px;
    max-width: 620px;
}
#pcco-user-setting fieldset {
    margin: 35px auto 20px;
    max-width: 500px;
    padding: 0 20px;
}
#pcco-user-setting fieldset .alert{
    text-align: left;
}

#pcco-user-password fieldset .form-group,
#pcco-user-email fieldset .form-group,
#pcco-user-profile fieldset .form-group,
#pcco-user-setting fieldset .form-group,
#change_golf fieldset .form-group {
    margin-left: 0;
    margin-right: 0;
}
fieldset .form-group label.error {
    color: #cc0000;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
}
#pcco-user-password.form-horizontal fieldset .control-label,
#pcco-user-email.form-horizontal fieldset .control-label,
#pcco-user-profile.form-horizontal fieldset .control-label,
#change_golf.form-horizontal fieldset .control-label {
    width: 100%;
    float: none;
    text-align: left;
    padding-bottom: 3px;
    /*text-transform: uppercase;*/
    /*font-size: 12px;*/
}
#change_golf label span.info {
    font-weight: 500;
    color: #999;
    line-height: 16px;
}
#pcco-user-setting.form-horizontal fieldset .control-label {
    text-align: left;
}
#pcco-user-password fieldset .form-group:nth-child(3),
#pcco-user-profile fieldset .form-group:nth-child(12) {
    margin-bottom: 0;
}
#pcco-user-password .pcco-btn-holder,
#pcco-user-profile .pcco-btn-holder {
    margin-top: 0;
}
#pcco-user-email .pcco-btn-holder,
#change_golf .pcco-btn-holder {
    margin-top: 40px;
}
#pcco-user-password .pcco-btn-holder .pcco-link,
#pcco-user-profile .pcco-btn-holder .pcco-link {
    display: block;
    padding-bottom: 40px;
}
#pcco-user-password .input-group, #pcco-user-password input[type="text"], #pcco-user-password input[type="password"],
#pcco-user-password select.m-wrap, #pcco-user-password select,

#pcco-user-email .input-group, #pcco-user-email input[type="text"], #pcco-user-email input[type="password"],
#pcco-user-email select.m-wrap, #pcco-user-email select,

#pcco-user-profile .input-group, #pcco-user-profile input[type="text"], #pcco-user-profile input[type="password"],
#pcco-user-profile select.m-wrap, #pcco-user-profile select,

#change_golf .input-group, #change_golf input[type="text"], #change_golf input[type="password"],
#change_golf select.m-wrap, #change_golf select,

#pcco-user-setting .input-group, #pcco-user-setting input[type="text"], #pcco-user-setting input[type="password"],
#pcco-user-setting select.m-wrap, #pcco-user-setting select {
    width: 100%;
    max-width: none;
    height: 38px !important;
    margin-bottom: 4px;
}
#change_golf .select2-container .select2-choice {
    height: 38px;
    line-height: 36px;
    border-color: #ddd;
}
#change_golf .select2-container .select2-choice .select2-arrow b {
    margin-top: 4px;
}
#pcco-user-profile select.m-wrap,
#pcco-user-profile input[type="file"].m-wrap,
#pcco-user-profile select {
    margin-top: 0;
}
#pcco-user-profile #pcco_alert_name input[type="checkbox"] {
    margin-top: 4px;
}
#pcco-user-profile .form-group {
    margin-bottom: 5px;
}
#pcco-user-profile label[for="user_birth_month"] {
    display: none;
}
.input-group span.label {
    color: #999;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 0;
    display: block;
    text-align: left;
}
.form-group.col-xs-12 .col-xs-3 {
    padding-right: 0;
    padding-left: 0;
}
#change_golf .club-suggestion-headline {
    font-weight: 600;
    padding-bottom: 5px;
}
#change_golf .club-suggestion-list {
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
#change_golf .club-suggestion-list .club-suggestion-item {
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
    line-height: 18px;
}
#change_golf .club-suggestion-list .club-suggestion-item:last-of-type {
    border-bottom: none;
}
#change_golf .club-suggestion-list .club-suggestion-item a {
    display: block;
    margin-top: 8px;
    padding: 5px 10px;
}
#change_golf .select2-container .select2-choice abbr {
    top: 11px;
}
/*!* Neuregistrierung *!
.pcco-register-data {
    margin: 30px auto;
    max-width: 700px;
    padding: 0 10px;
}
.pcco-register-data fieldset{
    margin-bottom: 30px;
}
.pcco-register-data .control-group input {
    background: #fff;
}
.pcco-register-data .control-group input[type="date"] {
    height: 34px;
    width: 100%;
    border: 1px solid #e5e5e5;
}
form.pcco-formstyle .pcco-register-data span.block,
.pcco-register-data .info,  form.pcco-formstyle .pcco-register-data span.info{
    color: #888;
    line-height: 17px;
    font-weight: 400;
}
.pcco-register-data .control-label {
    padding: 5px 0 3px;
}

.pcco-register-code {
    margin: 30px auto;
    max-width: 350px;
    padding: 0 10px;
}
.pcco-register-code fieldset .control-group{
    margin-bottom: 20px !important;
}
.pcco-register-code .control-group input {
    background: #fff;
    height: 35px;
}

form.pcco-formstyle .pcco-register-code span.block,
.pcco-register-code .info{
    color: #999;
    line-height: 17px;
    font-weight: 400;
    display: inline;
}
.pcco-register-code label {
    padding: 5px 0 3px;
    font-weight: 600;
}
.pcco-register-code .pcco-btn-holder {
    margin-top: 40px;


@media (max-width: 650px) {
    .pcco-register-data .control-label[for="anzeige"]{
        padding-top: 15px;
    }
}
}*/
@media (max-width: 479px) {
    #pcco-user-setting fieldset .radio.pcco-radio {
        margin-top: 10px;
    }
    .pcco-user-account-content {
        padding: 10px 15px;
    }
    .pcco-user-account-input {
        display: block;
        padding: 3px 0 5px;
    }
    .pcco-user-account-label {
        width: 100%;
        display: block;
    }
    .pcco-user-account-link {
        padding-left: 0;
    }
}
@media (min-width: 461px) {
    #pcco-user-profile .col-xs-3 {
        width: 25%;
    }
    #pcco-user-profile .col-xs-6 {
        width: 50%;
    }
}
@media (max-width: 460px) {
    .form-group.col-xs-12 .col-xs-6 {
        padding-right: 0;
        padding-left: 0;
    }
    .input-group span.label {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}
@media (max-width: 400px) {
    #pcco-user-password fieldset,
    #pcco-user-email fieldset,
    #pcco-user-setting fieldset,
    #change_golf fieldset {
        margin: 30px 15px 10px;
        padding: 0;
    }
    #pcco-user-profile fieldset {
        margin: 30px 0 10px;
    }
    .pcco-content-field .pcco-user-abo {
        padding: 25px 10px 0;
    }
    /*.pcco-register-data .col-xs-6 {
        padding: 0;
    }
    .pcco-register-data {
        margin: 20px auto;
    }*/
}

div.pcco-occupancy-event-image
{
    max-width: 50px;
    max-height: 50px;
}

div.pcco-occupancy-event
{
    font-weight: bold;
}