@media (min-width: 768px){
    #ModalConfiguration:before {
        height: 0%;
    }
}
.error-info{
    color:red
}
#ModalConfiguration.modal.fade.in{
    display: flex !important;
    align-items: center;
    justify-content: center;
    /*padding-right: 17px !important;*/
    padding: 0 30px!important;
}
.configuration-form__label{
    overflow: hidden;
}
.configuration-form__label.active{
    background: #009966;
}
.configuration-form__label:hover img{
    transform: scale(1.1);
    transition: all 0.5s ease-out;

}
.modal-backdrop.in{
    opacity: 0.9;
}
.configuration-form__img-params-final-image {
    width: 100%;
}



/* Кнопка закрытия конфигуратора */
.ModalCloseBtn {
    cursor: pointer;
    position: absolute;
    right: -53px;
    
}
.ModalCloseBtn span {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: right;
    margin-left: auto;
    background: #3E3E3E;
    width: 38px;
    height: 38px;
}
.ModalCloseBtn span:before,
.ModalCloseBtn span:after {
    position: absolute;
    top: 50%;
    width: 55%;
    height: 2px;
    background: #FFFFFF;
    content: "";
    margin-top: -1px;
    margin-left: 1px;
}
.ModalCloseBtn span:before {
    transform: rotate(45deg);
}
.ModalCloseBtn span:after {
    transform: rotate(-45deg);
}

#ModalConfiguration .modal-dialog {
    display: grid;
    grid-template-columns: 1fr auto;
}