.modal-backdrop{position:fixed;z-index:10;top:0;bottom:0;left:0;right:0;background-color:rgba(2,2,2,.5);display:flex;justify-content:center;align-items:center}.modal{background:#fff;box-shadow:0 4px 100px rgba(0,0,0,.15);border-radius:5px;overflow-x:auto;display:flex;flex-direction:column;position:relative}.btn-close{position:absolute;top:10px;right:10px;padding:10px;z-index:1}.modal-fade-enter,.modal-fade-leave-active{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .5s ease}.request{background:#fff}.request__date{background:#f4f8fc;padding:40px}.request__date .icon{margin-right:20px}.request .user{margin-bottom:40px}.request .user__img{width:50px;border-radius:50%;margin-right:20px}.request .user__name{font-weight:500;font-size:28px}.request__item{margin-bottom:40px}.request__item--bordered{padding-bottom:40px;border-bottom:1px solid #e5e5e5}.request__item .is-subtitle{margin-bottom:20px}.request__item .is-subtitle a{color:#2c77cf}.appointment-info{padding:50px 40px;box-sizing:border-box;border-right:2px solid #e5e5e5;min-height:940px;display:flex;flex-direction:column;justify-content:space-between}.appointment-info .status-comment,.appointment-info__title{margin-bottom:30px}.appointment-info .calendar-modal{width:830px;box-sizing:border-box}.appointment-info .calendar-modal__footer{background:#f4f8fc;padding:35px 40px;color:#020202}.appointment-info .calendar-modal__item{padding:50px 30px}.appointment-info .calendar-modal__item .time-tag{cursor:pointer;text-align:center;width:70px;height:30px;line-height:30px;margin:8px;font-size:15px;display:inline-block;border-radius:3px;border:1px solid transparent}.appointment-info .calendar-modal__item .time-tag:hover{background:#f4f8fc}.appointment-info .calendar-modal__item .time-tag--bordered{border-color:#2c77cf}.appointment-info .calendar-modal__item .time-tag--disabled{color:#9f9f9f;background:transparent!important;border-color:transparent;pointer-events:none}.appointment-info .calendar-modal__item .time-tag--selected{background:#2c77cf!important;color:#fff!important}.appointment-info .modal-cancel{padding:80px;box-sizing:border-box;width:480px;text-align:center}.appointment-info .modal-cancel .is-title{margin-bottom:40px}.appointment-info .modal-cancel .link{display:block;margin-top:20px}