.avatar{width:140px}.border-right{border-right:1px solid #dee2e6!important}.user-information{justify-content:flex-start}.circle-icon,.user-information{display:flex;align-items:center}.circle-icon{min-width:50px;min-height:50px;border-radius:50rem;background:var(--primary-color);color:var(--banner-text-color);justify-content:center}.time-card{border-radius:7px;border:1px solid var(--primary-color);color:var(--primary-color);text-align:center;background:hsla(0,0%,87.1%,.3176470588235294);width:100%}.timeCardSlideIn{animation:timeCardSlideIn .5s ease-in-out;overflow:hidden!important;position:relative}.time-div{height:235px!important;overflow:scroll}.active-time,.time-card:hover{background:var(--primary-color);color:var(--banner-text-color);cursor:pointer;box-shadow:var(--primary-color) 0 4px 12px}.overlay-loading{position:absolute;z-index:5;background:hsla(0,0%,87.1%,.3176470588235294);top:0;left:0;width:100%;height:265px;display:flex;align-items:center;justify-content:center}@keyframes timeCardSlideIn{0%{background:#fff;opacity:0;overflow:hidden!important;left:-30%}50%{background:#fff;opacity:0;overflow:hidden!important;left:-20%}to{opacity:1;overflow:hidden!important;left:0}}.appointment-modal{position:fixed;z-index:1054;background-color:#f5f7f2;top:0;height:100vh;width:100vw;overflow-y:scroll;left:0;animation:openIt .3s ease-in}@keyframes openIt{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.appointment-modal-close{cursor:pointer}