/* --- 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 .nav-tabs-EP {
    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 .cotrainer i {
    padding: 0;
}

.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: green;
}

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


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

.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;
    padding-top: 3px;
    padding-left: 5px;
}

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

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

.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;
}

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 (max-width: 1000px) {
    .history_icons_member {
        width: 100%;
    }

    .history_member {
        width: 100%;
    }

    .action_buttons_right_member {
        width: 100%
    }

    .statistic_table_member {
        width: 100%
    }

    .history_and_statistic_member {
        display: unset;
    }

    .lead_display {
        display: unset;
    }
}

@media (min-width: 1001px) {
    .history_and_statistic_member {
        display: flex;
    }

    .lead_display {
        display: flex;
    }

    .history_icons_member {
        width: 50%;
    }

    .history_member {
        width: 50%;
    }

    .action_buttons_right_member {
        width: 50%
    }

    .statistic_table_member {
        width: 50%
    }

    .desktop_image_member {
        width: 25%
    }

    .desktop_image_member_details {
        width: 25%;
    }

    .member_details_1 {
        width: 35%;
    }

    .member_details_2 {
        width: 35%;
    }

    .retention_member_details_pad {
        display: none;
    }

    .retention_termination_details_pad {
        display: none;
    }

    .retention_termination_details_1 {
        width: 35%;
    }

    .retention_termination_details_2 {
        width: 35%;
    }

    .retention_member_details_1 {
        width: 35%;
    }

    .retention_member_details_2 {
        width: 35%;
    }

    .memo_mobile {
        display: none;
    }

    .memos_member_details {
        display: none;
    }

    .lead_details_right {
        width: 75%;
    }

    .lead_details_1 {
        width: 50%
    }

    .lead_details_2 {
        width: 50%
    }

    .lead_details_left {
        width: 25%
    }
}

@media (min-width: 801px) and (max-width: 1000px) {
    .desktop_image_member, .desktop_image_member_details {
        width: 50%
    }

    .lead_details_left .progres {
        height: 59px;
    }

    .desktop_image_member img, .desktop_image_member_details img {
        width: 235px !important;
        height: 235px !important;
    }

    .retention_member_details_pad {
        width: 60%
    }

    .retention_termination_details_pad {
        width: 60%
    }

    .retention_termination_details_1 {
        width: 50%;
    }

    .retention_termination_details_2 {
        width: 50%;
    }

    .memos_member_details {
        width: 50%;
        display: flex;
    }

    .memo_height_member {
        height: 300px !important;
        width: 250px;
    }

    .memo_title_member {
        vertical-align: top !important;
    }

    .member_details_1 {
        width: 100%;
        padding: 0 !important;
    }

    .member_details_2 {
        width: 100%;
        padding: 0 !important;
    }

    .retention_member_details_1 {
        width: 50%
    }

    .no_memo_mobile {
        display: none !important;
    }

    .memo_mobile {
        width: 50%;
    }

    .retention_member_details_2 {
        width: 50%
    }

    .member_details .tab-content {
        height: auto !important;
    }

    .lead_details_right {
        width: 100%;
    }

    .lead_details_left {
        width: 100%
    }

    .lead_details_1 {
        width: 50%
    }

    .lead_details_2 {
        width: 50%
    }

    .lead_display {
        display: unset;
    }
}

@media (max-width: 800px) {
    .lead_details_right {
        width: 100%;
    }

    .lead_details_left {
        width: 100%
    }

    .lead_details_1 {
        width: 100%;
        padding: 0 !important
    }

    .lead_details_2 {
        width: 100%;
        padding: 0 !important;
    }

    #desktop-timeline-width-auto {
        height: auto !important;
    }

    .desktop_image_member, .desktop_image_member_details {
        width: 100%;
        padding: 0 !important;
    }

    .member_details .tab-content {
        height: auto !important;
    }

    .desktop_image_member img, .desktop_image_member_details img {
        width: 155px !important;
        height: 155px !important;
    }

    .member_details_1 {
        width: 100%;
        padding: 0 !important;
    }

    .member_details_2 {
        width: 100%;
        padding: 0 !important;
    }

    .memos_member_details {
        width: 100%;
    }

    .memo_height_member {
        height: 100px !important;
    }

    #action_buttons_mobile {
        margin-right: 20px !important;
    }

    .no_memo_mobile {
        display: none;
    }

    .memo_mobile {
        width: 100%;
    }

    .retention_member_details_pad {
        display: none;
    }

    .retention_termination_details_pad {
        display: none;
    }

    .desktop_image_member {
        width: 100%
    }

    .retention_termination_details_1 {
        width: 100%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .retention_termination_details_2 {
        width: 100%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important
    }

    .retention_member_details_1 {
        width: 100%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .retention_member_details_2 {
        width: 100%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important
    }
}

@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 (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;
    }

    #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: 800px) {

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

/*@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;
}

.open-appointment {
    color: yellow;
}

.storno-appointment, .nachbuchen-appointment {
    color: #348fe2;
}

.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%;
}

.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: 150px;
    min-height: 150px;
    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: auto;
    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_reservations_close_doc {
    display: flex;
    justify-content: center;
    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);
    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-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;
    }

}

@media (min-width: 800px) and (max-width: 1090px) {
    .item-memo-mobile {
        grid-column: 1/16;
        grid-row: 5/6;
        margin: 5px 5px 5px 0;
    }
}

@media (max-width: 1090px) {

    .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;
    }

    .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;
    }

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

}

@media (max-width: 740px) {
    .search_person_desktop {
        display: none;
    }
}

@media (min-width: 741px) {
    .search_person_mobile {
        display: none;
    }
}

@media (min-width: 1200px) {

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

    .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, 140px);
        justify-items: stretch;
    }

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

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

    /*.item-button-b {*/
        /*grid-column: 2/3;*/
        /*grid-row: 1/2;*/
    /*}*/

    /*.item-button-c {*/
        /*grid-column: 3/4;*/
        /*grid-row: 1/2;*/
    /*}*/

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

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

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

    .item-button-g {
        grid-column: 6/8;
        grid-row: 1/2;
    }

    .item-button-h {
        grid-column: 8/10;
        grid-row: 1/2;
    }

    .image_container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 120px);
        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 5px 0;
    }

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

    .item-j {
        grid-column: 4/5;
        grid-row: 6/7;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 5px 5px 5px;
    }
    .item-k {
        grid-column: 5/7;
        grid-row: 6/7;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 5px 5px 5px;
    }

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

}

@media (min-width: 800px) and (max-width: 1199px) {

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

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

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

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

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

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

    .item-button-g {
        grid-column: 5/6;
        grid-row: 1/2;
    }

    .item-button-h {
        grid-column: 6/7;
        grid-row: 1/2;
    }

    .terminmaske_container {
        display: grid;
        margin: 15px;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(12, 140px);
        justify-items: stretch;
    }
    .item-image {
        display: none;
    }
    .item-memos {
        display: none;
    }
    .item-reservations {
        grid-column: 1/16;
        grid-row: 6/7;
        margin: 5px;
    }

    .item-a {
        grid-column: 1/6;
        grid-row: 1/3;
        margin: 5px
    }

    .item-a img {
        height: 230px !important;
    }
    .item-memos {
        grid-column: 1/4;
        grid-row: 2/3;
    }

    .item-a-mobile {
       display:none;
    }

    /*.item-memo-mobile {*/
        /*display: none;*/
    /*}*/

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

    .item-d {
        grid-column: 11/16;
        grid-row: 1/2;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 5px 5px 5px 5px;
    }

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

    .item-e {
        grid-column: 6/9;
        grid-row: 2/3;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 5px 5px 5px 5px;
    }

    .item-f {
        grid-column: 9/12;
        grid-row: 2/3;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 5px 5px 5px 0;
    }

    .item-g {
        grid-column: 12/16;
        grid-row: 2/3;
        border-radius: 3px;
        color: #fff;
        padding: 15px;
        overflow: hidden;
        margin: 5px 5px 5px 0;
    }

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

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

    .item-j {
        grid-column: 6/11;
        grid-row: 3/4;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 5px 5px 5px;
    }
    .item-k {
        grid-column: 11/16;
        grid-row: 3/4;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 5px 5px 5px;
    }
}

@media (max-width: 658px) {

    .dashboard-mobile {
        padding-top: 10% !important;
    }
}

@media (max-width: 799px) {

    .terminmaske_buttons_container {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 50px);
        justify-items: stretch;
    }

    .item-button-a {
        grid-column: 1/7;
        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-e {
        grid-column: 1/3;
        grid-row: 2/3;
    }

    .item-button-f {
        grid-column: 3/5;
        grid-row: 2/3;
    }

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

    .item-button-h {
        grid-column: 3/5;
        grid-row: 3/4;
    }

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

    .item-a {
        display: none;
    }

    .item-image {
        display: none;
    }

    .item-memos {
        display: none;
    }

    .item-a-mobile {
        grid-column: 1/7;
        grid-row: 1/2;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 0 5px 5px 0;
    }

    .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-reservations {
        grid-column: 1/7;
        grid-row: 8/9;
        margin-left: 0;
        margin-top: 20px;
    }

    .item-memo-mobile {
        grid-column: 1/7;
        grid-row: 7/8;
        margin: 5px 5px 5px 0;
    }

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

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

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

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

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

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

    .item-j {
        grid-column: 1/4;
        grid-row: 6/7;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 5px 5px 0;
    }
    .item-k {
        grid-column: 4/7;
        grid-row: 6/7;
        border-radius: 3px;
        color: #fff;
        overflow: hidden;
        margin: 5px 5px 5px 5px;
    }
}

.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-sum {
    position: absolute;
    z-index: 5
}

.layer-verticalControl {
    position: absolute;
    z-index: 6
}

.layer-horizontalControl {
    position: absolute;
    z-index: 7
}

.layer-contextMenuControl {
    position: absolute;
    z-index: 8;
}

.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%;
    float: left;
    text-align: Center;
}

.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;
}

.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;
    padding: 20px 0 20px 0;
}

.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: 5px solid !important;
    border-radius: 10px;
}

.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 {
    background-color: rgb(0, 172, 172);
    border-color: rgb(0, 172, 172);
    box-shadow: rgb(0, 172, 172) 0px 0px 0px 16px inset;
    height: 25px;
    transition: border 0.5s ease 0s, box-shadow 0.5s ease 0s, background-color 1.5s ease 0s;
}

.offline_item {
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    border-color: rgb(223, 223, 223);
    height: 25px;
    background-color: rgb(255, 255, 255);
    transition: border 0.5s ease 0s, box-shadow 0.5s ease 0s;
}

.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 {
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    border-color: rgb(223, 223, 223);
    height: 25px;
    background-color: rgb(255, 255, 255);
    transition: border 0.5s ease 0s, box-shadow 0.5s ease 0s;
}

.offline_item small {
    left: 0px;
    transition: left 0.25s ease 0s;
    height: 25px;
}

.online_item small {
    left: 20px;
    transition: left 0.25s ease 0s;
    height: 25px
}

.display_none_membership {
    display: none;
}

/*Online Sales Ende*/

.modal-content-AvailabilityTypes {
    height: 705px;
}

.modal-body-AvailabilityTypes {
    height: 590px;
}

.div-AvailabilityTypes-Tenants {
    float: right;
    width: 100%;
    height: 250px;
    overflow: auto
}

.btn-i-Tenant {
    color: white;
    font-size: 14px;
}

.table td.buttoncolumnleft {
    vertical-align: middle;
    text-align: left;
    white-space: nowrap
}

.btn-symbol {
    width: 45px;
    margin-bottom: 4px;
}

.display_centered_online_sales {
    display: inline-block !important;
    vertical-align: middle;
    float: none;
    flex-flow: unset;
    justify-content: unset;
}

.modal-content-AvailabilityResources {
    height: 500px;
}

.modal-body-AvailabilityResources {
    margin-top: 0px;
    height: 345px;
}

.div-AvailabilityResources {
    float: right;
    width: 100%;
    height: 260px;
    overflow: auto;
}

.modal-content-AvailabilityRepresentative {
    height: 630px;
}

.modal-body-AvailabilityRepresentative {
    height: 475px;
}

.div-AvailabilityRepresentative {
    float: right;
    width: 100%;
    height: 230px;
    overflow: auto;
}

.email_exists {
    color: #00acac;
    border-color: #00acac;
}

.email_not_exists {
    color: red;
    border-color: red;
}

.modal-content-AvailabilityEmployeeResources {
    height: 420px;
}

.div-AvailabilityEmployeeResources {
    float: right;
    width: 100%;
    height: 250px;
    overflow: auto;
}

.modal-body-AvailabilityEmployeeResources {
    height: 310px;
}

.column-4-Center {
    width: 40%;
    float: left;
    text-align: center;
    padding-top: 0.5em;
}

.calendar td {
    text-align: center;
}

.bootstrap-calendar .calendar .week_days td {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.calendar a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.choosen_history {
    background-color: #a2d4ed !important;
}

.show_full_width {
    width: 100%;
}

.background_button_selected_filter {
    background-color: #00acac !important;
}

.red_error_message {
    color: red
}

.history_panel .panel-heading {
    height: 38px
}

/*.show_less_history {*/
/*height: 65px;*/
/*transition: height 2s;*/
/*}*/

/*.show_less_history_messages {*/
/*height: 85px;*/
/*}*/

/*.show_more_history_messages:hover {*/
/*min-height: 300px;*/
/*height: auto;*/
/*}*/

/*.show_more_history {*/
/*height: auto;*/
/*}*/

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.disabled_filter_history {
    pointer-events: none;
    opacity: 0.5;
    background: #CCC;
}

.background_prasi_success {
    background-color: #00acac !important;
    color: #fff !important;
    width: 2.5em;
    height: 2.5em;
}

.background_prasi_black {
    background-color: #000000 !important;
    color: #fff !important;
    width: 2.5em;
    height: 2.5em;
}

.not_today_margin {
    margin-top: 70px
}

.is_today_background {
    background-color: darkgrey !important;
    width: 2.5em;
    height: 2.5em;
}

@media only screen and (max-width: 769px) {
    .left_side_calendar {
        width: 98%;
        height: auto !important;
        margin: 20px 10px 0 10px !important;
    }

    .rigth_side_calendar {
        width: 100%;
        margin: 0 10px 5px 10px !important;
    }

    .tabs_calendar {
        height: 75px !important;
    }

    .day_calendar_text {
        margin-top: 30px
    }
}

.calendar_tabs_background_active {
    background-color: #00acac !important;
    border-color: #00acac !important;
    color: #fff !important;
    width: 34% !important;
}

#calendar_list_container::-webkit-scrollbar {
    width: 4px;
    background-color: #fff;
}

#calendar_list_container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(104, 140, 240, 0.3);
}

#calendar_list_container::-webkit-scrollbar-thumb {
    background-color: #00acac;
    outline: 1px solid white;
}

#calendar_list_container_week::-webkit-scrollbar {
    width: 4px;
    background-color: #fff;
}

#calendar_list_container_week::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(104, 140, 240, 0.3);
}

#calendar_list_container_week::-webkit-scrollbar-thumb {
    background-color: #00acac;
    outline: 1px solid white;
}

.padding_left_first_weekday {
    padding-left: 30px !important;
}

.invisible-focus {
    padding-left: 0;
    padding-right: 0;
    border-left-width: 0;
    border-right-width: 0;
    white-space: nowrap;
    overflow: hidden
}

.row.display-flex.online_sales {
    display: flex;
    flex-wrap: wrap;
}

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

.margin_bottom_history_filter {
    margin-bottom: 100px;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb {
    background-color: #00acac;

    background-image: -webkit-gradient(linear, 0 0, 0 100%,
    color-stop(.5, rgba(255, 255, 255, .2)),
    color-stop(.5, transparent), to(transparent));
}

.ng-invalid-ip {
    background: #ffdedd;
    border: 1px solid #ff5b57;
}

.highlight_notes {
    font-size: 16px;
    color: #00acac !important;
}

select.white-options > option {
    background-color: white;
    color: black;
}

.selected_only_history {
    background-color: #00acac !important;
}

.column-4-Left {
    width: 30%;
    float: left;
    text-align: left;
    padding-bottom: 0.5em;
}

.column-4-Center {
    width: 40%;
    float: left;
    text-align: center;
    padding-bottom: 0.5em;
}

.column-4-Right {
    width: 30%;
    float: right;
    text-align: right;
    padding-bottom: 0.5em;
}

.modal-content-RepresentativRequestResources {
    height: 350px;
}

.modal-body-RepresentativRequestResources {
    height: 200px;
}

.div-RepresentativRequestResources {
    float: right;
    width: 100%;
    height: 160px;
    overflow: auto;
}

.modal-content-AvailabilityTypesWithoutTenants {
    height: 320px;
}

.modal-body-AvailabilityTypesWithoutTenants {
    height: 200px;
}

/* Optionen Einsatzplanung Design RKL Anfang */

.table td.buttoncolumnright {
    vertical-align: middle;
    text-align: right;
    white-space: nowrap
}

.ep > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    background-color: #0075FF;
    color: white;
}

.btn.btn-success-systeam {
    color: #fff;
    background: #0075FF;
    border-color: #0075FF;
    font-weight: bold;
}

.btn.btn-success-systeam:hover,
.btn.btn-success-systeam:focus,
.btn.btn-success-systeam:active,
.btn.btn-success-systeam.active,
.open .dropdown-toggle.btn-success-systeam {
    background: #005cc5;
    border-color: #005cc5;
}

.btn.btn-danger-grey {
    color: black;
    background: lightgrey;
    border-color: lightgrey;
    font-weight: bold;
}

.btn-danger-grey:hover,
.btn-danger-grey:focus,
.btn-danger-grey:active,
.btn-danger-grey.active,
.open .dropdown-toggle.btn-danger-grey {
    background: darkgray;
    border-color: darkgray;
}

.btn.btn-success-neutral {
    color: #fff;
    background: grey;
    border-color: grey;
    font-weight: bold;
}

.btn.btn-success-neutral:hover,
.btn.btn-success-neutral:focus,
.btn.btn-success-neutral:active,
.btn.btn-success-neutral.active,
.open .dropdown-toggle.btn-success-neutral {
    background: rgb(102, 102, 102);
    border-color: rgb(102, 102, 102);
}

.tab-overflow .nav-tabs-inverse-neutral .next-button > a,
.tab-overflow .nav-tabs-inverse-neutral .prev-button > a,
.nav.nav-tabs.nav-tabs-inverse-neutral > li > a,
.nav.nav-tabs.nav-tabs-inverse-neutral > li > a:focus {
    background: grey;
    color: rgb(228, 228, 228);
}

.nav.nav-tabs.nav-tabs-inverse-neutral > li > a:hover {
    color: white;
}

.nav-tabs.nav-tabs-inverse-neutral {
    background: grey;
}

.nav-tabs.nav-tabs-inverse-neutral > li.active > a,
.nav-tabs.nav-tabs-inverse-neutral > li.active > a:hover,
.nav-tabs.nav-tabs-inverse-neutral > li.active > a:focus {
    color: #242a30;
    background: #fff;
}

.panel-inverse-neutral > .panel-heading {
    background: grey;
}

/* Optionen Einsatzplanung Design RKL Ende */

.margin_without_apptypes {
    margin-bottom: 0 !important;
}

.red_info_icon {
    color: red !important;
}

.disabled_verlaengern {
    color: lightgrey;
}

input:invalid {
    border-color: red;
}

.isClosedDay {
    background-color: #b6c2c9 !important;
}

.isOpenDay {
    background-color: #00acac !important;
}

.table > tbody > tr.deleted_ressource-1 > td {
    background-color: #ffdedd;
}

.geloeschte_ressourcenart {
    color: red;
}

.margin_with_no_ressources {
    margin-bottom: 0 !important;
}

.selected_terminartgruppe {
    background: #00acac !important;
}

.big_margin_edit_reservation {
    margin-top: 20px
}

.small_margin_edit_reservation {
    margin-top: 1px
}

.large_margin_edit_reservation {
    margin-top: 30px
}

@media (max-width: 1400px) {
    .show_toggleable_data {
        display: none !important;
    }
}

@media (min-width: 1401px) {
    .show_toggleable_icons {
        display: none;
    }

}
.disable_time_skip {
    display: none
}
.bg-leads {
    background-color: #7cdda7 !important;
}
.status_icon_font_size {
    font-size: 16px;
}
.new_class {
    font-size: 10px;
}

.div-AvailabilityResourcesPrintSend {
    float: right;
    width: 100%;
    height: 180px;
    overflow: auto;
}

.layer-verticalControlRight {
    position: absolute;
    z-index: 9
}
   
.solid-bar-line-present {
    display: block;
    height: 35px;
    border: 0;
    border-top: 5px solid #484848;
    border-bottom: 24px solid #484848;
    width: 65px;
    padding: 1px;
    border-radius: 4px;
    font-size: 0;
} 

.solid-bar-line-absent {
    display: block;
    height: 35px;
    border: 0;
    border-top: 5px solid #f4f4f4;
    border-bottom: 24px solid #f4f4f4;
    width: 65px;
    padding: 1px;
    border-radius: 4px;
    font-size: 0;
} 

.outline-bar {
    display: block;
    height: 32px;
    border: 1px solid lightgray;
    width: 100%;
    padding: 1px;
    border-radius: 3px;
    font-size: 16px;
    background-color: white;
    color: black;
    text-align: left;
    text-indent: 15px;
    font-weight: normal; 
    height: 100%;
    min-height: 34px;
} 

.column-3-wide-Left {
    width: 30%;
    float: left;
    padding-bottom: 0.5em;
    bottom: 37px
}

.column-3-wide-Center {
    width: 40%;
    float: left;
    text-align: center;
    padding-top: 0.5em;
}

.column-4-wide-Right {
    width: 20%;
    float: right;
    text-align: right;
    margin-right: -5px;
    padding-bottom: 0.5em;
}

.outline-bar-wide {
    display: block;
    height: 32px;
    border: 1px solid lightgray;
    width: 128%;
    padding: 1px;
    border-radius: 3px;
    font-size: 16px;
    background-color: white;
    color: black;
    text-align: left;
    text-indent: 15px;
    font-weight: normal; 
    height: 100%;
    min-height: 34px;
}

.solid-bar-line-confirm-present {
    display: block;
    height: 26px;
    border: 0;
    border-top: 3px solid #484848;
    border-bottom: 23px solid #484848;
    padding: 1px;
    border-radius: 4px;
} 

.solid-bar-line-confirm-absent {
    display: block;
    height: 26px;
    border: 0;
    border-top: 3px solid #f4f4f4;
    border-bottom: 23px solid #f4f4f4;
    padding: 1px;
    border-radius: 4px;
} 

.text-neutral {
    color: gray;
}

.btn.btn-neutral {
    color: #fff;
    background: gray;
    border-color: gray;
}

.btn-neutral:hover, 
.btn-neutral:focus, 
.btn-neutral:active, 
.btn-neutral.active, 
.open .dropdown-toggle.btn-neutral {
    background: #565656;
    border-color: #565656;
}

.btn-group .btn.btn-neutral:not(.active) + .btn.btn-neutral,
.input-group-btn .btn.btn-neutral:not(.active) + .btn.btn-neutral {
    border-left-color: #565656;
}

.ressource-choosen a span{
    color: #00acac;
}

.ressource-nochoosen a span{
    color: red;
}

.with_shadow {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.div-AvailabilityResourcesLoading {
    width: 100%;
    margin-top: 120px;
    text-align: center;
    font-size: 14px;
}

.outline-bar-dialog {
    display: block;
    height: 24px;
    border: 1px solid lightgray;
    width: 200px;
    padding: 1px;
    border-radius: 3px;
    font-size: 14px;
    background-color: white;
    color: black;
    text-align: left;
    text-indent: 15px;
    font-weight: 600; 
    height: 100%;
    min-height: 24px;
    margin-bottom: 5px;
    margin-left: 14px;
}

.date_picker_open_height_accordion {
    height:200px;
}

.panel-body {
    overflow: inherit !important;
}

.tab_2_date_background {
    background: #cc4946 !important;
}
.tab_3_date_background {
    background: #2a72b5 !important;
}

.activ_termin_online_menu {
    border: 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0px
  }

.modal-content-Linkmanagement {
    min-height: 50px;
}

.modal-body-Linkmanagement {
    overflow: auto;
    min-height: 25px;
}

.div-Linkmanagement-AppontmentTypes {
    float: right;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    height: 270px;
    overflow: auto;
}

.rzslider .rz-bubble, .rzslider .rz-bubble {
    color:inherit !important;
}

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

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

.div-Linkmanagement-AppontmentTypes-Selectment {
    float: right;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    height: 30px;
    overflow: auto;
}

.qrcode-link-dialog .modal-dialog {
    width: 300px;
}

.column-Left {
    width: 30%;
    float: left
}

.column-Right {
    width: 30%;
    float: right
}

.payPal-dialog .modal-dialog {
    width: 480px;   
}

.column-Left-PayPal {
    float: left
}

.payPal-Button-Gray {
    float: left;
    margin-bottom: 10px;
    display: block;
    width: 300px;
    background-color: #EEEEEE;
    height: 44px;
    border: 0;
    border-radius: 4px;
} 

.payPal-Button-Gray:hover {
    background-color: lightgray;
}

.btn.payPal-Button-Blue{
    float: left;    
    width: 180px;
    vertical-align:bottom;
    background-color: #0070BA;
    font-size: large;
    color: white;
    text-align: center;
    height: 44px;
    border: 0;
    border-radius: 4px;
} 

.payPal-Button-Blue:hover {
    background-color: #003087;
    text-decoration:none ;
    color: white;
}

.btn.btn-payPal-Gray {
    color: #0070BA;
    background: #EEEEEE;
    border-color: #EEEEEE;
    font-weight: bold;
}

.btn-payPal-Gray:hover {
    background-color: lightgray;
    border-color: lightgray;
}

.btn.btn-payPal-Blue {
    color: #fff;
    background: #0070BA;
    border-color: #0070BA;
    font-weight: bold;
}

.btn-payPal-Blue:hover {
    background-color: #003087;
    border-color: #003087;
}

.payPal-dialog-row {
    padding-top: 3px;
    padding-bottom: 3px;
}

.payPal-dialog-row-2 {
    padding-top: 6px;
    padding-bottom: 3px;
}

.div-Copy-AvailabilityEmployeeResources {
    float: right;
    width: 100%;
    height: 300px;
    overflow: auto;
}

.div-Copy-AvailabilityWeeks {
    float: right;
    width: 100%;
    height: 80px;
    overflow: auto;
}

.div-Copy-AvailabilitySummary {
    float: right;
    width: 100%;
    height: 245px;
    overflow: auto;
}

.centered-wrapper-inner {
    position: relative;
}

.centered-wrapper-inner, .info-map-boxes {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.ce_text .last .block {
    font: 16px / 1.5625 Lato, sans-serif;
    color: #333333;
}

.bodyText {
    margin-top: 0.75em;
    margin-bottom: 1.5em;
    font: 16px / 1.5625 Lato, sans-serif;
    color: #333333;
}

.grid-container-2-1 {
  display: grid;
  grid-template-columns: 66% 33%;
}