@import '../environment';
@import '../shared/application_form';
@import '../shared/policy_prices';
@import '../shared/payment.buy_forms';

p.note
{
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

fieldset.calculations.selected
{
    &.holder,
    .field.person-id
    {
        margin-bottom: 0;
    }
}

fieldset.prices
{
    .term,
    .price
    {
        display: block;
    }

    .field input + label
    {
        margin-left: -10px;
        margin-right: -10px;
    }

    > ul > li
    {
        @include one-fifth-column;

        @include for-desktops
        {
            padding-left: steps(1);
            padding-right: steps(1);
        }
    }

    .term
    {
        @include baseline-box(16px, steps(3), 0.5px, steps(2), steps(2));

        margin-left: -$gutter;
        margin-right: -$gutter;
        margin-bottom: steps(3.5);

        background: $color-background-lighter;
        font-weight: bold;

        @include for-at-least-normal-tablets
        {
            margin-left: steps(-3);
            margin-right: steps(-3);
        }
    }

    .description
    {
        @include for-desktops
        {
            margin-left: steps(-1);
            margin-right: steps(-1);
        }
    }

    .price
    {
        white-space: nowrap;

        @include for-desktops
        {
            margin-left: steps(-3);
            margin-right: steps(-3);
        }
    }
}

fieldset.extra-option
{
    .field input + label
    {
        display: block;
    }

    @include for-desktops
    {
        .price,
        .field
        {
            display: block;
        }

        .price
        {
            margin: 0;
        }
    }
}

.dialog.technical-help
{
    .decline
    {
        width: 100%;
        margin: steps(1) 0;

        @include for-at-least-normal-tablets
        {
            display: none;
        }

        &::before
        {
            content: svg-image-data-url("x", $color-background-lightest);

            display: inline-block;
            width: steps(2);
            height: steps(2);
            margin-left: steps(-2);

            line-height: steps(2);
            vertical-align: top;
        }
    }
}
