body {
    padding-top: 65px;
    padding-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}

h1, h2 {
    margin-top: 0;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

hr {
    margin: 60px 0;
}

.img-responsive {
    display: inline-block; /*Fix for BS to use text-align: center for images */
}

a, .smGreen {
    color: #1ea037;
}

a:hover {
    color: #1ea037;
}

.navbar-brand img {
    display: inline-block;
}
.navbar-brand {
    padding: 12px;
}

.navbar-spacer-sm {
    margin-top: 50px;
}

.navbar-spacer-md,
.navbar-spacer-sm-header {
    margin-top: 165px;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 100vh;
}

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

.navbar-nav {
    font-weight: bold;
}

.navbar-right,
.navbar-right .dropdown-menu {
    text-align: right;
}

footer {
    text-align: center;
}

header {
    background-color: #ddd;
    color: #646464;
    padding-top: 7px;
}

#header {
    margin-top: 7px;
    padding: 15px 0;
    background: #ddd;
    background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
    background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd', GradientType=0);
}

.label {
    min-width: 60px;
}

.label-covit {
    margin-right: 5px;
    line-height: 1.15em;
}

.badge {
    background-color: #1ea037;
}

.spacer {
    margin-top: 15px;
}

.spacerBottom {
    margin-bottom: 30px;
}

.spacerLarge {
    margin-top: 80px;
}

.noSpacer {
    margin-top: 0;
    margin-bottom: 0;
}

.validateAntwort a {
    color: #692b2a;
}

.validateAntwort.alert {
    margin-top: 15px;
}

.alert a {
    text-decoration: underline;
}
.modal-footer .validateAntwort {
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
}

.modal-footer {
    margin-top: -15px;
}

#cookieInfo {
    line-height: 1.3em;
    display: none;
    position: fixed;
    z-index: 3;
    bottom: 50%;
    left: 5%;
    width: 90%;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(/img/loading.gif) no-repeat center;
    opacity: 0.5;
    z-index: 1051
}

.form-horizontal .radio-inline {
    padding-top: 0;
}

.radio-inline label {
    font-weight: normal;
}

.date,
.user,
.offer {
    text-align: center;
    font-weight: bold;
    padding: 7px;
    background-color: #f5f5f5;
    width: 75px;
}

.offer {
    padding-top: 16px !important;
    white-space: nowrap;
}

.date .visible-xs {
    font-weight: bold;
    text-transform: uppercase;
}

.success .date {
    background-color: #d6e9c6 !important;
}

.warning .date {
    background-color: #fbeed5 !important;
}

.topDate {
   background-color: #337ab7 !important;
   color: #fff;
}

.table-hover,
.tablesorter {
    cursor: pointer;
}

#tableReport {
    cursor: inherit;
}

.table-hover > tbody > tr.info > td {
    border-top: 1px solid #bce8f1;
}

.table-hover > tbody > tr.info,
.table-hover tbody td.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info > td:hover,
.table-hover tbody td.info:hover {
    background-color: #a6e1ec;
}

.info .date {
    background-color: #bce8f1 !important;
}

#tableUsers-sticky {
    top: 51px !important;
}

.bootstrap-touchspin-postfix,
.bootstrap-touchspin-prefix {
    background-color: inherit;
}

/* fix for bootstrap bug
https://github.com/twbs/bootstrap/issues/9583 */
fieldset legend {
    margin-bottom: 20px;
}
fieldset > .content {
    padding-top: 0;
}
/* end fix */

/* for tabdrop */
.nav-tabs,
.nav-pills {
    position: relative;
}
/* end tabdrop */

/* own SM Fix together with buttonWidth: '100%' for Multiple Select bug
http://stackoverflow.com/questions/20803189/bootstrap-3-multiselect-plugin-as-form-element
*/
.multiselect {
    text-align: left;
}
/* end fix */

/* fix for anchors with bootstrap navbar
http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header
*/
.anchor:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 240px;
    margin-top: -240px;
}
/* end fix */  


/* fix for disable display: block on not hidden inline/span
http://stackoverflow.com/questions/20838883/inline-objects-becomes-block-while-using-some-hidden-xs-classes-in-twitter-boo
*/
span.hidden-sm {
    display: inline-block !important;
}
/* end fix */

.navAnimate {
    -webkit-transition: height 0.5s, margin-top 0.5s;
    -moz-transition: height 0.5s, margin-top 0.5s;
    -ms-transition: height 0.5s, margin-top 0.5s;
    -o-transition: height 0.5s, margin-top 0.5s;
    transition: height 0.5s, margin-top 0.5s;
}
.navUpImage {
    height: 50px !important;

}
.navDownImage {
    height: 100px;

}
.navUpSlogan {
    margin-top: -31px;
}
.navDownSlogan {
    margin-top: 0;
}

.panel-body ul {
    padding-left: 15px;
}

.sliderWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.slider {
    height: 360px;
    display: block;
    background-position: center;
}

#sliderNews {
    height: 360px;
    overflow: hidden;
}

.until {
    margin-top: -7px;
    margin-bottom: -5px;
}

.caroufredsel_wrapper {
    margin-bottom: 30px !important;
}

.paginationSlider {
  text-align: center;
  margin-top: -60px;
  width: 100%;
  margin-bottom: 30px;
}
.paginationSlider a {
  color: transparent;
  opacity: 0.6;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin: 0 0 0 10px;
  text-decoration: none;
  border-radius: 20px;
}
.paginationSlider a:hover {
    color: transparent;
}
.paginationSlider a.selected {
  opacity: 0.99;
}

@media (max-width: 992px) {
    span.hidden-sm {
        display: none !important;
    }
}
/* end fix */

@media (max-width: 320px) { 
    .hidden-xxs {
       display: none; 
    }
}

/* index */
.pricing {
    margin-top: 20px;
    border: 1px solid #888;
    border-color: #d1d1d1;
    background-color: #f5f5f5;
    text-align: center;
}

.pricing li:nth-child(odd) {
    background-color: #e7e7e7;
    padding: 10px 0;
    margin: 10px 0;
}

.pricing.focusPlan li:nth-child(odd) {
    background-color: #f5f5f5;
}

.pricing h3 {
    margin-bottom: 0;
}

.pricing.focusPlan {
    margin: 0 -31px;
    padding: 20px 0;
    margin-bottom: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.1);
}

.pricing h2 {
    margin-top: 20px;
}

.jumbotron {
    padding: 15px !important;
    padding-bottom: 1px !important;
}

/* end index */

/* certificate */
.vertical-bottom {
    display: table;
    width: 100%;
}
.vertical-bottom .col-xs-6{
    float: none;
    display: table-cell;
    vertical-align: bottom;
}
.tick {
    margin-bottom: 2em;
    margin-right: 10px;
}
@media screen {
    .paper {
        width: 21cm;
        padding: 15px;
        border: 1px solid gray;
    }
}
@media (min-width: 768px) {
    .paper {
        width: 100%;
    }
}

@media print {
    .table-responsive {
        overflow: hidden;
    }
}
/* end certificate */
    
/* admin */
#dialogQuickstart h4 {
    margin-bottom: 0;
    margin-top: 30px;
}
/* end admin */

.adsbygoogle {
    display:block
}

.superbanner {
    height: 90px !important;
}

#tableCalendar h4 {
    font-size: 14px;
    margin: 0 0 20px 0;
    display: block;
}

#tableCalendar small {
    display: block;
}

#tableCalendar .label {
    display: inline-block;
    min-width: 45px;
}

#tableCalendar th,
#tableCalendar td {
    text-align: center;
}

#tableCalendar{
    overflow-y: auto;
    height: 65vh;
    width: 99%;
    display: block;
}

#tableCalendar th {
    background-color: #fff;
    top: 0;
    position: sticky;
    z-index: 1;
}
#tableCalendar tbody td:nth-child(1) {  
    background-color: #fff;
    left: 0;
    position: sticky;
}
    
.table-responsive>.table>tbody>tr>td {
    white-space: inherit !important;
}

@media(min-width:768px) {
    #tableCalendar{
        height: inherit;
    }
}

.dateCalendar {
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    cursor: pointer;
}

#filter {
    overflow-x: auto;
    white-space: nowrap;
}
#filter .col-xs-5 {
    display: inline-block;
    float: none;
    margin-right: -5px;
}

.caret {
    float: right; 
    margin-top: 9px;
}

.textWrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    padding-bottom: 0;
    overflow: hidden;
}

.bannerWrapper .textWrapper {
    display: none;
}


.textWrapper h2,
.textWrapperHeadline h2,
.textWrapperHeadline h3 {
    color: #333;
    margin-top: 0;
    margin-bottom: 10px;
}
    
.textWrapperHeadline {
    bottom: 0 !important;
    top: inherit !important;
    height: auto !important;
    width: 100% !important;
}

.textWrapperNews {
    position: inherit;
}

.textWrapper a,
.textWrapper a:hover {
    color: inherit;
    text-decoration: none;
}

.preview {
    position: absolute;
    top: 25px;
    right: -30px;
    z-index: 10;
    display: inline-block;
    font-size: 14px;
    width: 140px;
    text-align: center;
    padding: 5px;
    color: #fff;
    transform: rotate(45deg);
    background: #449d44;
}

.buttonDeletePhoto,
.buttonEditPhoto,
.buttonDownloadPhoto {
    position: absolute;
    right: 20px;
    top: 5px;
}
.buttonEditPhoto {
    right: 100px;
}

.buttonDownloadPhoto {
    right: 60px;
}

#imgHeaderPreview {
    cursor: pointer;
}

/*Newsletter*/
#toolbarTemplate, #toolbarNewsletter {
    margin-bottom:5px;
}

#toolbarTemplate {
    display:none;
}

.alertHint {
    margin-top: 15px;
}
    
.wizard .nav-tabs {
    position: relative;
    /*margin: 40px auto;*/
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}

.wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #1ea037;
    
}
.wizard li.active span.round-tab i{
    color: #1ea037;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 33%;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 47%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #1ea037;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}


.errorMessage {
    display:block;
}

.has-error iframe.wysihtml5-sandbox {
    border-color: #a94442!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.wysihtml5-action-active, .wysihtml5-command-dialog-opened,
.wysihtml5-command-active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.2);
  background: #eee;
}

@media( max-width : 585px ) {

    .wizard {
        /*width: 90%;*/
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

/*Newsletter End*/


@media (max-width: 767px) {
    .pricing.focusPlan {
        margin: 20px 0 0 0;
    }
}

@media (max-width: 992px) {
    .adsbygoogle {
        width: 100%;
        height: 90px;
    }
}

@media (min-width: 992px) {
    .adsbygoogle {
        width: 100%;
        height: 250px;
    }
    
}

 @media (min-width: 768px) {
    .textWrapper {
        top: 0;
        bottom: inherit;
        height: 100%; 
        width: 40%;      
    }
    .textWrapper h1 {
        margin-bottom: 10px;
    }
    .textWrapperNews {
        position: absolute;
    }    
    
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #loading{
        background-image: url('/img/loading@2x.gif');
        background-size: 32px 32px;
    }
}
@media print{
    @page {
        margin: 0
    }
    body {
        padding-top: 0;
        margin: 1.6 cm;
    }
    
    .container {
        width: 100%;
    }
    
    .label-success,
    .label-success .glyphicon:before {
        color: #5cb85c !important;
    }
    
    .label-warning,
    .label-warning .glyphicon:before {
        color: #f0ad4e !important;
    }
    
    .label-danger,
    .label-danger .glyphicon:before {
        color: #d9534f !important;
    }
    
    #tableCalendar {
        height: inherit;
        display: table;
    }
}

#mibew-agent-button {
    right: 0;
    bottom: 50%;
    position: fixed;
}

#sidebarSocialmedia {
   left: 0;
    bottom: 20%;
    position: fixed;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px;
    background-color: #646464;
    z-index: 2
}

/*Floating Sidebar*/

#sidebarBottom { /* Fix für aktuelle iPhones */
    position: fixed;
    background-color: #fff;
    bottom: calc(env(safe-area-inset-bottom) - 40px);
    height: 40px;
    width: 100%;
}
#sidebar .btn-default{
    border-bottom: none;
}

#sidebar {
    z-index: 1031;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

#sidebar .btn {
    border-radius: 0;
    border-right: none;
    border-left: none;
}
@media(min-width:768px) {
    #sidebarBottom {
        display: none;
    }   
    #sidebar {
        left: 0;
        width: auto;
        max-width: 35px;
        padding: 10px 10px 0 0;
        overflow: hidden;
        height: fit-content;
        background: #4cae4c;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;      
    }
    .sidebarOpened {
        max-width: 200px !important;
        padding: 10px 10px 10px 0 !important;
    }
    #sidebar .btn {
        text-align: left;
    }
    #sidebar a {
        line-height: 2em;
    }
    #sidebar .glyphicon {
        margin-right: 10px;
    }
    #sidebar p .glyphicon {
        margin-right: 7px;
    }
    #sidebar p a{
        padding-left: 10px;
        color: #fff;
    }
    #sidebar p a:hover,
    #sidebar p a:focus {
        text-decoration: none;
    }
    #sidebar p a:hover {
        color: #398439;
    }
}

/*Floating Edit Button*/
.btn-edit {
    border-width: 30px;
    border-style: solid;
    border-color: transparent transparent #5cb85c #5cb85c;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));
    position: fixed;
    bottom: 48px;
    left: 0;
    width: 0;
    height: 0;
    z-index: 2;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

@media(min-width:768px) {
    .btn-edit {
        bottom: 0;
    }
}

.btn-edit:hover {
    border-color: transparent transparent #449d44 #449d44;
    color: #fff;
}

.btn-edit .glyphicon {
    left: -21px;
}

/*Floating Action Button*/
.btn-circle {
    width: 60px;
    height: 60px;        
    line-height: 60px !important;
    border-radius: 30px;
    padding: 0 !important;
    text-align: center;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12) !important;        
}
.btn-circle.btn-sm {
    width: 40px;
    height: 40px;        
    line-height: 40px !important;
    border-radius: 20px;
    font-size: 110%;
}
.btn-fab {
    position: fixed;
    right: 15px;
    bottom: 62px;
    z-index: 3;
}
@media(min-width:768px) {
    .btn-fab {
        bottom: 15px;
    }
}
.dropdown-menu-fab {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-right: -10px;
}
.dropdown-menu-fab a {
    font-weight: bold !important;
}
.dropdown-menu-fab button {
    margin-left: 10px;
    border: none;
}
.dropup .btn {
    z-index: 991 !important;
}

#floatingActionButton .dropdown-backdrop {
    background-color: #fff;
    opacity: 0.9;
}
.dropdown-menu.dropdown-menu-fab {
    text-align: right;
}
.dropdown-menu.dropdown-menu-fab a:hover,
.dropdown-menu.dropdown-menu-fab a:focus {
    background-color: inherit;
    color: inherit;
}
/*Floating Action Button End*/

/*Flyout become member*/
#flyoutWrapper {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 110px;
    z-index: 9999;
    width: 10px;
}
#flyoutAside {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; 
    width: 300px;
    position: relative;
    left: 0;
    top: 0;
    padding: 5px 15px 15px 45px;
    margin: 0 0 15px;
    min-height: 150px;
    font-size: 14px;
    text-transform: none;
    background: #f5f5f5;
    transition: all .3s ease;
    overflow: hidden;
    z-index: 99999;
}
#flyoutTitle {
    background-color: #555555;
    height: 30px;
    position: absolute;
    right: 300px;
    top: 0;
    margin: 0;
    padding: 8px;
    font-size: 18px;
    line-height: 14px;
    text-align: right;
    color: #fff;
    transform: rotate(-90deg);
    transform-origin: right top;
    width: 100%;
}
/*Flyout become member End*/