/* --- START BROWSER HACKS --- */

::-ms-clear {
    width: 0;
    height: 0;
}

/*::-ms-reveal {
    width: 0;
    height: 0;
}*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* --- END BROWSER HACKS --- */

/* --- START HEADER --- */

.navbar-header .navbar-logo {
    height: 40px;
    border: none;
}

.navbar-header .navbar-logo.mcc {
    margin-top: 0;
    height: 55px;
    border: none;
    margin-left: -15px;
}

.navbar-header .navbar-title {
    padding: 0 20px;
    font-weight: 100;
    font-size: 18px;
    line-height: 50px;
    color: #333;
    display: none;
}

.header .navbar-header a {
    text-decoration: none;
}

@media (min-width: 1200px) {
    .navbar-header .navbar-title {
        display: inline;
    }
}

.navbar-nav.nav-header > li > a {
    padding: 15px;
}

.navbar-nav > li.navbar-language > div {
    line-height: 20px;
    padding: 17px 15px;
}

.navbar-nav > li.navbar-language > div > a {
    text-decoration: none;
    color: #333333;
}

.navbar-nav.nav-header > li > span.flag-icon {
    margin: 12px 10px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.navbar-nav.nav-header > li > a > i {
    vertical-align: middle;
    padding-right: 5px;
}

.navbar-nav.nav-header > li > a > img {
    vertical-align: middle;
}

.navbar-nav.nav-header > li > a > span {
    vertical-align: middle;
}

.navbar-nav.nav-header > li > button {
    margin: 12px 10px;
    height: 30px;
    cursor: pointer;
}

.navbar-nav.nav-header > li > button > i {
    margin-right: 10px;
}

.panel.accordion-small.panel-default .panel-heading {
    background: #b6c2c9;
}

.panel.accordion-small .panel-heading .panel-title .accordion-toggle {
    padding: 3px 15px;
}

.accordion-small .panel-group {
    margin-bottom: 3px;
}

.accordion-small li a {
    color: #333;
    padding: 5px 15px;
    display: block;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
}

.accordion-small li a:hover {
    background: #e3e3e3;
}

.accordion-body {
    padding-top: 5px;
}

.page-header .search .navbar-form .btn-search {
    top: 2px;
}

.page-header .search .navbar-form .btn-reset {
    top: 0;
}

h1.page-header {
    margin-bottom: 30px;
}

.btn.minimizeable > span {
    display: none;
}

@media (min-width: 1200px) {
    .btn.minimizeable > span {
        display: inline;
    }
}

/* --- END HEADER --- */

/* --- START FOOTER --- */

.footer a {
    color: #333;
    margin-left: 10px;
}

.footer.nomenu {
    margin: 0 20px;
}

/* --- END FOOTER --- */

/* --- START MENU --- */

.sidebar .nav > li.nav-profile {
    padding: 10px 5px;
}

.sidebar .nav > li.nav-profile .image {
    width: 60px;
    height: 60px;
    margin-top: 0;
}

.sidebar .nav > li.nav-profile .info {
    height: 60px;
    display: flex;
    align-items: center;
}

.sidebar .nav a.nav-link.active {
    color: #FFF;
}

.sidebar img {
    margin: 10px 5px 0 5px;
    width: 210px;
}

.sidebar .nav > li.nav-header {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

/* --- END MENU --- */

/* --- START SEARCH CONTROL --- */

.search {
    display: inline-block;
    position: relative;
}

.search .navbar-form {
    display: inline-block;
    margin: 0;
}

.search .navbar-form .btn-search {
    top: 0;
    padding-left: 5px;
}

.search .navbar-form .btn-reset {
    position: absolute;
    right: 35px;
    top: -2px;
    background: none;
    padding-right: 5px;
    margin-right: 7px;
}

.search .navbar-form .btn-reset.in-header {
    right: 15px;
}

.search .search-detail {
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
}

.search .dropdown-menu {
    padding: 10px 20px;
}

.dt-buttons {
    margin-left: 10px;
    margin-bottom: 10px;
}

.table > tbody > tr.retention-1 > td {
    background-color: #a2f6a8;
}

.table > tbody > tr.retention-2 > td {
    background-color: #fdebd1;
}

.table > tbody > tr.retention-3 > td {
    background-color: #afe5f6;
}

.table > tbody > tr.retention-4 > td {
    background-color: #ffdedd;
}

.table.retention > thead > tr > th,
.table.retention > tbody > tr > th,
.table.retention > tfoot > tr > th,
.table.retention > thead > tr > td,
.table.retention > tbody > tr > td,
.table.retention > tfoot > tr > td {
    border-top-color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

#container {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

#container2 {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

.datetimepicker-wrapper {
    float: left;
    margin-right: 5px;
    width: 100px;
}

.retention .panel .panel-with-tabs nav .nav-tabs nav .nav-tabs .nav-tabs-white {
    padding-bottom: 35px;
}

.retention-2 .bg-silver {
    background: #fdebd1 !important;
}

.retention-3 .bg-silver {
    background: #afe5f6 !important;
}

.retention-4 .bg-silver {
    background: #ffdedd !important;
}

.my-status-dialog .modal-dialog {
    height: auto;
    margin-top: 420px;
}

.my-canceled-dialog .modal-dialog {
    /*height:auto;*/
    margin-top: 355px;
}

.my-canceled-dialog .modal-content {
    /*width: auto;*/
    background-color: transparent !important;
}

.my-status-dialog .modal-content {
    width: 303px;
    position: unset !important;
    margin-left: -405px !important;
    background-color: transparent !important;
}

.retention-icon::before {
    content: '';
    background-image: url(../app/Main/resources/img/retention.png);
    background-size: cover;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: -4px;
}

.timeline-retention {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: -webkit-box;
}

.timeline-retention > li {
    position: relative;
    min-height: 80px;
}

.timeline-retention > li + li {
    margin-top: 40px;
}

.timeline .timeline-icon {
    left: 15%;
    position: absolute;
    width: 10%;
    text-align: center;
    top: 5px;
}

.timeline-retention .timeline-icon a {
    text-decoration: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #575d63;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    border: 5px solid #2d353c;
    transition: background .2s linear;
    -moz-transition: background .2s linear;
    -webkit-transition: background .2s linear;
}

.timeline-retention .timeline-icon i {
    padding-left: 12px;
}

.timeline-retention .timeline-icon a:hover,
.timeline-retention .timeline-icon a:focus {
    background: #00acac;
}

.timeline-retention:before {
    background: none;
}

.bg-brown {
    background: saddlebrown !important;
}

/*.bg-purple-darker { background: #5b6392 !important; }*/

/*.bg-purple-lighter { background: #8e96c5 !important; }*/

.bg-magenta {
    background-color: purple !important;
}

.paddingHistory {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.talking-icon {
    content: '';
    background-image: url(../app/Main/resources/img/talking.png);
    background-size: cover;
    width: 22px;
    height: 22px;
    display: inline-block;
}

/* --- leads --- */

.fa-file-text.green {
    color: #a2f6a8;
}

.fa-file-text.red {
    color: red;
}

.icon-black {
    color: dimgrey;
}

.history-empfehlung {
    background-color: #80f288 !important;
}

.history-lead {
    background-color: #f7dbb2 !important;
}

.history-absage {
    background-color: #f7bdbb !important;
}

.history-abschluss {
    background-color: #98e2f9 !important;
}

.history-termin {
    background-color: #3a33ea !important;
}

.progress-bar.progress-bar-potenzial {
    background-color: #a2f6a8;
}

.progress-bar.progress-bar-lead {
    background-color: #fdebd1;
}

.progress-bar.progress-bar-termin {
    background-color: #727cb6;
}

.progress-bar.progress-bar-abschluss {
    background-color: #afe5f6;
}

.progress-bar.progress-bar-absage {
    background-color: #ffdedd;
}

.progress-bar.progress-bar-grey-termin {
    background-color: #A9A9A9 !important;
}

.progress-bar-white {
    background-color: white;
}

.p-empfehlung-activ {
    margin-top: 12px;
    color: black;
    background-color: #a2f6a8;
    font-size: 18px;
    font-weight: 900;
    float: left;
    padding-top: 3px;
    padding-left: 12px;
}

.p-empfehlung-inactiv {
    background-color: white;
    color: black;
    font-size: 12px;
    padding-top: 15px;
    padding-left: 15px;
}

.p-lead-activ {
    margin-top: 12px;
    color: black;
    background-color: #a2f6a8;
    font-size: 18px;
    font-weight: 900;
    float: left;
    padding-top: 3px;
    padding-left: 25px;
}

.p-termin-activ {
    margin-top: 12px;
    color: black;
    background-color: #a2f6a8;
    font-size: 18px;
    font-weight: 900;
    float: left;
    padding-top: 3px;
    padding-left: 25px;
}

.p-abschluss-activ {
    margin-top: 12px;
    color: black;
    background-color: #a2f6a8;
    font-size: 18px;
    font-weight: 900;
    float: left;
    padding-top: 3px;
    padding-left: 50px;
}

.progress-bar-absage.activ i .green {
    color: green;
    float: left;
    width: 30%;
    padding-top: 18px;
    font-size: 35px;
    padding-left: 75px
}

.progress-bar-absage.activ i .red {
    color: red;
    float: left;
    width: 30%;
    padding-top: 18px;
    font-size: 35px;
    padding-left: 75px
}

.progress-bar-absage.activ p {
    background-color: #ffdedd;
    font-size: 25px;
    color: red !important;
    font-weight: 900;
    padding-top: 10px;
    padding-right: 50px;
}

.leads-1 .bg-silver {
    background: #a2f6a8 !important;
}

.leads-2 .bg-silver {
    background: #f7dbb2 !important;
}

.leads-3 .bg-silver {
    background: #afe5f6 !important;
}

.leads-4 .bg-silver {
    background: #ffdedd !important;
}

.leads-historie-1 {
    background: #80f288 !important;
}

.leads-historie-2 {
    background: #fdebd1 !important;
}

.leads-historie-3 {
    background: #98e2f9 !important;
}

.leads-historie-4 {
    background-color: #f7bdbb !important;
}

.leads-historie-termin {
    background-color: #3a33ea !important;
}

.table > tbody > tr.leads-1 > td {
    background-color: #a2f6a8;
}

.table > tbody > tr.leads-2 > td {
    background-color: #fdebd1;
}

.table > tbody > tr.leads-3 > td {
    background-color: #afe5f6;
}

.table > tbody > tr.leads-4 > td {
    background-color: #ffdedd;
}

.panel-body .retentions .all {
    margin: 20px 20px 20px 20px;
}

.activ-contract-border {
    border-color: green;
}

.activ-grey {
    background: grey;
}

.disabled-contract {
    color: grey !important;
    font-size: 14px;
    font-weight: 700;
    background-color: #d9e0e7 !important;
}

.activ-contract {
    color: limegreen !important;
    font-size: 14px;
    font-weight: 700;

}

.old {
    color: red !important;
    font-size: 14px;
    font-weight: 700;
}

.activ-terminated {
    color: orange !important;
    font-size: 14px;
    font-weight: 700;
}

.nav-tabs-success {
    background: #00acac
}

.nav-tabs-white {
    background: #FFFFFF;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background: #00acac
}

.retention .progres {
    background-color: #fdebd1;
}

.retention .new {
    background-color: #dbf0f7;
}

.retention .recovered {
    background-color: #cceeee;
}

.retention .terminated {
    background-color: #ffdedd;
}

@media (max-width: 1024px) {
    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 8px;
    }

    #history-mobile,
    #timeline-mobile {
        width: 100%;
    }

    #training-mobile {
        width: 100%;
        margin-top: 30px;
    }

    #retdetail-mobil {
        width: 300px
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 119px;
        padding: 36px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        margin-bottom: 0px;
        height: 216px;
    }

    #ret-tab-more {
        width: 57%;
    }
}

@media (min-width: 1025px) and (max-width: 1370px) {
    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 8px;
    }

    #history-mobile,
    #timeline-mobile {
        width: 100%;
    }

    #training-mobile {
        width: 100%;
        margin-top: 30px;
    }

    #retdetail-mobil {
        width: 300px
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 80px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 216px;
    }

    #ret-tab-more {
        width: 71%;
    }
}

@media (min-width: 1371px) and (max-width: 1387px) {
    #retdetail-mobil .profile-highlight {
        height: 115px;
        padding: 23px 15px;
    }

    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 305px;
    }

    #ret-tabs {
        width: 70%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 216px;
    }

    #ret-tab-more {
        width: 70%;
    }
}

@media (min-width: 1388px) and (max-width: 1400px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 305px;
    }

    #ret-tabs {
        width: 70%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 98px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 216px;
    }

    #ret-tab-more {
        width: 70%;
    }
}

@media (min-width: 1400px) and (max-width: 1425px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 72%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 113px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1426px) and (max-width: 1460px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 73%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 113px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1461px) and (max-width: 1469px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 73%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 100px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1470px) and (max-width: 1516px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 74%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 98px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1517px) and (max-width: 1567px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 74%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 98px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1568px) and (max-width: 1686px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 75%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 97px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1687px) and (max-width: 1753px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: left !important;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 78%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 80px;
        padding: 6px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1754px) and (max-width: 1825px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil,
    #retention-mobil-filter {
        float: right;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #ret-tabs {
        width: 79%;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 80px;
        padding: 23px 15px;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1826px) {
    #button-mobile-first,
    #button-mobile-second,
    #button-mobile-third {
        margin-left: 5px;
    }

    #retention-mobil {
        float: right;
    }

    #retdetail-mobil {
        width: 300px;
    }

    #retdetail-mobil .profile-image {
        height: 100% !important;
        margin-bottom: 0px;
    }

    #retdetail-mobil .profile-left {
        width: 100%;
    }

    #retdetail-mobil .profile-image img {
        width: 100%;
        height: 100%;
    }

    #retdetail-mobil .profile-highlight {
        height: 82px;
        padding: -1px 15px;
    }

    #ret-tabs {
        width: 80%;
    }
}

table tbody tr td {
    vertical-align: middle;
}

/* --- END SEARCH CONTROL --- */

/* --- START PANEL CONTROL --- */

.panel-heading .search {
    margin-top: -5px;
}

.panel-heading .search .btn-search {
    color: #333;
}

.panel-heading .btn-sm {
    position: relative;
    bottom: 5px;
    top: -5px;
}

.panel-heading select {
    height: 34px;
    color: black;
    margin-top: -7px;
}

.panel-body .panel-temporary > h3 {
    text-align: center;
    margin-bottom: 20px;
}

.panel-body .panel-temporary > h3 > span > i {
    margin-right: 30px;
    vertical-align: middle;
}

.panel.panel-white > .panel-heading {
    margin-top: 20px;
    border-bottom: solid 1px #333;
}

.panel.panel-white > .panel-heading > .panel-title {
    font-size: 16px;
    font-weight: bold;
}

.btn-panel-title {
    position: relative;
    top: -10px;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
}

.fullscreen-print {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 1);
}

.nav-tabs.nav-tabs-inverse > li > a {
    color: #AAA;
}

.panel-with-tabs {
    padding-top: 10px;
}

.panel-with-tabs > .panel-heading {
    padding: 0 15px;
}

.panel-with-tabs > .panel-heading > .panel-heading-btn {
    margin-top: 10px;
}

.panel-with-tabs > .panel-heading > .panel-heading-btn > .panel-title {
    margin-top: 10px;
    margin-right: 20px;
}

/* --- END PANEL CONTROL --- */

/* --- START TABLE --- */

/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px 10px;
}*/

.tasty-table > table > thead > tr > th.sortable {
    cursor: pointer;
    position: relative;
}

.tasty-table > table > thead > tr > th > span.sort-icon {
    position: absolute;
    bottom: 12px;
    right: 8px;
    display: block;
}

.tasty-table > table > thead > tr > th > span.sort-icon.not-sorted {
    opacity: 0.3;
}

.tasty-table > table > tbody > tr:hover,
.tasty-table > table > tbody > tr:hover > td {
    background: #e3e3e3;
    color: #707478;
}

.tasty-table > table > tbody > tr.editable:hover,
.tasty-table > table > tbody > tr.editable:hover > td {
    background: inherit;
    color: inherit;
}

.tasty-table .pagination {
    margin: 5px 0;
}

.tasty-table .table-entries select {
    vertical-align: middle;
    width: 50px;
    color: #707478;
}

.tasty-table h4 {
    margin-top: -20px;
}

.tasty-table .table-action {
    text-align: center;
}

.tasty-table .table-action i {
    font-size: 16px;
    padding: 0 5px;
}

table > tfoot > tr.editable {
    border-top: 2px solid #e2e7eb;
}

table > tfoot > tr.editable > td,
table > tbody > tr.editable > td {
    height: 37px;
    padding: 3px 10px;
    vertical-align: middle;
}

tr.editable > td > select,
tr.editable > td > input {
    width: 100%;
    border: solid 1px #e0e0e0;
}

table td.buttoncolumn {
    vertical-align: middle;
    text-align: center;
    white-space: nowrap
}

.dataTables_wrapper {
    padding: 2rem 0;
}

.noscroll > div.dataTables_wrapper {
    overflow-y: hidden;
}

/* --- END TABLE --- */

/* --- START MODAL --- */

.modal-dialog .modal-footer a.btn {
    min-width: 50px;
}

/* --- END MODAL --- */

/* --- START GROWL NOTIFICATIONS --- */

.growl-container {
    margin-top: 50px;
}

.growl-container > .growl-item {
    padding: 15px 35px 15px 10px;
}

/* --- END GROWL NOTIFICATIONS --- */

/* --- START TREEVIEW --- */

ul.treeview {
    position: relative;
}

ul.treeview i.fa {
    font-size: 16px;
}

ul.treeview i.fa.fa-circle {
    font-size: 10px;
}

ul.treeview li > div.fullrow {
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
}

ul.treeview li > div.hovered {
    background-color: #e3e3e3;
}

ul.treeview li > div.selected {
    background-color: #ffc;
}

ul.treeview li > div.rowcontent {
    position: relative;
    height: 20px;
    cursor: pointer;
}

ul.treeview,
ul.treeview ul {
    display: inline-block;
    min-width: 100%;
    margin: 0;
    padding: 5px 0 0 16px;
    list-style-type: none;
}

ul.treeview ul > li {
    margin: 0;
    padding: 5px 0 5px 16px;
    line-height: 20px;
}

ul.treeview ul > li.last {
    padding: 5px 0 0 16px;
}

ul.treeview li > div.rowcontent > i,
ul.treeview li > div.rowcontent > span > i {
    margin-bottom: 2px;
    vertical-align: middle;
    margin-right: 10px;
}

/* --- END TREEVIEW --- */

/* --- START SPINNER --- */

.spinner-container {
    position: relative;
}

.spinner-container:before {
    content: '';
    background: url(../app/Main/resources/img/content-bg-cover.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.custom-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

/* --- END SPINNER --- */

/* --- START BREADCRUMB --- */

.content {
    padding: 30px 25px;
}

ol.breadcrumb {
    margin-top: 5px;
    margin-bottom: 15px;
}

ol.breadcrumb > li {
    line-height: 24px;
    vertical-align: middle;
    font-size: 14px;
}

ol.breadcrumb > li.active {
    font-size: 18px;
}

ol.breadcrumb > li.active:before {
    font-size: 14px;
    padding: 0 0 0 5px;
}

ol.breadcrumb > li i {
    margin-right: 5px;
}

/* --- END BREADCRUMB --- */

/* --- START DATAPAGER --- */

.pagination.dataPager {
    margin: 2px 10px;
}

/* --- END DATAPAGER --- */

/* --- START EDITINFO --- */

.editInfo {
    padding-left: 20px;
}

.editInfo span {
    white-space: pre-line;
}

.editInfo textarea {
    width: 100%;
    overflow: hidden;
}

/* --- END EDITINFO --- */

/* --- START PANEL HEIGHT --- */

@media (min-width: 1200px) {
    .row.same-height-lg {
        display: flex;
    }

    .row.same-height-lg > .same-height {
        flex: 1;
    }

    .row.same-height-lg > .same-height .panel {
        height: 100%;
        margin: 0;
        background-color: rgb(240, 243, 244);
    }
}

@media (min-width: 992px) {
    .row.same-height-md {
        display: flex;
    }

    .row.same-height-md > .same-height {
        flex: 1;
    }

    .row.same-height-md > .same-height .panel {
        height: 100%;
        margin: 0;
        background-color: rgb(240, 243, 244);
    }
}

@media (min-width: 768px) {
    .row.same-height-sm {
        display: flex;
    }

    .row.same-height-sm > .same-height {
        flex: 1;
    }

    .row.same-height-sm > .same-height .panel {
        height: 100%;
        margin: 0;
        background-color: rgb(240, 243, 244);
    }
}

@media (max-width: 767px) {
    .row.same-height-xs {
        display: flex;
    }

    .row.same-height-xs > .same-height {
        flex: 1;
    }

    .row.same-height-xs > .same-height .panel {
        height: 100%;
        margin: 0;
        background-color: rgb(240, 243, 244);
    }
}

/* --- END PANEL HEIGHT --- */

/* --- START WIZARD --- */

ol.bwizard-steps {
    padding: 0;
}

.bwizard-steps li {
    display: inline-block !important;
    padding: 10px !important;
}

.bwizard-steps li.border {
    border-left: 1px solid #ccd0d4;
}

ol.bwizard-steps li small {
    margin-left: 30px;
}

/* --- END WIZARD --- */

/* --- START VALIDATION2 --- */

.validation-error {
    list-style-type: none;
    margin: 0;
    color: #e5603b;
    font-size: 12px;
    line-height: inherit;
}

.validation-icon {
    position: absolute;
    right: 40px;
    top: 5px;
}

.for-select > .validation-icon {
    right: 35px;
}

td.validation {
    position: relative;
}

td.validation .validation-icon {
    position: absolute;
    right: 16px;
    top: 6px;
}

td.validation .for-select > .validation-icon {
    position: absolute;
    right: 30px;
    top: 6px;
}

/* --- END VALIDATION2 --- */

/* --- START DATATABLES --- */

.dataTables_paginate,
.dataTables_filter {
    float: right;
}

.dataTables_filter input[type="search"] {
    margin-left: 5px;
}

th.sorting > i,
th.sorting_asc > i,
th.sorting_desc > i {
    display: inline-block;
}

th.sorting:after {
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
    /* ---  font-weight: 400; --- */
    font-style: normal;
    color: darkgrey;
    text-decoration: inherit;
    position: relative;
    left: 2px;
    border: 8px solid transparent;
}

th.sorting_asc:after {
    content: "\f0d8";
    font-family: "Font Awesome 5 Free";
    /* ---  font-weight: 400; --- */
    font-style: normal;
    color: darkgrey;
    text-decoration: inherit;
    position: relative;
    left: 2px;
    border: 8px solid transparent;
}

th.sorting_desc:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    /* ---  font-weight: 400; --- */
    font-style: normal;
    color: darkgrey;
    text-decoration: inherit;
    position: relative;
    left: 2px;
    border: 8px solid transparent;
}

/* --- END DATATABLES --- */

/* --- START PROGRESSBARS --- */

.progress-bar-orange,
.widget.orange {
    background-color: #F37D29;
}

.progress-bar-blue {
    background-color: #5CA0DD;
}

.progress-bar-grey,
.widget.grey {
    background-color: #A9A9A9;
}

.text-blue {
    color: #5CA0DD;
}

.text-orange {
    color: #F37D29;
}

.text-grey {
    color: #A9A9A9;
}

.mini-chart {
    width: 120px;
}

.mini-chart span.label-mini-chart {
    margin-left: 5px;
    vertical-align: top;
}

/* --- END PROGRESSBARS --- */

/* --- START KALENDERSTATISTIK --- */

div.statistic-header {
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: black;
}

div.statistic-header > input {
    border: none;
    width: 30%;
    text-align: center;
    background-color: inherit;
}

div.statistic-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

div.statistic-table > div {
    display: table-cell;
    width: 2%;
}

div.statistic-table > div.statistic-table-header {
    text-align: center;
    color: black;
    border: 1px dotted grey;
    background-color: lightgray;
    font-size: 14px;
    font-weight: bold;
}

div.statistic-table > div.statistic-table-cell {
    color: black;
    border: 1px dotted lightgray;
}

div.statistic-table > div.statistic-table-cell > div {
    margin: 2px;
    padding: 5px;
}

div.statistic-table > div.statistic-table-cell > div.progress-bar-red,
div.statistic-table > div.statistic-table-cell > div.progress-bar-green {
    color: white;
}

/* --- END KALENDERSTATISTIK --- */

/* --- START DRAGBOX --- */

.contractBox {
    position: relative;
    width: 100%;
    min-height: 800px;
    border: 1px solid black;
}

.contractBox > img {
    position: relative;
    top: 0;
    left: 0;
}

.contractBox > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 30px;
    display: inline-block;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.8);
    color: white;
}

.contractBox > div span {
    margin-left: 5px;
    overflow: hidden;
}

.contractBox > div span.closable {
    float: right;
    color: darkred;
    margin-top: 5px;
    margin-right: 5px;
    overflow: hidden;
}

.contractBox > div select {
    display: inline;
    background: none;
    border: 0;
    max-width: 50%;
    overflow: hidden;
}

/* --- END DRAGBOX --- */

/* --- START LIVE-CHECKIN --- */

#mobile-cotrainer-header.pull-right {
    float: none !important;
}

.livepanel {
    display: block;
    width: 100%;
    padding: 1px 1px 1px 1px;
    margin-bottom: 4px;
}

.livepanel .card {
    position: relative;
    display: inline-block;
    border: 4px solid #00A000;
    border-radius: 5px;
    width: 380px;
    margin: 30px 5px 5px 5px;
    text-align: left;
    background-color: #e0ffe0;
    clear: both;
}

.livepanel #card-mobile {
    border: 4px solid #00A000;
    border-radius: 5px;
    background-color: #e0ffe0;
    margin-bottom: 5px;
    font-size: large;
}

.livepanel .card.danger,
.livepanel #card-mobile.danger {
    border-color: #ff3b37;
    background-color: #ffe0e0;
}

.livepanel .card.warning,
.livepanel #card-mobile.warning {
    border-color: #D0D000;
    background-color: #ffffe0;
}

.livepanel .card.info,
.livepanel #card-mobile.info {
    border-color: #3755ff;
    background-color: #d7f5ff;
}

.livepanel .card.inverse,
.livepanel #card-mobile.inverse {
    border-color: #000000;
    background-color: #dddddd;
}

.livepanel .card > div.image {
    display: flex;
    justify-content: center;
    float: left;
    height: 120px;
    width: 190px;
    margin-right: 10px;
    background-color: #00A000;
}

.livepanel .card.danger > div.image {
    background-color: #ff3b37;
}

.livepanel .card.warning > div.image {
    background-color: #D0D000;
}

.livepanel .card.info > div.image {
    background-color: #3755ff;
}

.livepanel .card.inverse > div.image {
    background-color: #000000;
}

.livepanel .card > div.image > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 4px;
}

.livepanel .card > div.image > div > img {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
}

.livepanel .card > div {
    font-size: 16px;
    color: black;
}

.livepanel .card > div.name {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 30px;
    margin-top: 5px;
}

.livepanel .card > i.fa-male,
.livepanel .card > i.fa-female {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.livepanel .card > div.ci {
    overflow: hidden;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 14px;
}

.livepanel .card > div.status {
    margin-top: 5px;
    font-size: 20px;
}

.livepanel .card > span.badge,
.livepanel .card > span.badge ul.dropdown-menu,
.livepanel #card-mobile > span.badge,
.livepanel #card-mobile > span.badge ul.dropdown-menu {
    background-color: #00A000;
}

.livepanel .card.danger > span.badge,
.livepanel .card.danger > span.badge ul.dropdown-menu,
.livepanel #card-mobile.danger > span.badge,
.livepanel #card-mobile.danger > span.badge ul.dropdown-menu {
    background-color: #ff3b37;
}

.livepanel .card.warning > span.badge,
.livepanel .card.warning > span.badge ul.dropdown-menu,
.livepanel #card-mobile.warning > span.badge,
.livepanel #card-mobile.warning > span.badge ul.dropdown-menu {
    background-color: #D0D000;
}

.livepanel .card.info > span.badge,
.livepanel .card.info > span.badge ul.dropdown-menu,
.livepanel .card-mobile.info > span.badge,
.livepanel #card-mobile.info > span.badge ul.dropdown-menu {
    background-color: #3755ff;
}

.livepanel .card.inverse > span.badge,
.livepanel .card.inverse > span.badge ul.dropdown-menu,
.livepanel #card-mobile.inverse > span.badge,
.livepanel #card-mobile.inverse > span.badge ul.dropdown-menu {
    background-color: #000000;
}

.livepanel .card > span.badge ul.dropdown-menu > li > a:hover,
.livepanel #card-mobile > span.badge ul.dropdown-menu > li > a:hover {
    background-color: #006000;
}

.livepanel .card.danger > span.badge ul.dropdown-menu > li > a:hover,
.livepanel #card-mobile.danger > span.badge ul.dropdown-menu > li > a:hover {
    background-color: #600000;
}

.livepanel .card.warning > span.badge ul.dropdown-menu > li > a:hover,
.livepanel #card-mobile.warning > span.badge ul.dropdown-menu > li > a:hover {
    background-color: #808000;
}

.livepanel .card.info > span.badge ul.dropdown-menu > li > a:hover,
.livepanel #card-mobile.info > span.badge ul.dropdown-menu > li > a:hover {
    background-color: #3700ff;
}

.livepanel .card.inverse > span.badge ul.dropdown-menu > li > a:hover,
.livepanel #card-mobile.inverse > span.badge ul.dropdown-menu > li > a:hover {
    background-color: #000000;
}

.livepanel .card > span.badge ul.dropdown-menu > li > a,
.livepanel #card-mobile > span.badge ul.dropdown-menu > li > a {
    color: white;
}

.livepanel .card.warning > span.badge ul.dropdown-menu > li > a,
.livepanel #card-mobile.warning > span.badge ul.dropdown-menu > li > a {
    color: black;
}

.livepanel .card > span.badge-new {
    position: absolute;
    top: -17px;
    left: -4px;
}

.livepanel .card > span.badge-menu {
    cursor: pointer;
    position: absolute;
    width: 32px;
    height: 26px;
    right: -4px;
    top: -26px;
}

.livepanel .card > span.badge-menu > i {
    margin-top: 2px;
}

.livepanel .card > span.badge-coach {
    position: absolute;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    width: 200px;
    height: 26px;
    left: 165px;
    top: -26px;
}

.bwizard-buttons li > a {
    border-radius: 3px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
}

/* --- END LIVE-CHECKIN --- */

/* --- START SURVEY --- */

.survey-questions-header {
    background-color: white;
    border-bottom: 2px solid #ccd0d4;
    padding: 5px 0;
}

.survey-questions-body,
.survey-questions-body-2row {
    background-color: white;
    padding: 3px 0;
}

.survey-questions-body.even,
.survey-questions-body-2row.even {
    background-color: lightgrey;
}

.survey-questions-body > div.number {
    text-align: center;
    font-weight: bold;
    margin-top: 7px;
}

.survey-questions-body > div.question {
    font-weight: bold;
    font-size: 14px;
    margin-top: 7px;
}

.survey-questions-body > div.action,
.survey-questions-footer > div.action {
    text-align: center;
}

.survey-questions-body > div.action > i,
.survey-questions-footer > div.action > i {
    margin-top: 8px;
}

.survey-questions-footer {
    border-top: 2px solid #ccd0d4;
    padding: 3px 0;
}

.survey-questions-body-2row label {
    margin-top: 14px;
}

.survey-questions-body-2row span.checkbox-inline,
.survey-questions-body-2row span.radio-inline {
    margin-left: 0;
    margin-right: 10px;
}

.tags > .tag-list > .tag-item {
    background: #dbf0f7;
    border: 0;
}

.tags > .tag-list > .tag-item.selected {
    background: #ff5b57;
    border: 0;
}

.rzslider {
    margin: 35px 0;
}

.rzslider .rz-tick-legend {
    max-width: 100px;
    white-space: nowrap;
}

.rzslider .rz-tick:last-child .rz-tick-legend,
.rzslider .rz-tick:last-child .rz-tick-value {
    transform: translate(-90%, 0);
}

.rzslider .rz-pointer {
    background-color: #2a72b5;
}

.rzslider .rz-pointer.rz-active:after {
    background-color: #ffffff;
}

.rzslider .rz-ticks .rz-tick:nth-child(2n) .rz-tick-value {
    top: 20px;
}

/* --- END SURVEY --- */

/* --- START STATISTIC --- */

tr.stat.twocol > td.col-header {
    vertical-align: middle;
}

tr.stat.twocol .big-textcell {
    text-align: center;
    font-size: 18px;
}

tr.stat.twocol .sec-col-cell {
    text-align: center;
    width: 50%;
}

.text-stat-female {
    color: #F06000;
}

.text-stat-male {
    color: #0000A0;
}

/* --- END STATISTIC --- */

.content.alert,
.content.alert .note {
    margin-bottom: 0;
}

.content.nomenu {
    margin: 100px auto;
    width: 400px;
    background-color: #FFFFFF;
}

.content.nomenu h3 {
    margin: 10px 0 20px 0;
}

.form-group {
    margin-bottom: 5px;
}

.form-horizontal .form-group > label {
    text-align: left;
    padding-top: 10px;
}

.radio > label,
.checkbox > label {
    padding-top: 3px;
}

.panel .tab-content {
    margin-bottom: 0;
}

.right-top {
    position: absolute;
    top: 0;
    right: 10px;
}

.divider {
    border-bottom: 1px solid #CCCCCC;
    margin: 10px 0;
}

.border-right {
    border-right: 1px solid #CCCCCC;
}

h1 > span.lock-text {
    padding: 5px 10px 5px 5px;
    color: darkred;
}

h1 > span.lock-text > i {
    margin: 0 10px;
}

input[type=checkbox],
input[type=radio] {
    margin: 3px 0 0;
}

input.ng-invalid.ng-touched,
select.ng-invalid.ng-touched,
textarea.ng-invalid.ng-touched {
    color: #333;
    background: #ffdedd;
    border: 1px solid #ff5b57;
}

hr {
    border-top: 1px solid #333;
}

[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.pointer {
    cursor: pointer;
}

.not-allowed {
    cursor: not-allowed;
}

.animate-show.ng-hide {
    line-height: 0;
    padding: 0;
    height: 0;
    margin-bottom: -21px;
}

.image-center {
    display: flex;
    justify-content: center;
}

tr > td.hoverable:hover {
    text-decoration: underline;
    cursor: pointer;
}

table > tbody > tr.va-middle > td {
    vertical-align: middle;
}

.text-link {
    color: #49b6d6 !important;
    text-decoration: underline;
    cursor: pointer;
}

.fa-female {
    color: #FFB6C1;
}

.fa-male {
    color: #7FDBFF;
}

.text-disabled {
    color: #CCCCCC;
}

.item.item-thumbnail > img {
    width: 100%;
}

.modal-body.scrollable {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

input[type=checkbox],
input[type=radio],
a,
select {
    cursor: pointer;
}

.tooltip-inner {
    max-width: 300px;
}

.content-centered:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.content-centered > .centered {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 100;
}

.chartjs-tooltip-key {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

@media (min-width: 1400px) {
    #pad-menu {
        display: none;
    }
}

@media (max-width: 700px) {
    #mobile-pad-image-member,
    #mobile-pad-member-details-memos,
    #pad-image-status {
        display: none;
    }
}

@media (min-width: 1371px) {
    #mobile-pad-member-details-memos,
    #mobile-pad-image-member,
    #pad-image-status {
        display: none;
    }
}

@media (min-width: 701px) and (max-width: 1370px) {
    #mobile-image-member,
    #desktop-image-member,
    #mobile-member-details-memos,
    #mobile-retention-image {
        display: none;
    }
}

@media (min-width: 661px) and (max-width: 1399px) {
    #desktop-menu {
        display: none;
    }
}

@media (max-width: 660px) {
    #pad-menu {
        display: none;
    }
}

@media (min-width: 861px) {
    #mobile-timeline-header {
        display: none;
    }

    #mobile-timeline-icons-1 {
        display: none;
    }
}

@media (max-width: 499px) {
    #desktop-timeline {
        display: none;
    }

    #desktop-timeline-header {
        display: none;
    }
}

@media (max-width: 1400px) {
    #desktop-image-member {
        display: none;
    }
}

@media (max-width: 860px) {
    #buttons-desktop-small {
        display: none;
    }

    #desktop-timeline-header {
        display: none;
    }

    #desktop-member-details-contracts {
        display: none;
    }

    #desktop-member-details-buttons {
        display: none;
    }

    #desktop-member-details-tabs {
        display: none;
    }

    #pad-member-details-buttons {
        display: none;
    }

    #pad-member-details-tabs {
        display: none;
    }

    #desktop-pad-member-search-table {
        display: none;
    }

    #desktop-pad-member-search-table-2 {
        display: none;
    }

    #mobile-member-search-table div .dt-buttons {
        display: none;
    }

    #mobile-member-search-table-2 div .dt-buttons {
        display: none;
    }

    #mobile-member-search-table-last div .dt-buttons {
        display: none;
    }

    #desktop-pad-member-search-table-last {
        display: none;
    }

    #desktop-member-details-tabs-error {
        display: none;
    }

    #desktop-timeline {
        display: none;
    }

    #training-desktop {
        display: none;
    }

    #buttons-desktop {
        display: none;
    }

    #buttons-mobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .panel-body .bg-silver {
        padding: 0px 0px !important
    }

    #mobile-member-details-buttons {
        display: inline-flex;
        justify-content: center;
        width: 100%
    }
}

@media (min-width: 861px) and (max-width: 1199px) {
    #mobile-timeline-header {
        display: none;
    }

    #mobile-timeline-icons-1 {
        display: none;
    }

    #training-mobile {
        display: none;
    }

    #buttons-desktop {
        display: none;
    }

    #buttons-mobile {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 860px) {
    .timeline .timeline-icon {
        position: absolute !important;
    }
}

@media (min-width: 861px) and (max-width: 1400px) {
    div #timeline-mobile.col-md-4.col-xs-12 {
        height: auto;
    }

    #desktop-member-details-contracts {
        display: none;
    }

    #desktop-member-details-tabs-error {
        display: none;
    }

    #mobile-member-search-table {
        display: none;
    }

    #mobile-member-search-table-2 {
        display: none;
    }

    #member-activity-list-mobile {
        display: none;
    }

    #mobile-member-search-table-last {
        display: none;
    }

    #pad-member-details-tabs {
        display: none;
    }

    #pad-member-details-buttons {
        display: none;
    }

    #desktop-member-details-buttons {
        display: none;
    }

    #desktop-member-details-tabs {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    #mobile-timeline-icons-1 {
        display: none;
    }

    #mobile-timeline-header {
        display: none;
    }

    #buttons-desktop {
        display: none;
    }

    #buttons-mobile {
        display: none;
    }
}

@media (max-width: 1400px) {
    #desktop-trainings {
        display: none;
    }
}

@media (min-width: 1401px) {
    #mobile-timeline-icons-1 {
        display: none;
    }

    #buttons-desktop-small {
        display: none;
    }

    #trainings-small {
        display: none;
    }

    #mobile-member-details-contracts-one-tab {
        display: none;
    }

    #mobile-image-member {
        display: none;
    }

    #mobile-image-retention {
        display: none;
    }

    #mobile-member-details-one-tarifs {
        display: none;
    }

    #mobile-member-details-memos {
        display: none;
    }

    #mobile-member-details-recomms {
        display: none;
    }

    #pad-member-details-buttons {
        display: none;
    }

    #pad-member-details-tabs {
        display: none;
    }

    #mobile-timeline-header {
        display: none;
    }

    #mobile-timeline-icons-1 {
        display: none;
    }

    #training-mobile {
        display: none;
    }

    #buttons-mobile {
        display: none;
    }

    #mobile-member-search-table {
        display: none;
    }

    #mobile-member-search-table-2 {
        display: none;
    }

    #mobile-member-search-table div .dt-buttons {
        display: none;
    }

    #mobile-member-search-table-2 div .dt-buttons {
        display: none;
    }

    #mobile-member-search-table-last {
        display: none;
    }

    #mobile-member-search-table-last div .dt-buttons {
        display: none;
    }

    #mobile-member-details-one-tab {
        display: none;
    }

    #mobile-member-details-one-tab-error {
        display: none;
    }

    #mobile-member-details-contracts {
        display: none;
    }

    #mobile-member-details-contracts-error {
        display: none;
    }

    #mobile-member-details-tarifs {
        display: none;
    }

    #mobile-member-details-buttons {
        display: none;
    }

    #mobile-member-details-tabs {
        display: none;
    }
}

@media (min-width: 860px) and (max-width: 1400px) {
    #desktop-timeline-width-auto {
        height: auto !important;
    }
}

@media (min-width: 1401px) and (max-width: 1550px) {
    #desktop-member-details-tabs {
        font-size: 11px;
    }
}

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

/*#mobile-member-search-table {*/

/*display: none;*/

/*}*/

/*}*/

@media (max-width: 780px) {
    .page-header-fixed {
        padding-top: 70px;
    }

    #search-member-content {
        width: 100% !important;
    }

    #search-member-mobile {
        width: 100%
    }

    #search-member-text {
        font-size: 14px;
        text-align: center;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    .breadcrumb-search {
        margin-top: 5px !important;
    }

    #home-breadcrumb {
        width: 100%
    }

    ol.breadcrumb > li {
        display: inherit;
    }
}

@media (max-width: 1086px) {
    .bwizard-steps li {
        float: left !important;
        width: 100% !important;
    }

    #search-member-mobile {
        width: 100% !important;
    }

    #search-member-mobile-button {
        position: unset !important;
        width: 100% !important;
        margin-top: 5px;
    }
}

@media (max-width: 1369px) {
    #desktop-lead-details-tabs {
        display: none;
    }

    #desktop-image-lead {
        display: none;
    }

    #desktop-image-retention {
        display: none;
    }

    #mobile-image-lead {
        display: initial;
    }

    #mobile-image-retention {
        display: initial;
    }
}

@media (min-width: 1371px) {
    #desktop-image-lead {
        width: 280px;
    !important;
    }

    #desktop-image-retention {
        width: 280px;
    !important;
    }
}

@media (min-width: 1370px) {
    #mobile-lead-details-one-tab {
        display: none;
    }

    #mobile-image-lead {
        display: none;
    }

    #mobile-retention-image {
        display: none;
    }
}

#mobile-image-lead p {
    float: none !important;
    padding-left: 0px !important;
}

#mobile-image-lead i {
    float: none !important;
    padding-left: 0px !important;
    width: auto !important;
}

#mobile-image-lead p .p-empfehlung-activ {
    display: initial !important;
}

#mobile-image-lead p {
    display: initial !important;
}

@media (max-width: 589px) {
    div.statistic-header > input {
        font-size: 10px;
        width: 55% !important;
    }
}

.navbar-toggle {
    margin-right: 0px !important;
}

@media (max-width: 779px) {
    #desktop-survey-question {
        display: none;
    }

    #mobile-survey-question {
        width: 100%;
    }
}

@media (min-width: 780px) {
    #mobile-survey-question {
        display: none;
    }
}

@media (max-width: 700px) {
    #minified-button-mobile {
        display: none;
    }
}

@media (max-width: 600px) {
    #mobile-survey-question .rzslider {
        width: 500px !important;
    }
}

@media (max-width: 359px) {
    .member-count-mobile canvas,
    .member-change-year-mobile canvas,
    .mobile-article-year canvas,
    .mobile-retention-year canvas,
    #mobile-lead-year canvas,
    .mobile-lead-year canvas,
    .mobile-member-activity-year canvas,
    .mobile-member-offtime-year canvas,
    .mobile-member-offtime-month canvas,
    .mobile-member-age-month canvas,
    .mobile-member-contracts-year canvas,
    .mobile-member-contracts-month canvas {
        width: 500px !important;
        height: 350px !important;
    }

    .mobile-article-month canvas {
        width: 500px !important;
        height: 350px !important;
    }

    .mobile-member-age-year canvas {
        width: 550px !important;
        height: 350px !important;
    }
}

@media (min-width: 360px) and (max-width: 600px) {
    .member-count-mobile canvas,
    .member-change-year-mobile canvas,
    .mobile-article-year canvas,
    .mobile-retention-year canvas,
    #mobile-lead-year canvas,
    .mobile-lead-year canvas,
    .mobile-member-activity-year canvas,
    .mobile-member-offtime-year canvas,
    .mobile-member-offtime-month canvas,
    .mobile-member-age-month canvas,
    .mobile-member-contracts-year canvas,
    .mobile-member-contracts-month canvas {
        width: 500px !important;
        height: 250px !important;
    }

    .mobile-article-month canvas {
        width: 500px !important;
        height: 250px !important;
    }

    .mobile-member-age-year canvas {
        width: 550px !important;
        height: 250px !important;
    }
}

@media (max-width: 800px) {
    #co-trainer-image-desktop {
        display: none !important;
    }

    #co-trainer-dropdown-desktop {
        display: none !important;
    }

    #livepanel-desktop {
        display: none !important;
    }
}

@media (min-width: 801px) {
    #co-trainer-image-mobile {
        display: none !important;
    }

    #co-trainer-dropdown-mobile {
        display: none !important;
    }

    #livepanel-mobile {
        display: none !important;
    }
}

@media (max-width: 450px) {
    #status-buttons button,
    #retention-mobil-filter button,
    #retention-mobil-filter div button,
    #filter-buttons div button,
    #filter-buttons button {
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    #desktop-kursauslastung {
        display: none;
    }
}

@media (min-width: 501px) {
    #mobile-kursauslastung {
        display: none;
    }
}

@media (max-width: 768px) {
    .studio-mobile-padding {
        padding-left: 14px;
    }

    .search .navbar-form .btn-search-mobile {
        padding-left: 5px;
        position: absolute;
        right: 15px;
        top: 12px;
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        border: none;
        background: none;
        -webkit-border-radius: 0 30px 30px 0;
        -moz-border-radius: 0 30px 30px 0;
        border-radius: 0 30px 30px 0;
    }

    .search .navbar-form .btn-search {
        display: none;
    }

    .studio-desktop {
        display: none;
    }
}

@media (min-width: 769px) {
    .search .navbar-form .btn-search-mobile {
        display: none;
    }

    .studio-mobile {
        display: none;
    }
}

@media (max-width: 699px) {
    #navbar-desktop {
        display: none;
    }
}

@media (min-width: 700px) {
    #navbar-mobile {
        display: none;
    }
}

.padding-notactiv {
    padding-top: 15px;
}

.step {
    color: #AEB7BD;
}

.thumbnail-background-grey {
    background-color: lightgrey;
}

.thumbnail-isMember {
    background-color: white;
    cursor: pointer
}

.checkout-header {
    padding: 25px 30px
}

.checkout {
    background: #fff;
    border-radius: 6px
}

.checkout-header {
    background: #586269;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.checkout-header .row > div + div {
    border-left: 1px solid #3E4A52
}

.step:after,
.step:before {
    content: '';
    display: table;
    clear: both
}

.step a {
    color: #AEB7BD;
    display: block;
    text-decoration: none
}

.step .number,
.number-one {
    float: left;
    font-size: 24px;
    font-weight: 300;
    width: 30px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative
}

.step .number:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px;
    background: #AEB7BD
}

.step .number-one:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px;
    background: white
}

.step.active .number:before {
    background: #00acac
}

.step.active .number-one:before {
    background: white
}

.step .info {
    margin-left: 40px
}

.step .desc {
    font-size: 13px;
    color: #AEB7BD
}

.step .title {
    font-size: 16px
}

.step.active .number,
.step.active .number-one,
.step.active .title {
    color: #fff
}

.popular-tags {
    list-style-type: none;
    margin: 0;
}

.popular-tags > li {
    display: inline-block;
    margin-right: 3px;
}

.popular-tags > li > a {
    padding: 3px 10px;
    border-radius: 0;
    border: 2px solid #ccc;
    color: black;
    display: inline-block;
}

.item {
    background: #fff;
}

.item.item-thumbnail {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c5ced4;
}

.item.item-thumbnail a,
.item.item-thumbnail a:hover,
.item.item-thumbnail a:focus {
    text-decoration: none;
}

.item.item-thumbnail .item-image {
    height: 130px;
    text-align: center;
    padding: 15px;
    line-height: 100px;
    display: block;
    position: relative;
}

.item.item-thumbnail .item-image .discount {
    position: absolute;
    bottom: 0;
    right: 15px;
    line-height: 20px;
    padding: 2px 10px;
    color: #fff;
    background: #2d353c;
    font-weight: 600;
    font-size: 13px;
}

.item.item-thumbnail .item-image img {
    max-width: 100%;
    max-height: 100%;
}

.item.item-thumbnail .item-info {
    padding: 15px;
    text-align: center;
}

.item.item-thumbnail .item-title {
    margin: 0 0 3px;
}

.item.item-thumbnail .item-title,
.item.item-thumbnail .item-title a {
    font-weight: 600;
    color: #212121;
    font-size: 14px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}

.item.item-thumbnail .item-title a:hover,
.item.item-thumbnail .item-title a:focus {
    color: #009688;
}

.item.item-thumbnail .item-desc {
    margin: 0;
    font-size: 12px;
    color: #707478;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-copyright {
    font-size: 12px;
    color: #a8acb1;
    background: #1d2226;
    padding: 15px 0;
}

.thumbnail-background-grey {
    background-color: lightgrey;
}

.app-modal-window .modal-dialog {
    width: 1000px;
}

#search-member-text {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

#search-member-mobile-button {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.checkout-message {
    padding: 20px 40px;
}

.checkout-message h1 {
    margin: 0 0 30px;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}

.checkout-message h1 small {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 5px;
}

.checkout-body {
    padding: 25px 30px;
}

.table.table-payment-summary {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.table.table-payment-summary th,
.table.table-payment-summary td {
    padding: 10px 15px;
    font-size: 16px;
}

.table.table-payment-summary .field {
    font-weight: 600;
    text-align: right;
    width: 50%;
}

.table.table-payment-summary .product-summary .product-summary-img {
    float: left;
    width: 120px;
    margin-right: 10px;
}

.table.table-payment-summary .product-summary .product-summary-img img {
    max-width: 100%;
}

.table.table-payment-summary .product-summary .product-summary-info .title {
    font-weight: 600;
    font-size: 16px;
}

.table.table-payment-summary .product-summary .product-summary-info .desc {
    font-size: 14px;
    color: #9c9c9c;
}

.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
    height: unset !important;
}

.notify-badge {
    position: absolute;
    background: rgba(0, 0, 255, 1);
    height: 2rem;
    top: 1rem;
    right: 1.5rem;
    width: 2rem;
    text-align: center;
    line-height: 2rem;;
    font-size: 1rem;
    border-radius: 50%;
    color: white;
    border: 1px solid blue;
}

div.size-modal-class > div.modal-dialog {
    width: 1200px !important;
    height: 1100px !important;
}

div.size-modal-class > div.modal-dialog > div.modal-content {
    padding: 10px;
}

.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.switchery > small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    height: 30px;
    position: absolute;
    top: 0;
    width: 30px;
}

.position-question {
    margin-top: 300px
}

.panel-inverse-disabled {
    background: grey;
    color: #fff;
}

.panel-inverse-item-disabled {
    color: rgb(92, 92, 92);
}

.panel-inverse-item {
    color: #fff;
}

.orange-color {
    color: orange;
}

.red-color {
    color: red;
}

.blue-color {
    color: blue;
}

.green-color {
    color: green;
}

.grey-color {
    color: grey;
}

.warning-status {
    background-color: orange;
    color: white;
}

.default {
    background-color: darkgrey;
}

.success-status {
    background-color: #00acac;
    color: white;
}

.danger-status {
    background-color: red;
    color: white;
}

.nav-tabs #tabs-terminmaske > li.active > a,
.nav-tabs #tabs-terminmaske > li.active > a:focus,
.nav-tabs #tabs-terminmaske > li.active > a:hover {
    background: #2d353c;
}

.payed-appointment {
    color: green;
}

.notpayed-appointment {
    color: red;
}

.default-color {
    color: grey;
}

.bar-btn-dropdown.dropdown.btn.btn-default {
    padding: 0;
}

.btn.btn-blue.dropdown-toggle {
    background: #b6c2c9;
    border-color: #b6c2c9;
    height: 100%;
}

.btn-blue {
    background-color: #00acac;
    color: #fff;
    border-color: #2d353c;
}

.nav.nav-tabs.nav-tabs-inverse.serie > li.active > a {
    background: #d9e0e7 !important;
}

.terminart-choosen {
    color: #00acac;
    font-weight: 800;
}

.new-series {
    /* background-color: #2d353c !important; */
    color: lightgrey !important;
}

.tooltip-position-new-serie {
    position: absolute !important;
    margin-top: 20%;
}

input[type=date]::-webkit-outer-spin-button,

    /* Removes arrows */

input[type=date]::-webkit-inner-spin-button,

    /* Removes arrows */

input[type=date]::-webkit-clear-button,
input[type=time]::-webkit-outer-spin-button,

    /* Removes arrows */

input[type=time]::-webkit-inner-spin-button,

    /* Removes arrows */

input[type=time]::-webkit-clear-button {
    /* Removes blue cross */
    -webkit-appearance: none;
    margin: 0;
}

input::-webkit-calendar-picker-indicator {
    opacity: 100;
}

.ib-container {
    text-align: center;
}

.ib-container > .ib {
    display: inline-block;
}

.ib-container > .ib.memberships {
    display: inline-grid;
}

.row.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row.row-eq-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.vl {
    border-left: 1px solid lightgrey;
    height: 100%;
    position: absolute;
    top: 0;
}

.vl.left {
    left: -20px;
}

.vl.right {
    right: -15px;
}

.vl > .vcenter {
    color: lightgrey;
    position: relative;
    top: 50%;
    cursor: pointer;
}

.vl.left > .vcenter {
    left: 2px;
}

.vl.right > .vcenter {
    right: 18px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pin {
    position: absolute;
}

.pin.right-top {
    top: 5px;
    right: 5px;
}

.survey-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 20px 5px 10px;
    background: #1b1f24;
    color: #fff;
    border-radius: 20px 0 0 20px;
}

#device-reader {
    background-color: #333;
}

.device-reader-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    user-select: none;
}

.device-reader-text {
    padding: 80px;
}

.device-reader-text:first-of-type {
    padding: 50px;
}

.device-reader-container > button {
    margin: 8px;
    /* flex-basis: 250px; */
}

.device-geraet-card {
    width: 200px;
    margin: 8px;
}

.device-reader-thumbnail {
    background-color: #2c3449;
}

.device-selected {
    box-shadow: 0 0 0 2pt #ddd;
}

.profile-image {
    display: flex;
    justify-content: center;
}

/*  Block Datum Uhrzeit */

@media (min-width: 480px) {
    #date-terminmaske {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 30px;
        width: 64%;
        float: left
    }

    #time-from-terminmaske {
        width: 30%;
        float: left;
    }

    #time-to-terminmaske {
        width: 30%;
        float: left;
    }
}

@media (max-width: 479px) {
    #date-terminmaske {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 30px;
        width: 100%;
        float: left
    }

    #time-from-terminmaske {
        width: 45%;
        float: left;
    }

    #time-to-terminmaske {
        width: 49%;
        float: left;
    }
}

@media (min-width: 1200px) and (max-width: 1545px) {
    #date-terminmaske {
        width: 100%;
    }

    #time-from-terminmaske,
    #time-to-terminmaske {
        width: 45%
    }
}

/* Block Resources */

@media (max-width: 1199px) {
    #resources-terminmaske-desktop {
        display: none;
    }
}

@media (min-width: 1200px) {
    #resources-terminmaske-mobil {
        display: none;
    }
}

/* Block Status */

@media (max-width: 1199px) {
    #status-terminmaske-mobil {
        text-align: center;
    }

    #status-count-terminmaske-mobil {
        margin-left: 40%;
    }
}

@media (min-width: 1200px) {
    #status-terminmaske-mobil {
        margin-bottom: 38px;
    }
}

/* Block Image Terminart */

@media (max-width: 650px) {
    #image-terminmaske-mobil,
    #noimage-terminmaske-mobil {
        height: 200px;
    }
}

@media (min-width: 651px) {
    #image-terminmaske-mobil,
    #noimage-terminmaske-mobil {
        height: 312px;
    }
}

/* Block Status, Height Tab Reserv + Waitlist */

@media (max-width: 1400px) {
    #status-terminamske-width,
    #statistik-terminmaske-width {
        width: 100%
    }

    #tab-content-terminmaske,
    #tab-content-terminmaske-waitlist {
        height: 738px;
    }
}

@media (min-width: 1401px) {
    #tab-content-terminmaske,
    #tab-content-terminmaske-waitlist {
        height: 613px;
    }
}

/* Edit Maske */

@media (max-width: 560px) {
    #edit-terminmaske-persondaten {
        width: 88%;
    }

    #image-edit-terminamske {
        width: 95%;
    }
}

/* Badge */

@media (min-width: 865px) and (max-width: 1199px) {
    #badge-terminmaske-0 {
        margin-left: 57%
    }
}

@media (min-width: 768px) and (max-width: 864px) {
    #badge-terminmaske-0 {
        margin-left: 78%
    }
}

@media (min-width: 620px) and (max-width: 767px) {
    #badge-terminmaske-0 {
        margin-left: 60%
    }
}

@media (min-width: 515px) and (max-width: 619px) {
    #badge-terminmaske-0 {
        margin-left: 71%
    }
}

@media (max-width: 514px) {
    #badge-terminmaske-0 {
        margin-left: 81%
    }
}

@media (min-width: 490px) and (max-width: 879px) {
    #badge-terminmaske-1,
    #badge-terminmaske-2 {
        margin-left: 66%;
    }
}

@media (min-width: 415px) and (max-width: 490px) {
    #badge-terminmaske-1,
    #badge-terminmaske-2 {
        margin-left: 83% !important;
    }
}

@media (min-width: 370px) and (max-width: 414px) {
    #badge-terminmaske-1,
    #badge-terminmaske-2 {
        margin-left: 95% !important;
    }
}

@media (max-width: 369px) {
    #badge-terminmaske-1,
    #badge-terminmaske-2 {
        margin-left: 100% !important;
    }
}

/* Reserv. > 3 */

@media (min-width: 951px) {
    #table-reservations-mobile-4 {
        display: none;
    }

    #mobile-4-person {
        width: 25%;
    }
}

@media (min-width: 800px) and (max-width: 950px) {
    #mobile-4-person {
        width: 33%;
    }
}

@media (max-width: 799px) {
    #mobile-4-person {
        width: 50%;
    }
}

@media (max-width: 950px) {
    #table-reservations-4 {
        display: none;
    }
}

/* Mobile Desktop 1, 2-3 */

@media (max-width: 879px) {
    #table-persondaten-reservations-1,
    #table-persondaten-reservations-2,
    #table-persondaten-waitlist-1,
    #table-persondaten-waitlist-2 {
        display: none;
    }
}

@media (min-width: 880px) {
    #table-persondaten-reservations-mobile-2,
    #table-persondaten-waitlist-mobile-2,
    #table-persondaten-reservations-mobile-1,
    #table-persondaten-waitlist-mobile-1 {
        display: none;
    }
}

/* Terminarten PopUp */

.content-inputColumn {
    float: left;
    width: 84%;
}

.content-imageColumn {
    float: left;
    width: 16%;
    height: 25%;
}

.modal-content-AppointmentType {
    height: 780px;
}

.modal-body-AppointmentType {
    height: 635px;
}

.texte-300 {
    height: 275px;
    overflow: auto;
    font-weight: normal
}

.ta-editor.form-control.onlineCoursebooking-toolbar, .ta-scroll-window.form-control.onlineCoursebooking-toolbar {
    height: 203px;
    min-height: 203px;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
}

.ta-editor.form-control.onlineCoursebooking, .ta-scroll-window.form-control.onlineCoursebooking {
    height: 252px;
    min-height: 252px;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
}

.list-Appointment-Resources {
    float: right;
    width: 100%;
    height: 350px;
    overflow: auto
}

.list-Resources {
    float: right;
    width: 100%;
    height: 225px;
    overflow: auto
}

.div-flex {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.image-scale-down {
    max-width: 100%;
    float: right;
    overflow: auto;
    object-fit: scale-down;
}

.image-scale-down-fixed {
    max-width: 100%;
    height: 100%;
    float: right;
    overflow: auto;
    object-fit: cover;
}

/* Ressourcen PopUp */

.resources-panel-inverse-item-disabled {
    color: rgb(127, 127, 127);
}

.resources-panel-inverse-disabled > .panel-heading {
    background: grey;
    color: #fff;
}

/* Terminliste */

.appointment-Col-bold {
    font-weight: bold;
}

.appointment-Col-normal {
    font-weight: normal;
}

/* Termin Mitgliederansicht */

.member-view-small {
    display: inline-block;
    position: relative;
    width: 150px;
}

.member-view-full {
    display: block;
    position: relative;
    width: 100%;
}

/* Termine Mitgliederstatus Farben */

.member-status-r {
    color: orange
}

.member-status-k, .member-status-ka {
    color: red
}

.member-status-n, .member-status-ne {
    color: blue
}

.member-status-t {
    color: green
}

.member-status-a {
    color: grey
}

.termin-status-terminiert {
    color: orange;
}

.termin-status-abgesagt {
    color: red;
}

.termin-status-stattgefunden {
    color: #00acac
}

/* Club Tour */

.image-club-cover-fixed {
    max-width: 100%;
    height: 790px;
    float: right;
    overflow: auto;
    object-fit: contain;
}

.div-club-flex {
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: black;
    align-items: left;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 80px;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}

.ms_checked {
    border: 5px solid #00acac
}

.background_disabled {
    background-color: lightgrey;
}

.disabled_color {
    color: grey;
}

.work2 {
    position: relative;
}

.work2 > img {
    cursor: default;
    display: block;
}

.work2 > .desc {
    padding: 12px 15px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.work2 > .desc > .desc-title {
    color: #fff;
    font-size: 14px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}

.work2 > .desc > textarea {
    font-size: 12px;
    border: none;
    background: rgba(0, 0, 0, 0);
    resize: none;
    color: white;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.work2 > .desc > textarea::-webkit-scrollbar {
    width: 0.5em;
}

.work2 > .desc > textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgb(255, 255, 255);
    -webkit-border-radius: 1em;
}

.work2 > .desc > textarea::-webkit-scrollbar-thumb {
    background-color: #00acac;
    outline: 1px solid white;
}

.work2 > .desc:hover > textarea, .work > .desc:hover > textarea, .work2 > .desc > textarea:focus, .work > .desc > textarea:focus {
    display: initial !important;
    height: 200px !important;
}

.memo_height {
    height: 30px !important;
    display: unset !important;
}

.container_dashboard_undokumentierte {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 70px);
    justify-items: stretch;
    margin: 5px;
    color: white;
}

.item_dashboard_a {
    grid-column: 1/3;
    grid-row: 1/3;
    padding: 5px;
    border-top-left-radius: 3px;
}

.item_dashboard_c {
    grid-column: 3/5;
    grid-row: 1/2;
    padding: 5px;
    border-top-right-radius: 3px;
}

.item_dashboard_d {
    grid-column: 3/4;
    grid-row: 2/3;
    padding: 2px;
}

.item_dashboard_e {
    grid-column: 4/5;
    grid-row: 2/3;
    padding: 2px;
    border-bottom-right-radius: 3px;
}

.item_dashboard_f {
    grid-column: 9/11;
    grid-row: 1/2;
    padding: 5px;
    margin: 7px 7px 7px 0;
}

.flex_container_reservations {
    display: flex;
    justify-content: stretch;
    flex-flow: wrap;
}

.flex_container_dashboard {
    display: flex;
    justify-content: stretch;
    flex-flow: wrap;
}

.flex_container_dashboard_current {
    display: flex;
    justify-content: stretch;
    flex-flow: wrap;
}

/*.dashboard_accordion .panel-heading {*/
/*background-color: #00acac;*/
/*}*/

.dashboard_accordion > div > div > h3 > a > span {
    color: white !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.dashboard_accordion .accordion-body {
    background: #f0f3f4;
}

.duration_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 130px);
    justify-items: stretch;
    margin: 10px
}

.duration_item_a {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 35px 15px 15px 15px;
}

.duration_item_b {
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 15px;
}

.duration_item_c {
    grid-column: 3/4;
    grid-row: 1/2;
    padding: 35px 15px 15px 15px;
}

.duration_item_d {
    grid-column: 4/5;
    grid-row: 1/2;
    padding: 35px 15px 15px 15px;
}

.container_teilnehmer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 130px);
    justify-items: stretch;
}

.item-j {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 15px;
}

.item-k {
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 15px;
}

.close_document_container-1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 250px);
    justify-items: stretch;
}

.close_document_container-2 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 120px);
    justify-items: stretch;
}

.item-close-document-a {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 15px;
}

.item-close-document-b {
    grid-column: 1/3;
    grid-row: 1/2;
    padding: 15px;
    margin: 0 5px 5px 5px;
}

.item-close-document-c {
    grid-column: 3/5;
    grid-row: 1/2;
    padding: 15px;
    margin: 0 5px 5px 5px;
}

.item-close-document-d {
    grid-column: 5/7;
    grid-row: 1/2;
    padding: 15px;
    margin: 0 5px 5px 5px
}

.item-close-document-e {
    grid-column: 1/4;
    grid-row: 2/3;
    padding: 15px;
    margin: 5px 5px 5px 5px;
}

.item-close-document-f {
    grid-column: 4/7;
    grid-row: 2/3;
    padding: 15px;
    margin: 5px 5px 5px 5px
}

.edit_container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(1, 150px);
    justify-items: stretch;
}

.item-reservations > ul {
    background-color: #2d353c;
}

.item-reservations > ul > li > a {
    border: 0px;
}

.item-reservations > .nav-tabs > li:hover a, .item-reservations > .nav-tabs > li.active > a:hover,
.item-reservations > .nav-tabs > li.active:hover {
    border: none !important;
    background: none !important;
    color: #00adee !important;
}

.item-reservations > .nav-tabs > li.active:hover {
    border: none !important;
    background: #00acac !important;
    color: white !important;
}

.item-reservations > .nav-tabs > li a span {
    color: #00acac;
}

.item-reservations > .nav-tabs > li.active > a span {
    color: #000000;
}

.item-re-1 {
    grid-column: 1/3;
    grid-row: 1/2;
}

.item-re-2 {
    grid-column: 3/7;
    grid-row: 1/2;
}

.item-re-3 {
    grid-column: 7/8;
    grid-row: 1/2;
}

.item-reservations .tab-content {
    height: 610px;
}

.item-reservations .tab-content > div > div {
    height: 570px;
}

.item-reservations .tab-content > div > .reservations_ka {
    height: 470px;
}

.terminmaske_container {
    display: grid;
    margin: 15px;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(6, 130px);
    justify-items: stretch;
}

.terminmaske_buttons_container {
    display: grid;
    margin: 15px;
    grid-template-columns: repeat(18, 1fr);
    grid-template-rows: repeat(1, 30px);
    justify-items: stretch;
}

.item-button-a {
    grid-column: 1/4;
    grid-row: 1/2;
}

.item-button-b {
    grid-column: 4/7;
    grid-row: 1/2;
}

.item-button-c {
    grid-column: 5/8;
    grid-row: 1/2;
}

.item-button-d {
    grid-column: 9/10;
    grid-row: 1/2;
}

.item-button-e {
    grid-column: 10/13;
    grid-row: 1/2;
}

.item-button-f {
    grid-column: 13/15;
    grid-row: 1/2;
}

.item-button-g {
    grid-column: 15/17;
    grid-row: 1/2;
}

.item-button-h {
    grid-column: 17/19;
    grid-row: 1/2;
}

.image_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 110px);
    justify-items: stretch;
}

.item-image {
    grid-column: 1/4;
    grid-row: 1/4;
}

.item-memos {
    grid-column: 1/4;
    grid-row: 3/4;
}

.item-a {
    grid-column: 1/7;
    grid-row: 1/4;
}

.item-b {
    grid-column: 7/15;
    grid-row: 1/2;
    margin-left: 15px;
}

.item-c {
    grid-column: 1/4;
    grid-row: 4/5;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    overflow: hidden;
    margin: 0 5px 5px 0;
}

.item-d {
    grid-column: 4/7;
    grid-row: 4/5;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    overflow: hidden;
    margin: 0 0 5px 5px;
}

.item-e {
    grid-column: 1/3;
    grid-row: 5/6;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    overflow: hidden;
    margin: 5px 5px 5px 0;
}

.item-f {
    grid-column: 3/5;
    grid-row: 5/6;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    overflow: hidden;
    margin: 5px 5px 5px 5px;
}

.item-g {
    grid-column: 5/7;
    grid-row: 5/6;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    overflow: hidden;
    margin: 5px 0 5px 5px;
}

.item-h {
    grid-column: 1/4;
    grid-row: 6/7;
    border-radius: 3px;
    color: #fff;
    padding: 15px;
    overflow: hidden;
    margin: 5px 5px 0 0;
}

.item-i {
    grid-column: 4/7;
    grid-row: 6/7;
    border-radius: 3px;
    color: #fff;
    overflow: hidden;
    margin: 5px 0 0 5px;
}

.item-reservations {
    grid-column: 7/15;
    grid-row: 2/7;
    margin-left: 15px;
}

.reservations_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 187px);
    justify-items: stretch;
}

.item-pf-1 {
    grid-column: 1/2;
    grid-row: 1/2;
}

.item-pd-1 {
    grid-column: 2/5;
    grid-row: 1/2;
}

.item-pt-1 {
    grid-column: 1/6;
    grid-row: 1/2;
    margin-top: 15px;
}

.item-pf-2 {
    grid-column: 1/2;
    grid-row: 1/3;
}

.item-pd-2 {
    grid-column: 2/5;
    grid-row: 1/3;
}

.item-pt-2 {
    grid-column: 1/6;
    grid-row: 1/2;
    margin-top: 15px;
}

.item-pf-3 {
    grid-column: 1/2;
    grid-row: 3/4;
}

.item-pd-3 {
    grid-column: 2/5;
    grid-row: 3/4;
}

.item-pt-3 {
    grid-column: 1/6;
    grid-row: 2/4;
    margin-top: 15px;
}

@media (min-width: 1091px) {
    .item-a-mobile, .add_mobile_container {
        display: none;
    }

    .item-memo-mobile {
        display: none;
    }

}

@media (min-width: 1091px) and (max-width: 1300px) {
    .item-j {
        padding: 15px 0 11px 0;
    }

    .item-k {

        padding: 15px 5px 11px 3px;
    }
}

@media (max-width: 1250px) {
    .item-button-a {
        grid-column: 1/5;
        grid-row: 1/2;
    }

    .item-button-b {
        grid-column: 5/9;
        grid-row: 1/2;
    }

    /*.item-button-c {*/
    /*grid-column: 5/9;*/
    /*grid-row: 1/2;*/
    /*}*/
}

/*@media (min-width:1091px) and (max-width: 1490px) {*/
/*.item-h {*/
/*grid-column: 1/7;*/
/*grid-row: 5/6;*/
/*border-radius: 3px;*/
/*color: #fff;*/
/*padding: 15px;*/
/*overflow: hidden;*/
/*margin: 5px 0 5px 0;*/
/*}*/
/*.item-i {*/
/*grid-column: 1/7;*/
/*grid-row: 6/7;*/
/*border-radius: 3px;*/
/*color: #fff;*/
/*overflow: hidden;*/
/*margin: 5px 0 5px 5px;*/
/*}*/
/*}*/

@media (max-width: 1090px) {

    /*.item_dashboard_a {*/
    /*display: none;*/
    /*}*/
    /*.item_dashboard_c {*/
    /*grid-column: 1/5;*/
    /*grid-row: 1/2;*/
    /*padding:5px;*/
    /*margin:3px;*/
    /*}*/
    .edit_container {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(2, 160px);
        justify-items: stretch;
    }

    .item-re-1 {
        grid-column: 1/7;
        grid-row: 1/2;
        margin-bottom: 10px
    }

    .item-re-2 {
        grid-column: 1/7;
        grid-row: 2/3;
        margin-left: 10px
    }

    .item-re-3 {
        grid-column: 7/8;
        grid-row: 1/2;
    }

    .flex-mobile > div {
        flex: 1;
    }

    .reservations_container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 187px);
        justify-items: stretch;
    }

    .item-reservations .tab-content {
        height: 440px;
    }

    .item-reservations .tab-content > div > div {
        height: 400px;
    }

    .item-reservations {
        grid-column: 1/7;
        grid-row: 3/4;
        margin-left: 0;
        margin-top: 20px;
    }

    .item-pf {
        grid-column: 1/2;
        grid-row: 1/2;
    }

    .item-pd {
        grid-column: 2/5;
        grid-row: 1/2;
    }

    .item-pt {
        grid-column: 1/5;
        grid-row: 2/4;
        margin-top: 15px;
    }

    .item-memo-mobile {
        grid-column: 1/7;
        grid-row: 7/8;
        margin-bottom: 10px;
    }

    .item-b {
        grid-column: 1/7;
        grid-row: 2/3;
        margin-left: 0;
        margin-top: 10px
    }

    .add_mobile_container {
        display: grid;
        margin: 15px;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 130px);
        justify-items: stretch;
    }

    .terminmaske_container {
        display: grid;
        margin: 15px;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(10, 130px);
        justify-items: stretch;
    }

    .terminmaske_buttons_container {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 50px);
        justify-items: stretch;
    }

    .item-button-a {
        grid-column: 1/4;
        grid-row: 1/2;
    }

    .item-button-b {
        grid-column: 4/7;
        grid-row: 1/2;
    }

    .item-button-c {
        grid-column: 5/7;
        grid-row: 1/2;
    }

    .item-button-f {
        grid-column: 1/3;
        grid-row: 2/3;
    }

    .item-button-g {
        grid-column: 3/5;
        grid-row: 2/3;
    }

    .item-button-h {
        grid-column: 5/7;
        grid-row: 2/3;
    }

    .item-a {
        display: none;
    }

    .item-a-mobile {
        grid-column: 1/3;
        grid-row: 1/2;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-a-mobile > div {
        display: grid;
        justify-content: center;
    }

    .item-c {
        grid-column: 3/5;
        grid-row: 1/2;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 5px;
    }

    .item-d {
        grid-column: 5/7;
        grid-row: 1/2;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 5px;
    }

    .item-e {
        grid-column: 1/3;
        grid-row: 8/9;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-f {
        grid-column: 3/5;
        grid-row: 8/9;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 5px;
    }

    .item-g {
        grid-column: 5/7;
        grid-row: 8/9;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 0 5px 5px;
    }

    .item-h {
        grid-column: 1/4;
        grid-row: 9/10;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 5px 5px 0 0;
    }

    .item-i {
        grid-column: 4/7;
        grid-row: 9/10;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 0 0 5px;
    }

}

@media (max-width: 740px) {
    .search_person_desktop {
        display: none;
    }
}

@media (min-width: 741px) {
    .search_person_mobile {
        display: none;
    }
}

@media (max-width: 540px) {
    .item-reservations {
        grid-column: 1/7;
        grid-row: 4/5;
        margin-left: 0;
        margin-top: 20px;
    }

    .terminmaske_buttons_container {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(3, 50px);
        justify-items: stretch;
    }

    .item-button-a {
        grid-column: 1/4;
        grid-row: 1/2;
    }

    .item-button-b {
        grid-column: 1/7;
        grid-row: 2/3;
    }

    .item-button-c {
        grid-column: 4/7;
        grid-row: 2/3;
    }

    .item-button-f {
        grid-column: 4/7;
        grid-row: 1/2;
    }

    .item-button-g {
        grid-column: 1/4;
        grid-row: 3/4;
    }

    .item-button-h {
        grid-column: 4/7;
        grid-row: 3/4;
    }

    .item-a-mobile {
        grid-column: 1/7;
        grid-row: 1/2;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-a-mobile > div {
        display: grid;
        justify-content: center;
    }

    .item-memo-mobile {
        grid-column: 1/7;
        grid-row: 8/9;
        margin-bottom: 10px;
    }

    .item-c {
        grid-column: 1/4;
        grid-row: 2/3;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-d {
        grid-column: 4/7;
        grid-row: 2/3;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 5px;
    }

    .item-b {
        grid-row: 3/4;
    }

    .item-e {
        grid-column: 1/3;
        grid-row: 9/10;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-f {
        grid-column: 3/5;
        grid-row: 9/10;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 5px;
    }

    .item-g {
        grid-column: 5/7;
        grid-row: 9/10;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 0 5px 5px;
    }

    .item-h {
        grid-column: 1/4;
        grid-row: 10/11;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 5px 5px 0 0;
    }

    .item-i {
        grid-column: 4/7;
        grid-row: 10/11;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 0 0 5px;
    }
}

@media (max-width: 400px) {

    .terminmaske_container {
        display: grid;
        margin: 15px;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(13, 140px);
        justify-items: stretch;
    }

    .item-e {
        grid-column: 1/7;
        grid-row: 9/10;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-f {
        grid-column: 1/7;
        grid-row: 10/11;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-g {
        grid-column: 1/7;
        grid-row: 11/12;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .item-h {
        grid-column: 1/7;
        grid-row: 12/13;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 0 5px 5px 0;

    }

    .item-h p > span {
        font-size: 18px !important;
    }

    .item-i {
        grid-column: 1/7;
        grid-row: 13/14;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 0 5px 5px 0;
        font-size: 18px;
    }
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    height: 30px;
    text-transform: uppercase;
    color: white;
    border-color: white;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
    vertical-align: center;
}

.dropdown-content a:hover {
    background-color: grey;
}

.item-button-a:hover .dropdown-content {
    display: block;
}

.item-button-b:hover .dropdown-content {
    display: block;
}

.disabled-div {
    pointer-events: none;
    opacity: 0.5;
    background: #CCC;
}

.selected-member-background {
    background-color: limegreen;
}

.background-stattgefunden {
    background-color: #00acac;
}

.background-terminiert {
    background-color: orange;
}

.background-abgesagt {
    background-color: red;
}

.container_search_member {
    display: grid;
    margin: 15px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 20px);
    justify-items: stretch;
}

.item-a-search {
    grid-column: 1/2;
    grid-row: 1/5;
}

.item-b-search {
    grid-column: 2/4;
    grid-row: 1/2;
    padding: 5px;
}

.item-c-search {
    grid-column: 2/4;
    grid-row: 2/3;
    padding: 5px;
}

.item-d-search {
    grid-column: 2/4;
    grid-row: 3/4;
    padding: 5px;
}

.item-e-search {
    grid-column: 2/4;
    grid-row: 4/5;
    padding: 5px;
}

.item-f-search {
    grid-column: 4/6;
    grid-row: 1/2;
    padding: 5px;
}

.item-g-search {
    grid-column: 4/6;
    grid-row: 2/3;
    padding: 5px;
}

.item-h-search {
    grid-column: 4/6;
    grid-row: 3/4;
    padding: 5px;
}

.item-i-search {
    grid-column: 4/6;
    grid-row: 4/5;
    padding: 5px;
}

.search_member_panel .dataTables_wrapper {
    padding: 0;
}

.search_member_panel .panel {
    margin: 15px;
    border-radius: 13px;
}

.search_member_panel .panel-body {
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    padding: 0 0 10px 0;
    border: 1px solid black;
}

.search_member_panel .panel-heading {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    text-transform: uppercase;
    height: 50px;
}

.search_member_panel .panel-heading a {
    margin-top: 7px
}

.search_member_panel .panel-heading .panel-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
}

.info-cotrainer {
    color: blue;
}

.warning-cotrainer {
    color: orange;
}

.danger-cotrainer {
    color: red;
}

.inverse-cotrainer {
    color: black;
}

.nobedarf-cotrainer {
    color: #43B512;
}

.white-cotrainer {
    color: white;
}

.open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    background-color: #00acac;
}

.bedarf5_height {
    height: 250px;
}

.bedarf5_margin_top {
    margin-top: 190px
}

.field-icon-secret {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}

.success_color {
    color: #00acac !important;
}

.desc-title .popover,
.bild_aufnehmen .popover {
    max-width: unset;
    width: 365px;
}

.layer {
    position: relative;
    background: white
}

.layer-background {
    position: absolute;
    z-index: 1;
    background: white
}

.layer-grid {
    position: absolute;
    z-index: 2
}

.layer-items {
    position: absolute;
    z-index: 3
}

.layer-moving {
    position: absolute;
    z-index: 4
}

.layer-verticalControl {
    position: absolute;
    z-index: 5
}

.layer-horizontalControl {
    position: absolute;
    z-index: 6
}

.layer-contextMenuControl {
    position: absolute;
    z-index: 7;
}

.panel-title-routing {
    line-height: 40px;
    width: 120px;
}

.first_bedarf {
    bottom: 186px !important;
}

.second_bedarf {
    bottom: 147px !important;
}

.third_bedarf {
    bottom: 111px
}

.fourth_bedarf {
    bottom: 64px
}

.fived_bedarf {
    bottom: 37px
}

.live-care .popover {
    width: 220px !important
}

.cotrainer-popover .desc-title .popover {
    width: 250px;
}

.rowTable::before,
.rowTable::after {
    content: '';
    display: table;
    bottom: 186px !important;
}

.rowTable::after {
    clear: both;
    bottom: 147px !important;
}

.column-1-Center {
    width: 100%;
    height: 40px;
    float: left;
    text-align: Center;
    padding-top: 0.5em;
}

.column-2-Left {
    width: 50%;
    float: left;
    padding-bottom: 0.5em;
    bottom: 111px
}

.column-2-Right {
    width: 50%;
    float: left;
    text-align: right;
    padding-top: 0.5em;
    bottom: 64px
}

.column-3-Left {
    width: 38%;
    float: left;
    padding-bottom: 0.5em;
    bottom: 37px
}

.column-3-Center {
    width: 24%;
    float: left;
    text-align: center;
    padding-top: 0.5em;
}

.column-3-Right {
    width: 38%;
    float: left;
    text-align: right;
    padding-top: 0.5em;
}

.section-container {
    margin-bottom: 50px;
}

.section-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #222;
    top: 50%;
    margin-top: -1px;
    z-index: 0;
}

.sidebar-recent-post {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sidebar-recent-post > li {
    padding: 10px 0;
}

.red_accordion_heading {
    background-color: red;
    text-transform: uppercase;
    color: white;
    padding: 10px;
    margin: 10px 10px;
    font-size: 14px;
    display: block;
    font-weight: 600;
    text-align: center;
}

.turkis_accordion_heading {
    background-color: #00acac;
    text-transform: uppercase;
    color: white;
    padding: 10px;
    margin: 10px 10px;
    font-size: 14px;
    display: block;
    font-weight: 600;
    text-align: center;
}

/* Online Sales Start*/
.pricing-table {
    list-style-type: none;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
}

.pricing-table.col-4 > li {
    width: 25%;
}

.pricing-table > li {
    float: left;
    padding: 10px;
}

.finishAnimated {
    -webkit-animation: none !important;
    animation: none !important;
}

.contentAnimated {
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.pricing-table .pricing-container {
    overflow: hidden;
    border-radius: 6px;
    background: #f0f3f4;
    box-shadow: 0 3px #b6c2c9;
}

.pricing-table h3 {
    background: #242a30;
    margin: 0;
    color: #fff;
    font-size: 14px;
    padding: 15px 15px;
}

.pricing-table .price {
    width: 100%;
    display: table;
    background: #2d353c;
}

.pricing-table .price .price-figure {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    height: 80px;
}

.pricing-table .price .price-number {
    font-size: 28px;
    color: #00a3a3;
    display: block;
}

.pricing-table .features {
    list-style-type: none;
    margin: 0;
    padding: 0 30px;
}

.pricing-table .footer {
    padding: 15px 20px;
}

.pricing-table .features > li {
    padding: 10px 0;
}

.container_sales {
    width: 100% !important;
    margin: 0 !important;
    padding: 0;
}

.done_sales_online {
    color: white !important;
}

.activ_sales_online {
    border: 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
}

.active-panel-onlinesales {
    right: 0 !important;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.menu_style_online_sale {
    background-color: transparent;
    -webkit-transition: all 0.2s cubic-bezier(0.6, 0.045, 0.4, 1);
    -moz-transition: all 0.2s cubic-bezier(0.6, 0.045, 0.4, 1);
    transition: all 0.2s cubic-bezier(0.6, 0.045, 0.4, 1);
    position: relative;
    display: block;
    line-height: 20px;
    padding: 10px 15px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.style_view {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5em;
    margin: 0 auto;
    float: none;
    width: 100%;
    -webkit-text-size-adjust: none;
}

.style_view_clubs {
    width: 101vw;
    line-height: 100vh;
    vertical-align: center;

    padding-bottom:25%;
}

.default_background_step1 {
    background-color:#1d2226 !important;
    background-repeat: repeat;
}
.style_view_clubs_inside {
    margin-left: 20%;
    margin-right: 20%;
    animation: fadeInDownBig 2s;
    -webkit-animation: fadeInDownBig 2s;
    -moz-animation: fadeInDownBig 2s;
    -o-animation: fadeInDownBig 2s;
    -ms-animation: fadeInDownBig 2s;
}

.style_view_surveys {
    width: 101vw;
    line-height: 100vh;
    padding-bottom: 25%;
    background-repeat: repeat;
    vertical-align: center;
    animation: fadeInDown ease 3s;
    -webkit-animation: fadeInDown ease 2s;
    -moz-animation: fadeInDown ease 2s;
    -o-animation: fadeInDown ease 2s;
    -ms-animation: fadeInDown ease 2s;
}

.style_view_surveys_inside {
    animation: bounceInRight ease 3s;
    -webkit-animation: bounceInRight ease 3s;
    -moz-animation: bounceInRight ease 3s;
    -o-animation: bounceInRight ease 3s;
    -ms-animation: bounceInRight ease 3s;
}

.style_view_additions {
    width: 101vw;
    line-height: 100vh;
    padding-bottom: 25%;
    background-repeat: repeat;
    vertical-align: center;
}

.style_view_additions_inside {
    animation: bounceInRight ease 3s;
    -webkit-animation: bounceInRight ease 3s;
    -moz-animation: bounceInRight ease 3s;
    -o-animation: bounceInRight ease 3s;
    -ms-animation: bounceInRight ease 3s;
}

.style_view_extra_additions {
    width: 101vw;
    line-height: 100vh;
    padding-bottom: 25%;
    vertical-align: center
}

.style_view_extra_additions_inside {
    animation: bounceInRight ease 3s;
    -webkit-animation: bounceInRight ease 3s;
    -moz-animation: bounceInRight ease 3s;
    -o-animation: bounceInRight ease 3s;
    -ms-animation: bounceInRight ease 3s;
}

.style_view_buy {
    width: 101vw;
    line-height: 120vh;
    padding-bottom: 25%;
    background-repeat: repeat;
    vertical-align: center
}

.style_view_buy_inside {
    display: inline-block;
    animation: pulse ease 3s;
    -webkit-animation: pulse ease 3s;
    -moz-animation: pulse ease 3s;
    -o-animation: pulse ease 3s;
    -ms-animation: pulse ease 3s;
}

.style_view_buy_right {
    display: inline-block;
    animation: bounceInRight ease 3s;
    -webkit-animation: bounceInRight ease 3s;
    -moz-animation: bounceInRight ease 3s;
    -o-animation: bounceInRight ease 3s;
    -ms-animation: bounceInRight ease 3s;
"
}

.footer_online_sales {
    position: fixed;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    margin-bottom: 0;
    background: #1d2226;
"
}

.copyright_footer {
    float: unset;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: white
}

.online_sales_headline {
    margin-top: 5%;
    text-transform: uppercase;
    color: white;
    font-size: 3vw;
    text-align: center;
}

.online_sales_headline_2 {
    margin-top: 30px;
    text-transform: uppercase;
    color: white;
    font-size: 3vw;
    text-align: center;
}

.online_sales_subheadline {
    margin-bottom: 40px;
    margin-top: 30px;
    font-size: 2vw;
    color: white;
    text-align: center;
}

@media only screen and (min-width: 769px) {
    span.icon {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    li .menu-right-desktop {
        display: none;
    }

    .mobile_sales_texte {
        font-size: 5vw !important;
        margin-top: 10px !important;
        margin-bottom: 2px !important;

    }

    #clubs, #surveys, #additions, #extraAdditions, #buyMembership {
        line-height: 130vh !important;
    }

    .sales_mobile_buy {
        max-width: unset;
        width: 100vw;
        margin: 5px;
    }
}

.item_checked {
    border: 10px solid #00acac;
    border-radius: 3px;
}

.active_mandant {
    color: #00acac !important;
}

.not_active_membership {
    background: lightgrey !important;
    color: grey !important;
}

.kurse input[type=checkbox] {
    opacity: 0;
}

.kurse input[type=checkbox] + label:before {
    width: 17px;
    height: 17px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    margin-left: -20px;
    margin-right: 3px;
    content: "";
    border: 2px solid #348fe2;
    border-radius: 10px;
    background-color: #fff;
}

.kurse input[type=checkbox]:focus + label:before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
/ / for WebKit
}

.kurse input[type=checkbox] + label:after {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 3px;
    padding-top: 1px;
    margin-left: -20px;
    font-size: 11px;
    color: #555;
}

.kurse input[type=checkbox]:checked + label:before {
    background-color: #348fe2;
    border-color: #348fe2;
}

.kurse input[type=checkbox]:checked + label:after {
    font-family: "Glyphicons Halflings";
    content: '\e013';
    color: #FFF;
    top: 3px;
}

.kurse input[type=checkbox] + label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    margin-right: 10px;
}

.bild_step {
    background-color: lightgrey !important;
    background: lightgrey !important;
    border-color: lightgrey !important;
}

.online_item {
    color: #00acac;
}

.offline_item {
    color:grey;
}

.sales-modal-window  .modal-dialog{
    width:100%
}

.body-image {
    /*background-image: url('../app/Main/resources/img/H4.jpg');*/
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.open_modal_icon {
    right: unset;
    left: 38px;
}

.inactiv_modal_icon {
    left: unset;
    right: -253px;

}

.offline_item {
    color:grey;
}

.display_none_membership {
    display: none;
}
/*Online Sales Ende*/