.wbn-datepicker-modal.active{
    display:block
}
.wbn-datepicker-wrapper{
    position:relative
}
.wbn-datepicker-wrapper ::-moz-selection{
    background-color:#008bce
}
.wbn-datepicker-wrapper ::selection{
    background-color:#008bce
}
input.date {
    color: black;
}
input.day-of-week {
    text-transform: uppercase;
    color: black;
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"]{
    border:none;
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"]::-webkit-input-placeholder{
    color:#959595
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"]:-ms-input-placeholder{
    color:#959595
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"]::placeholder{
    color:#959595
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"]:focus{
    background:#bdbdbd;
    background:-webkit-linear-gradient(top, #bdbdbd 0%, #e0e0e0 100%);
    background:linear-gradient(to bottom, #bdbdbd 0%, #e0e0e0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#e0e0e0',GradientType=0 );
    box-shadow:inset 0px 1px 4px rgba(0,0,0,0.25);
    outline:none
}

.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"]:valid:focus,.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"]:valid:active{
    background:#008bce;
    background:-webkit-linear-gradient(top, #008bce 0%, #29abe2 100%);
    background:linear-gradient(to bottom, #008bce 0%, #29abe2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bce', endColorstr='#29abe2',GradientType=0 );
    box-shadow:inset 0px 2px 10px rgba(0,0,0,0.25) !important
}

.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"][readonly]:focus{
    background:white;
    box-shadow:none
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"][readonly]::-webkit-input-placeholder{
    color:#d2d2d2
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"][readonly]:-ms-input-placeholder{
    color:#d2d2d2
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"][readonly]::placeholder{
    color:#d2d2d2
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"].year{
    width:55px
}
.wbn-datepicker-wrapper .wbn-datepicker-controls input[type="text"].month-label{
    width:45px
}
.wbn-datepicker-wrapper.active{
    z-index:1
}

.wbn-datepicker-wrapper.active .wbn-datepicker-controls input[type="text"]{
    box-shadow:0px 1px 0px #bfc2c9
}

.wbn-datepicker-wrapper.active .wbn-datepicker-controls input[type="text"][readonly]{
    box-shadow:none
}
.wbn-datepicker-wrapper.active .wbn-datepicker-controls+.wbn-datepicker-envelope{
    display:block
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope {
    background-color: #f7c8c9;
    width: auto;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    display: none;
    top: 55px;
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope .views-wrapper{
    width:300%;
    white-space:nowrap;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope .views-wrapper.year{
    margin-left:0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope .views-wrapper.month{
    margin-left:-100%;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope .views-wrapper.week{
    margin-left:-200%;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope .views-wrapper .datepicker-view{
    width:calc(33.33%);
    min-height:1px;
    float:left
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul{
    margin:0;
    padding:0;
    text-align:center;
    list-style:none
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul li{
    color:lightgray
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul li.selectable{
    color:black;
    cursor:pointer
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul li.selectable:hover{
    background-color:#DBEDF4
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul li.selectable:active, .wbn-datepicker-wrapper .wbn-datepicker-envelope ul li.selectable.active {
    background-color: #ea2428;
    color: white;
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.year{
    max-height:205px;
    overflow-y:auto
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.year li{
    margin:5px auto 0;
    padding:15px;
    max-width:200px
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.year li:last-child{
    margin:5px auto
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.month{
    padding:4px
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.month li{
    margin:0 2px 2px 0;
    padding:12px;
    width:calc(calc(100% - 4px) / 3);
    float:left
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.month li:nth-child(3n+3){
    margin-right:0
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.month li:nth-child(3n+4){
    clear:both
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.month li:nth-child(n+10){
    margin-bottom:0
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.month:after{
    content:'';
    clear:both;
    display:block
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.week.labels li{
    padding:5px
}
.wbn-datepicker-wrapper .wbn-datepicker-envelope ul.week li{
    padding:5px 10px;
    width:40px;
    text-align:center;
    display:inline-block
}
pre.prettyprint{
    border-color:lightgray !important;
    padding:10px !important;
    background-color:whitesmoke;
    border-radius:.25rem
}