.block-calendar{padding:30px 0px}
.block-calendar .card-header{font-size: 30px; font-weight: 500; color:#36393c; padding:10px 0px; background: none}
.card-calendar{margin-bottom: 30px; background: #f8f8f8; transition: all 0.3s ease-in-out}
.card-calendar:hover{background: transparent; border-color: #0084da}
.card-calendar .card-body{padding:15px}
.card-calendar .icon-calendar{width: 50px; height: 50px; background: #00aeef; border-radius:50%}
.card-calendar:hover .icon-calendar{background: #0084da}
.card-calendar .icon-calendar i{line-height: 50px; font-size: 24px; color: #fff}
.card-calendar .title{font-weight: 500; color: #00aeef}
.card-calendar:hover .title{color:#0084da}
.card-calendar .date{color: #777; font-size: 12px; position: absolute; right:10px; bottom:5px; font-style: italic}