@media all {
    .kalajaxforms-confirmation-wrapper {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .kalajaxforms-confirmation-inner-wrapper {
        display: block;
        height: auto;
        margin: 0;
    }
    .kalajaxforms-popup-confirmation {
        position: relative;
        background: #FFF;
        padding: 20px;
        width: auto;
        max-width: 500px;
        margin: 20px auto;
        border-radius: 4px;
    }
    .kalajaxforms-inline-confirmation {
        position: absolute;
        padding: 15px;
        top: 0;
        left: 0;
        right: 0;
        /* we can either use bottom: 0
        in which case the thick grey border on the left will go down the whole
        height of the form even if the confirmation box takes less space
        or use height and max-height in which case the border will stop
        at the end of the confirmation content and if it's smaller than
        the form will leave a blank space below without a border */
        /* bottom: 0; */
        max-height: 100%;
        overflow-y: hidden;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-left: 8px solid rgba(0, 0, 0, 0.15);
    }
    .kalajaxforms-question {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        margin-bottom: 15px;
        padding-bottom: 5px;
    }
    .kalajaxforms-question:last-of-type {
        border-bottom: none;
    }

    .kalajaxforms-question label {
        font-weight: bold;
    }
    .kalajaxforms-toolbar-button {
        margin-right: 15px;
    }
    /* for social links in confirmation screen */
    .kalajaxforms-confirmation-inner-wrapper span.ccm-social-link-service {
        display: inline-block;
    }
    .kalajaxforms-confirmation-inner-wrapper span.ccm-social-link-service-icon,
    .kalajaxforms-confirmation-inner-wrapper span.ccm-social-link-service-info {
        display: inline-block;
        vertical-align: middle;
    }
    .kalajaxforms-confirmation-inner-wrapper span.ccm-social-link-service-icon {
        margin-right: 5px;
    }
    .kalajaxforms-confirmation-inner-wrapper span.ccm-social-link-service-info {
        margin-right: 20px;
    }
    .kalajaxforms-spinner,
    .kalajaxforms-spinner:after {
        border-radius: 50%;
        width: 1em;
        height: 1em;
    }
    .kalajaxforms-spinner {
        display: inline-block;
        margin-left: 0.25em;
        margin-bottom: -0.15em;
        font-size: inherit;
        position: relative;
        text-indent: -9999em;
        border-top: 0.25em solid rgba(255, 255, 255, 0.2);
        border-right: 0.25em solid rgba(255, 255, 255, 0.2);
        border-bottom: 0.25em solid rgba(255, 255, 255, 0.2);
        border-left: 0.25em solid #ffffff;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: kalajaxformsloader 1.1s infinite linear;
        animation: kalajaxformsloader 1.1s infinite linear;
    }
    .kalajaxforms-inline-error {
        padding: 5px 15px 5px 0;
        display: block;
    }
    .kalajaxforms-inline-error .ccm-error {
        margin-bottom: 0;
    }
    @-webkit-keyframes kalajaxformsloader {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    @keyframes kalajaxformsloader {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
}

@media print {
    html ,
    body{
        -webkit-print-color-adjust: exact!important;
        background-color: transparent !important;
    }
    @page {
        size: A4 portrait;
        margin: 0.35in!important; /* without this the header is hidden in most browsers because margins are too small */
    }
    .kalajaxforms-confirmation-inner-wrapper {
        position: relative;
        height: auto;
        padding: 15px;
        margin: 0;
        border: 1px solid rgba(0, 0, 0, 0.15)!important;
    }
    .kalajaxforms-inline-confirmation {
        /* border: none!important; */
    }
}