.secureforms-form {
    box-sizing: border-box;
    width: 100%;
    padding: 25px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    background: rgb(246, 249, 251);
    color: #212121;
}

.secureforms-form *,
.secureforms-form *::before,
.secureforms-form *::after {
    box-sizing: border-box;
}

.secureforms-form .secureforms-title {
    margin: 0 0 15px;
    color: #212121;
    font: bold 18px/36px inherit;
    text-align: left;
}

.secureforms-form .secureforms-field {
    margin: 15px 0;
}

.secureforms-form .secureforms-field label {
    display: block;
    color: #212121;
    font: bold 18px/36px inherit;
}

.secureforms-form input,
.secureforms-form select {
    display: block;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 15px;
    border: 0;
    border-radius: 10px;
    outline: 2px solid transparent;
    background: rgb(235, 235, 235);
    color: #212121;
    font: bold 18px/28px inherit;
    transition: outline-color .15s ease, box-shadow .15s ease;
}

.secureforms-form input:focus,
.secureforms-form select:focus {
    outline-color: rgb(33, 149, 248);
    box-shadow: 0 0 0 3px rgba(33, 149, 248, .18);
}

.secureforms-form .secureforms-submit {
    min-height: 58px;
    padding: 20px 60px;
    border: 0;
    border-radius: 10px;
    background: rgb(33, 149, 248);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    color: #fff;
    cursor: pointer;
    font: bold 18px/18px inherit;
    transition: background-color .15s ease, box-shadow .15s ease;
}

.secureforms-form .secureforms-submit:hover,
.secureforms-form .secureforms-submit:focus {
    background: #212121;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
}

.secureforms-form .secureforms-submit:disabled {
    cursor: wait;
    opacity: .65;
}

.secureforms-form .secureforms-status {
    min-height: 1.5em;
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 1.5;
}

.secureforms-form .secureforms-status[data-state="success"] { color: #176b2c; }
.secureforms-form .secureforms-status[data-state="error"] { color: #a32222; }

.secureforms-form .secureforms-trap {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media (max-width: 600px) {
    .secureforms-form { padding: 20px; }
    .secureforms-form .secureforms-submit { width: 100%; padding-right: 24px; padding-left: 24px; }
}

