/*Стили календаря*/
.popup-calendar {
  width: 100%;
  max-width: 600px;
}

.popup-calendar .popup__header {
  padding: 26px 0 24px;
  margin: 0 24px;
  border-bottom: 1px solid #DEDDE9;
}

.popup-calendar .popup__header .popup__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #484848;
}

.popup-calendar .popup__footer {
  border-top: 1px solid #DEDDE9;
  padding: 13px 0px 18px;
  margin: 0 24px;
}

.popup-calendar .popup__footer span {
  font-size: 14px;
  line-height: 19px;
  color: #9190A6;
}

.popup-calendar .popup__footer .popup-loan-payoff__price {margin-bottom: 8px;}

.popup-calendar .popup__footer .popup-loan-payoff__value {
  text-align: right;
  color: #66737E;
}

.ui-datepicker{
  margin: auto;
}
.ui-datepicker-group{
  padding: 29px 10px 0px;
  position: relative;
  width: 256px;
  height: 283px;
}
.ui-widget.ui-widget-content{
    border: none;
    display: flex !important;
}
.ui-widget-header{
    font-size: 14px;
    font-weight: 200;
    color: #66737E;
    background: none;
    border: none;
}
.ui-widget-header .ui-icon{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='14' viewBox='0 0 7 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.76331e-05 12.9995C7.76429e-05 12.7735 0.0760779 12.5465 0.232078 12.3595L4.70808 6.98851L0.393078 1.62651C0.0460782 1.19751 0.114078 0.567505 0.545078 0.220505C0.975078 -0.125495 1.60408 -0.0574946 1.95108 0.373505L6.77908 6.37351C7.07808 6.74351 7.07408 7.27451 6.76808 7.64051L1.76808 13.6405C1.41508 14.0645 0.784078 14.1215 0.360078 13.7685C0.123078 13.5705 7.76205e-05 13.2865 7.76331e-05 12.9995Z' fill='%23484848'/%3E%3C/svg%3E");
}
.ui-datepicker .ui-datepicker-prev span{
    transform: rotate(180deg);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover{
    background: none;
    border: none;
}
.ui-datepicker .ui-datepicker-title{
  margin: 0;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #66737E;
  padding-bottom: 12px;
}
.ui-datepicker th{
    font-size: 14px;
    color: #484848;
    text-align: center;
}
.ui-datepicker td{
    width: 32px;
    height: 32px;
    padding: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    width: 32px;
    height: 32px;
    line-height: 32px;
    border: none;
    background: none;
    text-align: center;
}
.ui-state-active, .ui-widget-content .ui-state-active{
    color: #000;
}

.ui-datepicker td {text-align: center;}

.ui-datepicker td a {padding: 0; display: block;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #DEDDE9;
    color: #31307A;
    padding: 0;
}
.ui-state-hover a, .ui-state-active a{
    background: #6cc2a8 !important;
    color: #fff !important;
    border-radius: 16px;
    border: none !important;
    right: 2px !important;
    top: 2px !important;
}
.ui-datepicker-header .ui-state-hover{
    background: none !important;
}
.ui-datepicker .ui-corner-all {
  display: block;
  width: 24px;
  position: absolute !important;
  top: calc(50% - 5px) !important;
  color: transparent;
  overflow: hidden;
  font-size: 0;
}
.ui-datepicker .ui-corner-all span {
  display: block;
  width: 24px;
}
.ui-datepicker .ui-datepicker-next{
    right: -30px !important;
}
.ui-datepicker .ui-datepicker-prev{
    left: -30px !important;
}
.ui-datepicker .date-redemption a{
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect width='32' height='32' rx='16' fill='%236CC2A8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9998 22.3413C17.9998 23.2403 17.0838 24.0003 15.9998 24.0003C14.9158 24.0003 13.9998 23.2403 13.9998 22.3413V22.0003H17.9998V22.3413ZM24.5208 19.2073L22.7198 17.4043V12.9363C22.7198 9.45526 20.2178 6.49926 16.8988 6.05926C14.9778 5.80426 13.0378 6.39026 11.5828 7.66626C10.1188 8.94826 9.27985 10.7933 9.27985 12.7273L9.27885 17.4043L7.47885 19.2083C7.00985 19.6773 6.87085 20.3773 7.12485 20.9903C7.37985 21.6033 7.97285 22.0003 8.63685 22.0003H11.9998V22.3413C11.9998 24.3593 13.7938 26.0003 15.9998 26.0003C18.2058 26.0003 19.9998 24.3593 19.9998 22.3413V22.0003H23.3618C24.0258 22.0003 24.6188 21.6043 24.8728 20.9903C25.1278 20.3773 24.9888 19.6773 24.5208 19.2073Z' fill='white'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='6' y='6' width='19' height='21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9998 22.3413C17.9998 23.2403 17.0838 24.0003 15.9998 24.0003C14.9158 24.0003 13.9998 23.2403 13.9998 22.3413V22.0003H17.9998V22.3413ZM24.5208 19.2073L22.7198 17.4043V12.9363C22.7198 9.45526 20.2178 6.49926 16.8988 6.05926C14.9778 5.80426 13.0378 6.39026 11.5828 7.66626C10.1188 8.94826 9.27985 10.7933 9.27985 12.7273L9.27885 17.4043L7.47885 19.2083C7.00985 19.6773 6.87085 20.3773 7.12485 20.9903C7.37985 21.6033 7.97285 22.0003 8.63685 22.0003H11.9998V22.3413C11.9998 24.3593 13.7938 26.0003 15.9998 26.0003C18.2058 26.0003 19.9998 24.3593 19.9998 22.3413V22.0003H23.3618C24.0258 22.0003 24.6188 21.6043 24.8728 20.9903C25.1278 20.3773 24.9888 19.6773 24.5208 19.2073Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Crect x='4' y='4' width='24' height='24' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}
.ui-datepicker .date-redemption a{
    color: transparent;
}

.date-redemption {
  font-size: 0 !important;
}

.date-redemption,
.ui-state-title {
  position: relative;
}

.date-redemption:hover:after,
.ui-state-title:hover:after {
  content: attr(data-title);
  position: absolute;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #66737E;
  white-space: nowrap;
  padding: 7px 16px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(145, 144, 166, 0.12);
  border-radius: 4px;
  z-index: 2;
}