.success {
    color: green;
    font-weight: bolder;
    display: block !important;
}

.failure {
    color: red;
    font-weight: bolder;
    display: block !important;
}

.hidden {
    display:none !important;
}


.validate {
    display:block !important;
}

.pagination {
    justify-content: center !important;
}

.selectDates select {
    display:inline !important;
}

.selectDates {
    margin-bottom: 2rem;
}

#select-month {
    width: 30%;
}

#select-year, #select-day {
    width: 15%;
}

.header {

   margin-bottom: 2rem;
}

hr.separator {
    margin:2rem 0rem 2rem 0rem;
    padding-top: 2rem;
}


.links {
    .frame{
        width:100%;
        height:200px;;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid gray;

        img {
            max-width: 80%;
        }
    }
}

.black-bg {

    background-color: black;
}

.do-blue-bg {
    background-color: #071f49;
}

.index {
    h1 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}

html,
body {
  height: 100%;
}


.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="username"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-body {
    letter-spacing: 0px !important;
}


.voucher-info {
        font-size: 0.6rem !important;
        line-height: 5px !important;   
    }

#de {
        font-weight: bold;
        color: #071f49 !important;
    }

.guest-info {
    width:100%;
    font-size: 0.7rem;
    font-weight: bold;
}

.smallest {
    font-size: 0.4rem !important;
    line-height: 0.5rem !important;
}

#files {
    margin-bottom: 2rem;
}

.holder {
    width:220mm;
    height:105mm;
    page-break-after: always;
    font-family: Arial, Helvetica, sans-serif;
    display:flex;
}
.border {
    width:85mm;	
}
.left,.right {
    width:80mm;
    height:100%;
    
}
.dates {
    padding-top:10mm
}
.name {
    padding-top:4mm;
    line-height: 7mm;
    height: 7mm;
    font-weight: bold;
    font-size: large;
    -webkit-line-clamp: 1;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
}

.zimmer {
    
    font-size: large;
    height: 5mm;
}

.holder p {
    text-align: center;
    margin:0;
    max-width:90%;
}

.company {
    padding-top: 4mm;
}

.hotel-info {
    font-size: smaller;
}

.company-name {
    font-weight: bold;
    padding-bottom: 3mm;
    font-size: large;
}

.guest-key, .dead-zone {
    width:100%;
    height:50%;
    
    flex-wrap: wrap;
}

.radio {
    padding-bottom:50px;
}

table {
    
    width:100%;
}

tr {
    page-break-inside: avoid;
}

.question {
    width:4cm;
}

.groupms img, .breakfast img {
    width:3cm;
    height:3cm;
    margin-bottom:1cm;
}

.name-cell {
    width:30%;
    padding:3mm;
}

.checkboxes {
    padding:3mm;
}

.date-cell {
    width:15%;
    text-align: center;
}

th {
    text-align: center;
}

.exkl {
    font-weight: bold;
    background-color: indianred;
}

.vip {
    text-decoration: underline !important;
    background-color: yellow;
}

.vip.exkl {
    background-color: peachpuff;
}

.square {
    height: 1rem !important;
    width: 1rem !important;
    border: 1px solid black;
}

.red {
    background-color: indianred;
}

.yellow {
    background-color: yellow;
}

.peach {
    background-color: peachpuff;
}

.legend{
    display:flex;
    align-items:center;
    margin:0.3rem;
}

.legend .span {
    margin-left: 0.2rem !important;
    font-size: x-small !important;
}