/* Start:/bitrix/templates/clinicMobile/components/zweb/zweb.modalform/callback/style.css?17912119723636*/
.zwfAlertMessage {
	position: absolute;
    bottom: -15px;
    color: #CC0000;
    font-size: 0.6em;
}
.modal.successModal .imgWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}
.modal.successModal .imgWrap svg {
    max-width: 100px;
    max-height: 100px;
}
.modal.successModal .imgWrap svg path {
    fill: var(--primary);
}
.modal.successModal .text {
    margin-bottom: 0;
}

.zWebModalOverlay:has(.modal.little),
.zWebModalOverlay:has(.modal.medium) {
    align-items: center;
    justify-content: center;
}

.zWebModalOverlay:has(.modal.little) .zWebModalOverlayBody {
    margin: auto;
    min-width: 0;
    width: 100%;
    max-width: min(400px, calc(100% - 24px));
}

.zWebModalOverlay:has(.modal.medium) .zWebModalOverlayBody {
    margin: auto;
    min-width: 0;
    width: 100%;
    max-width: min(550px, calc(100% - 24px));
}

.zWebModalOverlay:has(.modal.little) .modal.little,
.zWebModalOverlay:has(.modal.medium) .modal.medium {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.profile{
    display: flex;
    flex-wrap: wrap;
    gap: 0 32px;
}
.profile p{
    width: 100%;
}
.profile .field{
    width: calc(50% - 16px);
}

/*.zWebModalOverlayBody.isCheaperModal{*/
/*    height: 85%;*/
/*}*/
/*.zWebModalOverlayBody.isCheaperModal>.ZWForm{*/
/*    overflow: auto;*/
/*    height: 100%;*/
/*}*/

.t-foundCheaper{
    height: 85vh;
    overflow: auto;
}

.ZWForm form button.disabled:hover,
.ZWForm form button.disabled{
    border-color: #ababab;
    background-color: #ababab;
    color: #ffffff;
    cursor: default;
}

/* Селекты формы ремонта в стиле обычных input */
.modal .body .field.select {
    margin-bottom: 32px;
    max-width: 100%;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.modal .body .field.select:has(.nice-select.open) {
    z-index: 20;
}

.modal .body .field.select .nice-select {
    float: none;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 40px;
    line-height: 38px;
    border: 1px solid var(--gray);
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 30px;
    font-size: .8rem;
    font-family: inter, sans-serif;
    background-color: #fff;
    box-sizing: border-box;
    white-space: normal;
}

.modal .body .field.select .nice-select.open {
    z-index: 20;
}

.modal .body .field.select .nice-select .current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    padding-right: 5px;
}

.modal .body .field.select .nice-select:hover,
.modal .body .field.select .nice-select:focus,
.modal .body .field.select .nice-select.open {
    border-color: var(--gray);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
}

.modal .body .field.select .nice-select .list {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 2px;
    box-sizing: border-box;
}

.modal .body .field.select .nice-select .option {
    font-size: .8rem;
    line-height: 1.3;
    min-height: 38px;
    padding: 8px 15px;
    white-space: normal;
    word-break: break-word;
}

.modal .body .field.select .nice-select.disabled {
    background-color: #f7f7f7;
    color: #999;
}

.modal .body .field #price-input[readonly] {
    background-color: #f7f7f7;
    cursor: default;
}
/* End */
/* /bitrix/templates/clinicMobile/components/zweb/zweb.modalform/callback/style.css?17912119723636 */