﻿.fade:not(.show) {
    pointer-events: none;
}

#premium-benefits:not(.show),
#content-creator-benefits:not(.show) {
    display: none;
}

.premium-form {
    padding: 15px;
    border-radius: 4px;
}

    .premium-form p {
        line-height: 1.2em;
    }

    .premium-form label {
        font-weight: bold;
    }

        .premium-form label.form-check-label {
            font-weight: normal;
        }

    .premium-form label.radio-label {
        width: auto;
        padding-left: 6px;
        font-weight: normal;
    }

        .premium-form input[type=radio]:checked + label.radio-label {
            text-decoration: underline;
        }

    .premium-form fieldset {
        margin: 0 15px 20px;
        padding: 0;
        border-style: none;
        box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #e6ebf1;
        border-radius: 4px;
    }

        .premium-form fieldset label:not(.radio-label) {
            width: 29%;
            display: inline-block;
            text-align: right;
        }

        .premium-form fieldset input:not([type='radio']), 
        .premium-form fieldset select, 
        .premium-form fieldset .form-block > .btn-group {
            width: 70%;
            min-height: 32px;
        }

            .premium-form fieldset .form-block > .btn-group > .btn-group,
            .premium-form fieldset .form-block > .btn-group > .dropdown.bootstrap-select {
                width: 100%;
            }

        .premium-form fieldset input:not([type='radio']),
        .premium-form fieldset button {
            display: inline-block;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            outline: none;
            border-style: none;
            -webkit-box-shadow: 0 2px 1px -1px #e6ebf1;
            box-shadow: 0 2px 1px -1px #e6ebf1;
        }

        .premium-form fieldset .form-block {
            margin: 3px 0;
        }


@media (max-width: 525px) {
    .premium-form fieldset label:not(.radio-label) {
        width: 99%;
        text-align: center;
        margin: 5px 0 0 0;
        margin: 0;
    }

    .premium-form fieldset input:not([type='radio']),
    .premium-form fieldset select,
    .premium-form fieldset .form-block > .btn-group {
        width: 99%;
    }
}
