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