.calendar{width:100%;display:table}.calendar header{height:40px;overflow:hidden;padding:0;font-weight:700;text-transform:uppercase;position:relative;align-items:center;border-radius:5px;background:var(--colorPrimary)!important;cursor:default;display:flex}.calendar header span{color:#fff;line-height:39px;display:inline-block}.calendar header .button{transition:all .3s linear;-webkit-transition:all .3s linear ease;-moz-transition:all .3s linear ease;-ms-transition:all .3s linear ease;-o-transition:all .3s linear ease;position:absolute;text-align:center;background:var(--colorPrimary)!important;cursor:pointer;width:40px}.calendar header .button:hover{background:#0582e1!important}.calendar header .left.button{left:0}.calendar header .right.button{right:0;top:0}.calendar header .header-label{letter-spacing:1px;text-align:center;cursor:pointer;width:100%}.calendar table{border-collapse:collapse;margin-bottom:15px;background:#fff}.calendar table td{height:45px;color:#2b2b2b;text-align:center;border-radius:3px;cursor:default;width:30px;line-height:30px}.calendar thead th{height:30px;padding:10px 0;font-size:14px;font-weight:700;color:var(--colorBlack);text-transform:uppercase;border-bottom:1px solid #e3eeff;text-align:center;width:14.2%;line-height:30px}.calendar .calendar-frame table{width:100%}.calendar .calendar-frame tbody td.today{color:#fff;background:#2a9cf5}.calendar .calendar-frame tbody td:not(.disabled).selected{color:#555;background:#eee}.calendar .calendar-frame tbody td:not(.disabled):hover{color:#fff;background:#555;cursor:pointer}