body
{
    margin:                  0;
    padding:                 0;
    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;;
    background-repeat:no-repeat ;
}

body,
html
{
    height: 100%;
}

body,
mbsc-page > .mbsc-page
{
    margin:   0;
    padding:  0;
    height:   100%;
    overflow: visible;
}

.demo-paging,
.md-paging,
.md-paging > div,
.md-paging .md-page
{
    height:   100%;
    padding:  0;
    overflow: hidden;
}

.md-paging .md-list-cont,
.md-paging .mbsc-scv-item > .mbsc-lv-cont
{
    -webkit-box-flex:           1;
    -webkit-flex:               1 auto;
    -ms-flex:                   1 auto;
    flex:                       1 auto;
    overflow:                   auto;
    -webkit-overflow-scrolling: touch;
}

.md-paging .mbsc-lv-img
{
    pointer-events: none;
    border-radius:  2.8em;
    height:         2.8em;
}

.mbsc-page, .mbsc-page *
{
    /*                 box-sizing: content-box;*/
}

.mbsc-ios .mbsc-lv
{
    background: none;
}

.mbsc-ios .mbsc-lv-item
{
    background: none;
    border:     none;
    color:      #000;
}

.mbsc-ios.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even)
{
    background: none;
}

.mbsc-ios .mbsc-lv-item:before, .mbsc-ios .mbsc-lv-item:after
{
    border-top: none;
}

.mbsc-lv-sl-c
{
    margin-top: 80px;overflow: hidden;
}

a.logo img
{height: 50px;position: absolute;left: 10px;top: 10px}

img.avatar
{width: 100px;height: 100px;position: absolute;top: 10px;right: 10px;}

img.avatar_template
{width: 100px;height: 100px;border-radius: 90px;}

div.content
{font-size: 10pt;color: white;position: relative;}

div.content span.date
{font-size: 10pt;font-weight: bold;color: #0a0a0a}

div.content span.time
{padding: 0px;color: #272727;}

div.content span.time.free:hover
{text-decoration: underline;}

div.content span.time.busy
{color: #6666FF;}