* {
    box-sizing: border-box;
}

body {
    background: #ccc;
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 5px;
    min-width: 1280px;
    -webkit-text-size-adjust: 100%
}

img {
    border: 0
}

input, select {
    background: #fff;
    border: 1px solid #999;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px
}

textarea {
    background: #eee;
    border: 1px solid #999;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0
}

.button {
    background: #fff;
    border: 1px solid #999;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 1px 3px
}

a {
    color: #000;
    text-decoration: none
}

h1 {
    font-size: 16px;
    font-weight: 700
}

th a {
    color: #ccc;
    text-decoration: underline
}

#navi {
    background: #ccc;
    float: left;
    margin: 0 5px 5px 0;
    width: 165px
}

#bodyw {
    background: #ccc;
    border: 1px solid #c00;
    float: left;
    min-height: 900px;
    padding: 2px;
    width: 1074px;
    margin: 0 5px 5px 0
}

#cart {
    background: #ccc;
    float: left;
    margin: 0 5px 5px 0;
    width: 235px
}

#debug {
    background: #ccc;
    float: left;
    margin: 0 5px 5px 0;
    width: 633px
}

#footer {
    background: #ccc;
    border-top: 1px solid #c00;
    font-size: 10px;
    margin-top: 5px;
    padding: 0 2px
}

#footer a {
    color: #777
}

.headline {
    background: linear-gradient(to bottom, #e26c6c 0%, #cc0001 50%, #cc0404 100%);
    color: #ddd;
    font-weight: 700;
    overflow: hidden;
    padding: 2px 5px 2px 8px;
    text-align: center
}

.headline a {
    color: #ddd
}

.subheadline {
    font-size: 12px;
    font-weight: 700
}

.navicat1 {
    background: #ccc;
    border: 1px solid #c00;
    overflow: hidden;
    padding: 2px
}

.navicat {
    background: #ccc;
    border: 1px solid #c00;
    margin-top: 5px;
    overflow: hidden;
    padding: 2px
}

.navihead {
    background: linear-gradient(to bottom, #e26c6c 0%, #cc0001 50%, #cc0404 100%);
    color: #ddd;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    padding: 2px 5px
}

.navielement {
    background: #aaa;
    margin-top: 2px;
    padding: 2px 2px 2px 5px
}

.navielement a {
    color: #333
}

.afw0 {
    background-color: #ccc;
    border: 0;
    margin: 5px 0 45px 20px
}

.afw0 a {
    font-weight: 400;
    color: inherit
}

.erklaerung {
    color: #666;
    font-size: 9px
}

a.activelink {
    background: #c00;
    color: #fff;
    padding: 0 3px
}

.w125 {
    width: 125px
}

.w172 {
    width: 172px
}

.w200 {
    width: 200px
}

.w240 {
    width: 240px
}

.w246 {
    width: 246px
}

.p2 {
    padding: 2px
}

.rmitl, .rmitl3, .mitl, .mitl2 {
    font-size: 11px;
    padding-top: 10px;
    width: 100%
}

.mitl3 {
    padding-top: 10px;
    width: 100%
}

.rmitl4 {
    font-size: 10px;
    width: 100%
}

.rmitl4 th a {
    color: #000;
    text-decoration: none
}

.rmitl th {
    background: #c00;
    color: #ddd;
    font-weight: 700
}

.mitl label img {
    width: 30px
}

.listhead {
    background: #c00;
    color: #ddd;
    font-weight: 700;
    padding: 3px
}

.mtopm {
    background-color: #888;
    border-bottom: 1px solid #c00;
    color: #ccc;
    float: right;
    overflow: hidden;
    clear: right
}

.mtopm a {
    color: #ddd;
    padding: 0 5px
}

.activLink {
    background-color: #c00
}

.fff {
    color: #fff
}

.foo {
    color: red
}

.c58 {
    color: #c58
}

.ono {
    color: #090
}

.noo {
    color: #900
}

.i {
    font-style: italic
}

.u {
    text-decoration: underline
}

.cp {
    cursor: pointer
}

.oh {
    overflow: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.mt10 {
    margin-top: 10px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.bb1, .rmitl td, .rmitl3 th {
    border-bottom: 1px solid #c00
}

.rmitl4 th {
    border-bottom: 1px solid #c00;
    font-size: 11px
}

.bb1p2 {
    border-bottom: 1px solid #c00;
    padding: 2px 1px
}

.mr5 {
    margin-right: 5px
}

.fs10 {
    font-size: 10px
}

.fs12 {
    font-size: 12px
}

.w75 {
    width: 75px
}

.w115 {
    width: 115px
}

.dn {
    display: none
}

#y {
    background: rgba(10, 5, 0, 0.8);
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 102
}

#z {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

#anzeigediv0 {
    color: red;
    cursor: pointer;
    font-size: 100px;
    left: 290px;
    position: fixed;
    top: 100px;
    z-index: 103
}

#anzeigediv1 {
    color: #0f0;
    cursor: pointer;
    font-size: 100px;
    left: 480px;
    position: fixed;
    top: 100px;
    z-index: 103
}

#anzeigediv2 {
    color: #ff0;
    cursor: pointer;
    font-size: 100px;
    left: 480px;
    position: fixed;
    top: 100px;
    z-index: 103
}

.mitl1 input[type=checkbox], .mitl1w input[type=checkbox] {
    width: 13px
}

.mitl1 input, .mitl1 select, .mitl1 textarea {
    width: 540px
}

.mitl1w input, .mitl1w select, .mitl1w textarea {
    width: 800px
}

.icontd label {
    float: left;
    margin-right: 20px;
    text-align: center
}

#servicebox {
    height: 200px;
    overflow: auto;
    width: 100%
}

.fsk12dd {
    background: #eee;
    border: 1px solid #999;
    height: 100px;
    overflow: auto;
    padding: 2px;
    width: 100%
}

.fsk12dd div {
    border: 1px solid #333;
    overflow: hidden;
    padding: 2px
}

.narrowform th {
    font-weight: 700;
    text-align: left;
    vertical-align: top
}

.narrowform td {
    font-weight: 400;
    text-align: left;
    vertical-align: top
}

.narrowform td input, .narrowform td textarea, .narrowform td select {
    width: 600px
}

th {
    text-align: left
}

.content a, .b {
    font-weight: 700
}

.w150, .mitl1 input[type=button], .mitl1 input[type=submit], .mitl1w input[type=button], .mitl1w input[type=submit] {
    width: 150px;
    -webkit-appearance: none
}

.mitl3 th, .fs11 {
    font-size: 11px
}

.narrowform, #rgcart {
    width: 100%
}

@media print {
    .noprint {
        display: none
    }
}

@media screen {
    .printonly {
        display: none
    }
}

.navielement input[type=text] {
    width: 147px
}

.navielement input[type=submit] {
    display: none
}

#c1 {
    overflow: hidden;
    margin-bottom: 10px;
    min-width: 1250px
}

.b888 {
    color: #888;
    font-weight: 700
}

input.in100 {
    width: 100px
}

.nobr {
    white-space: nowrap
}

.fs14 {
    font-size: 14px
}

.fs18 {
    font-size: 18px
}

.vat {
    vertical-align: top
}

.fw900 {
    font-weight: 900
}

.ogo {
    color: #090
}

#rgtab, #rgtab2 {
    width: 100%
}

.tooltipbox {
    width: 108px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap
}

.vh {
    visibility: hidden
}

.defform input[type=text] {
    width: 500px
}

.defform select {
    width: 504px
}

.defform textarea {
    width: 500px
}

.w-full {
    width: 100%
}

.timescale {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}

.timescale > div > div:first-of-type > div {
    width: 80px;
    border: 1px solid #000;
    padding: 2px 5px;
    float: left;
    overflow: hidden;
}

.timescale > div > div:last-of-type {
    border: 0;
    margin: 2px 0;
}

.timescale > div > div:last-of-type a {
    overflow: hidden;
    display: inline-block;
    padding: 2px;
    border: 1px solid #000;
}

#mobilemenu {
    display: none
}

.suchform {
    width: 100%
}

.suchform input[type=text], .suchform input[type=number], .suchform input[type=password], .suchform input[type=date], .suchform textarea {
    width: 100%;
    border: 1px solid #333;
    padding: 2px 5px
}

.suchform select {
    width: 100%;
    border: 1px solid #333;
    padding: 2px 5px
}

.container {
    overflow: hidden
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-xs-2-5, .col-md-2-5, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-1-7th, .col-xs-2-7th, .col-xs-3-7th, .col-xs-4-7th, .col-xs-5-7th, .col-xs-6-7th, .col-xs-7-7th, .col-xs-1-8th, .col-xs-2-8th, .col-xs-3-8th, .col-xs-4-8th, .col-xs-5-8th, .col-xs-6-8th, .col-xs-7-8th, .col-xs-8-8th, .col-md-auto {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

.col-xs-1, .col-xs-2, .col-xs-2-5, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-1-7th, .col-xs-2-7th, .col-xs-3-7th, .col-xs-4-7th, .col-xs-5-7th, .col-xs-6-7th, .col-xs-7-7th, .col-xs-1-8th, .col-xs-2-8th, .col-xs-3-8th, .col-xs-4-8th, .col-xs-5-8th, .col-xs-6-8th, .col-xs-7-8th, .col-xs-8-8th {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-2-5 {
    width: 20%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-1-7th {
    width: 14.28571%
}

.col-xs-2-7th {
    width: 28.57142%
}

.col-xs-3-7th {
    width: 42.85714%
}

.col-xs-4-7th {
    width: 57.14285%
}

.col-xs-5-7th {
    width: 71.42857%
}

.col-xs-6-7th {
    width: 85.71428%
}

.col-xs-7-7th {
    width: 100%
}

.col-xs-1-8th {
    width: 12.5%
}

.col-xs-2-8th {
    width: 25%
}

.col-xs-3-8th {
    width: 37.5%
}

.col-xs-4-8th {
    width: 50%
}

.col-xs-5-8th {
    width: 62.5%
}

.col-xs-6-8th {
    width: 75%
}

.col-xs-7-8th {
    width: 87.5%
}

.col-xs-8-8th {
    width: 100%
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none !important
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

.p {
    padding: 10px
}

.p-t {
    padding-top: 10px
}

.p-b {
    padding-bottom: 10px
}

.p-r {
    padding-right: 10px
}

.p-l {
    padding-left: 10px
}

.p-tb {
    padding-top: 10px;
    padding-bottom: 10px
}

.p-lr {
    padding-right: 10px;
    padding-left: 10px
}

.p-lg {
    padding: 20px
}

.p-t-lg {
    padding-top: 20px
}

.p-t-xlg {
    padding-top: 40px
}

.p-b-lg {
    padding-bottom: 20px
}

.p-r-lg {
    padding-right: 20px
}

.p-l-lg {
    padding-left: 20px
}

.p-tb-lg {
    padding-top: 20px;
    padding-bottom: 20px
}

.p-lr-lg {
    padding-right: 20px;
    padding-left: 20px
}

.p-sm {
    padding: 5px
}

.p-t-sm {
    padding-top: 5px
}

.p-b-sm {
    padding-bottom: 5px
}

.p-r-sm {
    padding-right: 5px
}

.p-l-sm {
    padding-left: 5px
}

.p-tb-sm {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-lr-sm {
    padding-right: 5px;
    padding-left: 5px
}

.m {
    margin: 10px
}

.m-t {
    margin-top: 10px
}

.m-b {
    margin-bottom: 10px
}

.m-l {
    margin-left: 10px
}

.m-r {
    margin-right: 10px
}

.m-tb {
    margin-top: 10px;
    margin-bottom: 10px
}

.m-lr {
    margin-left: 10px;
    margin-right: 10px
}

.m-lg {
    margin: 20px
}

.m-t-lg {
    margin-top: 20px
}

.m-t-xlg {
    margin-top: 40px
}

.m-b-lg {
    margin-bottom: 20px
}

.m-b-xlg {
    margin-bottom: 40px
}

.m-l-lg {
    margin-left: 20px
}

.m-r-lg {
    margin-right: 20px
}

.m-tb-lg {
    margin-top: 20px;
    margin-bottom: 20px
}

.m-lr-lg {
    margin-left: 20px;
    margin-right: 20px
}

.m-sm {
    margin: 5px
}

.m-t-sm {
    margin-top: 5px
}

.m-b-sm {
    margin-bottom: 5px
}

.m-l-sm {
    margin-left: 5px
}

.m-r-sm {
    margin-right: 5px
}

.m-tb-sm {
    margin-top: 5px;
    margin-bottom: 5px
}

.m-lr-sm {
    margin-left: 5px;
    margin-right: 5px
}

.col-th {
    font-weight: 700
}

.fs14i {
    font-size: 14px !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

#zimmer_frei .emojiicon {
    line-height: 1.2
}

#loginform {
    overflow: hidden
}

#loginform input[type=text], #loginform input[type=password], #loginform input[type=submit], #loginform textarea, #loginform select {
    width: 100%;
    -webkit-appearance: none
}

#logindiv {
    overflow: hidden;
    text-align: center;
    width: 600px;
    margin: 50px auto 50px;
    background: #c00;
    padding: 14px 2px 17px;
    font-size: 24px
}

#logindiv > img {
    float: left;
    margin: 17px 13px
}

#logindiv h1 {
    margin-bottom: 25px;
    overflow: hidden;
    text-align: center;
    color: #fff
}

.emojiblack {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.shadow-pink {
    text-shadow: 0 0 5px #c58
}

.fwcalcell, .fwcalcell-single, .fwcalcell-triple {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 2px
}

.fwcalcell a, .fwcalcell-single a, .fwcalcell-triple a {
    overflow: hidden
}

.inp80 input[type=button], .inp80 input[type=submit], .inp80 input[type=reset] {
    width: 80%;
    padding: 3px 6px;
    -webkit-appearance: none
}

.inp80 input[type=text], .inp80 input[type=password], .inp80 input[type=number], .inp80 input[type=date] {
    width: 80%;
    padding: 3px
}

.inp80 select {
    width: 80%;
    padding: 3px
}

.inp80 textarea {
    width: 80%;
    padding: 3px
}

.inp80 label.label-button {
    width: 80%
}

.emojiicon {
    font-size: 18px;
    line-height: 0.8;
    font-weight: 400;
    cursor: pointer;
    font-family: "Segoe UI Emoji", sans-serif;
}

.emojiicon-md-small {
    font-size: 12px
}

.rgtabbutton {
    background: #fff;
    border: 1px solid #999;
    color: #000;
    padding: 6px;
    text-align: center
}

.app-verwaltung {
    overflow: hidden
}

.app-verwaltung > div {
    overflow: hidden;
    margin: 20px 0;
    width: 1068px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    position: relative
}

.app-verwaltung > div > div {
    overflow: hidden;
    border: 2px solid #000;
    background: rgba(200, 200, 255, 0.85);
    text-align: center;
    position: absolute
}

.app-verwaltung > div > div.active {
    background: rgba(200, 255, 200, 0.85)
}

.app-grundriss-1 {
    height: 363px;
    background-image: url(/images/app_appartements/1.png);
}

.app-room-1-5 {
    top: 11px;
    left: 11px;
    width: 184px;
    height: 111px;
    padding-top: 34px;
}

.app-room-1-4 {
    top: 179px;
    left: 57px;
    width: 122px;
    height: 173px;
    padding-top: 66px;
}

.app-room-1-3 {
    top: 179px;
    left: 179px;
    width: 109px;
    height: 173px;
    padding-top: 66px;
}

.app-room-1-2 {
    top: 179px;
    left: 289px;
    width: 109px;
    height: 173px;
    padding-top: 66px;
}

.app-room-1-1 {
    top: 179px;
    left: 399px;
    width: 170px;
    height: 173px;
    padding-top: 66px;
}

.app-room-1-6 {
    top: 11px;
    left: 676px;
    width: 130px;
    height: 129px;
    padding-top: 43px;
}

.app-room-1-10 {
    top: 189px;
    left: 676px;
    width: 149px;
    height: 163px;
    padding-top: 56px;
}

.app-room-1-9 {
    top: 189px;
    left: 827px;
    width: 114px;
    height: 163px;
    padding-top: 56px;
}

.app-room-1-8 {
    top: 189px;
    left: 943px;
    width: 114px;
    height: 163px;
    padding-top: 56px;
}

.app-room-1-7 {
    top: 11px;
    left: 923px;
    width: 134px;
    height: 129px;
    padding-top: 43px;
}

.hue-grey {
    filter: grayscale(100%);
}

.hue-green {
    filter: hue-rotate(90deg) brightness(1.75);
}


.app-rooms-bilder {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.app-rooms-bilder div {
    display: inline-block;
    overflow: hidden;
    margin: 0 10px 10px 0;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
}

.app-rooms-bilder img {
    display: block;
    width: 253px;
    height: 236px;
    margin-bottom: 8px;
}

.app-rooms-bilder input[type=text] {
    display: inline-block;
    width: 50%;
    margin: 0 8px 0 0;
}

.app-legal-table > div:nth-child(1) > div {
    height: auto;
}

.app-legal-table > div:nth-child(2) > div {
    height: 72px;
}

.app-legal-table > div:nth-child(3) > div {
    height: auto;
}

.app-legal-table > div:nth-child(4) > div {
    height: auto;
}

.app-legal-table > div:nth-child(5) > div {
    height: 50px;
}

.app-legal-table > div:nth-child(6) > div {
    height: 50px;
}

.app-legal-table > div > div {
    border: 1px solid #000;
    height: 45px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#suchsuggestbox {
    background-color: #fff;
    box-shadow: 0 0 15px 2px #888;
    display: none;
    left: 10px;
    max-height: 269px;
    min-width: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    position: absolute;
    top: 200px;
    z-index: 102;
}

#suchsuggestbox > span {
    color: #000;
    cursor: pointer;
}

#suchsuggestbox > span > span {
    font-weight: 700;
}

.app-cal-cell {
    background: #ececec;
    color: #000;
    padding: 4px 0;
    text-align: center;
}

.app-cal-cell span {
    display: inline-block;
    overflow: hidden;
    width: 110px;
}

.app-cal-head {
    background: #fff;
}

.app-cal-reserved {
    background: #ff0;
}

.app-cal-booked {
    background: #f00;
}

.app-cal-mine {
    background: #0f0;
}

.app-cal-dim-8 {
    height: 15px;
    width: 51px;
}

.app-cal-dim-8-col {
    border: 1px solid #222;
    height: 90px;
    width: 51px;
}

.app-cal-dim-8-col table {
    background: #fff;
}

.app-cal-cell.app-cal-dim-8-col {
    padding: 0;
}

.scroll-container {
    overflow-x: hidden;
    overflow-y: auto;
    height: 180px;
}

.mt33 {
    margin-top: 33px;
}

.online-counter table {
    font-size: 150%;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}