﻿input.error,
select.error,
input.select-dropdown.error {
    /*box-shadow: rgba(230, 0, 0, 0.3) 0 6px 15px !important;*/
    border-bottom: 2px solid #eb5e2d !important;
}

button.choose-button.error {
    /*box-shadow: rgba(230, 0, 0, 0.3) 0 6px 15px !important;*/
    border-bottom: 2px solid #eb5e2d !important;
}

.form-application .checkbox-container input[type="checkbox"].error + label::after {
    /*box-shadow: rgba(230, 0, 0, 0.3) 0 6px 15px !important;*/
    border-bottom: 2px solid #eb5e2d !important;
}

.form-application .checkbox-container label::after {
    transition: box-shadow .2s ease;
}

@media screen {
    .page-content {
        opacity: 0;
        visibility: hidden;
    }

    @keyframes fadein {
        0%, 5% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .loader {
        font-size: 10px;
        margin-top: 50px;
        margin-left: calc(50vw - (11em) * .5);
        text-indent: -9999em;
        width: 11em;
        height: 11em;
        border-radius: 50%;
        background: #ff9e80;
        background: -moz-linear-gradient(left, #ff9e80 10%, rgba(255,158,128, 0) 42%);
        background: -webkit-linear-gradient(left, #ff9e80 10%, rgba(255,158,128, 0) 42%);
        background: -o-linear-gradient(left, #ff9e80 10%, rgba(255,158,128, 0) 42%);
        background: -ms-linear-gradient(left, #ff9e80 10%, rgba(255,158,128, 0) 42%);
        background: linear-gradient(to right, #ff9e80 10%, rgba(255,158,128, 0) 42%);
        position: relative;
        -webkit-animation: load3 1.4s infinite linear;
        animation: load3 1.4s infinite linear;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

        .loader:before {
            width: 50%;
            height: 50%;
            background: #ff9e80;
            border-radius: 100% 0 0 0;
            position: absolute;
            top: 0;
            left: 0;
            content: '';
        }

        .loader:after {
            background: #ffffff;
            width: 75%;
            height: 75%;
            border-radius: 50%;
            content: '';
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

    @-webkit-keyframes load3 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes load3 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
}

@media screen {
    .loader {
        display: none;
    }

    .page-content {
        animation: fadein 2s;
        visibility: visible;
        opacity: 1;
    }
}

.form-msg {
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 15px;
    color:red;
    display:inline-block;
}