/* Start:/bitrix/templates/aspro-lite/components/bitrix/form.result.new/popup_calc_price_package/style.css?17011748534153*/
/* calculator price package */
#calc_price_package {
    background-image: url(/upload/iblock/770/rjq4hdbvefu4vmojzk0ybj2e1vrehj8v.png);
    margin-top: 80px;
    padding-top: 0;
    background-size: cover;
}

#calc_price_package a:hover,
#calc_price_package a:focus {
    color: var(--white_text_black_reverse);
}

#calc_price_package .form-send__info-title {
    color: var(--white_text_black_reverse);
}

#calc_price_package .form.popup .form-body {
    padding-bottom: 0;
}

#calc_price_package div[data-sid="SIZE"] {
    grid-area: size;
}

/* div[data-sid="WIDTH"] {
    grid-area: width;
}
div[data-sid="HEIGHT"] {
    grid-area: height;
    position: relative;
} */
#calc_price_package div[data-sid="PRODUCTS_TYPE"] {
    grid-area: product-type;
}

#calc_price_package div[data-sid="COUNT"] {
    grid-area: count;
}

#calc_price_package div[data-sid="EMAIL"] {
    grid-area: email;
}

#calc_price_package div[data-sid="PHONE"] {
    grid-area: phone;
}

#calc_price_package div[data-sid="COMMENT"] {
    grid-area: comment;
}

#calc_price_package div[data-sid="MESSENGER"] {
    grid-area: messenger;
}

#calc_price_package div[data-sid="MESSENGER"] input {
    height: 0;
}

#calc_price_package div[data-sid="MESSENGER"] .input {
    display: flex;
    column-gap: 20px;
}

#calc_price_package div[data-sid="MESSENGER"] .form-group>label {
    display: none;
}

#calc_price_package div[data-sid="MESSENGER"] .form-checkbox__box {
    top: 2px;
    height: 16px;
    width: 16px;
}

#calc_price_package div[data-sid="MESSENGER"] .form-checkbox__label {
    padding-left: 27px;
    color: var(--white_text_black_reverse);
}

#calc_price_package div[data-sid="MESSENGER"] .form-checkbox__input:checked+.form-checkbox__label {
    color: var(--white_text_black_reverse);
}

#calc_price_package div[data-sid="MESSENGER"] .form-checkbox__input:checked+.form-checkbox__label .form-checkbox__box:before {
    top: -1px;
    left: -5px;
}

#calc_price_package .form textarea[data-sid="COMMENT"] {
    height: 137px;
}

#calc_price_package form[name="calc_price_package_s1"] .form-body {
    display: grid;
    grid-template-areas: "size count comment"
        "product-type phone comment"
        ". messenger .";
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr 0.2fr;
    column-gap: 20px;
}

#calc_price_package form[name="calc_price_package_s1"] .form-footer-btn-result {
    text-align: center;
    margin-bottom: 20px;
}

#calc_price_package .fancybox-container.licenses-detail-fancybox-container .fancybox-bg {
    background: #3a3f44;
    opacity: 0.7 !important;
}

#calc_price_package .licenses-detail-fancybox-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

#calc_price_package #licenses-detail {
    padding: 30px;
    display: none;
    width: 60vw;
    height: 70vh;
}

@media (max-width: 767px) {
    #calc_price_package form[name="calc_price_package_s1"] .form-body {
        grid-template-areas: "size count "
            "product-type product-type"
            "phone phone"
            "messenger messenger"
            "comment comment";
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr 1fr 1fr 0.2fr 2fr;
    }

    #calc_price_package #licenses-detail {
        width: 80vw;
    }
}

@media (max-width: 600px) {
    #calc_price_package .form.popup form[name="calc_price_package_s1"] .form-body {
        grid-template-areas: "size"
            "count"
            "product-type"
            "phone"
            "messenger"
            "comment";
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 0.2fr 2fr;
        padding-left: 0;
        padding-right: 0;
    }

    #calc_price_package .form-header {
        padding-left: 0;
        padding-right: 0;
    }

    #calc_price_package .form-header .title {
        font-size: 1.4rem;
    }

    #calc_price_package #licenses-detail {
        width: 95vw;
    }

    #calc_price_package #licenses-detail h2 {
        font-size: 1.4rem;
    }

    #calc_price_package #licenses-detail p {
        font-size: 14px;
    }
}

/* end calculator price package */
/* End */
/* /bitrix/templates/aspro-lite/components/bitrix/form.result.new/popup_calc_price_package/style.css?17011748534153 */