html,body,input{
    font-family: "Open Sans", sans-serif;
    font-size:16px;
}

#AtsContactForm{
    .form-group{
        display:flex;
        flex-direction: column;
        margin-bottom:1rem;
        select, input[type="text"],textarea {
            display: inline-block;
            height: 37px;
            padding: 5px 10px;
            font-size: 1rem;
            line-height: 1.6;
            color: #333333;
            border: 1px solid #ccc;
            border-radius: 10px;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            transition: border linear 0.2s, box-shadow linear 0.2s;
        }
        .label{
            font-weight:bold;
        }
        .input{
            width:18rem;
            max-width:100%;

        }
        select{
            width:310px;
            height:49px;
        }

        textarea{
            width:40rem;
        }
    }
    .grp-message{
        .input{
            width:40rem;
            height:auto;
        }
    }
    
    .grp-title { 
        position: absolute;
        left: -9999px;
    }

    .grp-submit{
        input[type="submit"]{
            color:#fff;
            font-weight:bold;
            box-shadow: 0 0 40px 40px #57034e inset, 0 0 0 0 #57034e;
            background-color: #fff;
            border: 2px solid #B905A5;
            text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
            outline: 1px solid #B905A5;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-radius: 10px;
            padding:0.75rem 2rem;
            margin-right: 0.5rem;
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        }
        #btnSubmit.submitted{
            display:none;
        }
    }

    .required .label{
        &:before{
            content:"*";
            color:red;
            margin-right:.25rem;
        }
    }
}