html, body {
    height  : 100%;
    width   :100%;
    margin  : 0;
    padding : 0;
}

body > .b-scheduler {
    background      : transparent url(snow-landscape-1.jpg) no-repeat center center;
    background-size : cover;
}

.b-sch-event.invisible {
    opacity : 0 !important;
    transition: transform 0s !important;
}

.b-sch-event.visible {
    opacity : 0.8!important;
    transition: transform 1s !important;
    transition-timing-function: ease-in-out !important;
}

.b-resource-info img {
    box-shadow       : 0 0 10px rgba(32, 32, 32, 0.05);
    background-color: #ddd;
    padding          : 2px;
    width            : 3em;
    height           : 3em;
}

.b-resource-info dt {
    font-size:1.2em;
}

.b-resource-info dd {
    font-weight: normal;
}

a.credit {
    color:#fff;
    z-index: 1000;
}

.b-grid-header-container,
.b-grid-subgrid-locked .b-grid-cell {
    background  : rgba(255, 255, 255, 0.6) !important;
    font-weight : bold;
}

.b-grid-header-container .b-sch-timeaxiscolumn {
    background: transparent;
}

.falling-snow {
    position  : relative;
    display   : inline-block;
    max-width : 100%;
}

.falling-snow img {
    max-width : 100%;
    height    : auto;
    display   : block;
}

.falling-snow .b-sch-event i:after,
.falling-snow .b-sch-event i:before {
    content : "";
}

.falling-snow .b-sch-event i:after,
.falling-snow .b-sch-event i:before,
.falling-snow .b-sch-event i {
    display  : block;
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
}

.falling-snow .b-sch-event i:after {
    -webkit-animation : falling-down-snow 4s linear infinite;
    -moz-animation    : falling-down-snow 4s linear infinite;
    animation         : falling-down-snow 4s linear infinite;
}

.falling-snow .b-sch-event i:before {
    -webkit-animation : falling-down-snow 8s linear infinite;
    -moz-animation    : falling-down-snow 8s linear infinite;
    animation         : falling-down-snow 8s linear infinite;
}

.falling-snow .b-sch-event i {
    -webkit-animation : falling-down-snow 20s linear infinite;
    -moz-animation    : falling-down-snow 20s linear infinite;
    animation         : falling-down-snow 20s linear infinite;
}

@-webkit-keyframes falling-down-snow {
    from {
        background-position : 0 0;
    }
    to {
        background-position : 0px 280px;
    }
}

@-moz-keyframes falling-down-snow {
    from {
        background-position : 0 0;
    }
    to {
        background-position : 0px 280px;
    }
}

@keyframes falling-down-snow {
    from {
        background-position : 0 0;
    }
    to {
        background-position : 0px 280px;
    }
}

.falling-snow.snowflakes .b-sch-event i:after {
    background-image : url("snowflakes-lg.png");
}

.falling-snow.snowflakes .b-sch-event i:before {
    background-image : url("snowflakes-md.png");
}

.falling-snow.snowflakes .b-sch-event i {
    background-image : url("snowflakes-sm.png");
}