﻿

.umbraco-forms-field .umbraco-forms-field-wrapper input {
    height: 38px;
}

.umbraco-forms-field .umbraco-forms-field-wrapper input,
.umbraco-forms-field .umbraco-forms-field-wrapper textarea {
    padding: 9px 12px 9px 12px;
    width: 100%;
    float: left;
    display: table-cell;
    border-radius: 0px 0 0 2px;
    -moz-border-radius: 0px 0 0 2px;
    -webkit-border-radius: 0px 0 0 2px;
    border: solid 1px #333333;
    border-right: none;
    color: #ffffff;
    background: rgba(255, 255, 255, .1);
    -webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05);
    -moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05);
    box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05);
    margin-bottom: 10px;
}

.umbraco-forms-field:not(:has(.umbraco-forms-label)) .umbraco-forms-field-wrapper input,
.umbraco-forms-field:not(:has(.umbraco-forms-label)) .umbraco-forms-field-wrapper textarea,
.umbraco-forms-field:not(:has(.umbraco-forms-label)) .umbraco-forms-field-wrapper select {
    margin-top: 5px;
}

.umbraco-forms-navigation .btn-submit {
    text-align: center;
    background: var(--primary-color);
    color: #ffffff;
    display: table-cell;
    padding: 5px 0 5px 0;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    padding: 10px 20px;
    border: 0 none;
    font-size: inherit;
    white-space: unset;
    font-weight: 700;
    letter-spacing: 1px;
}

.umbraco-forms-field .umbraco-forms-field-wrapper input:focus,
.umbraco-forms-field .umbraco-forms-field-wrapper textarea:focus,
.umbraco-forms-field .umbraco-forms-field-wrapper select:focus {
    background: #f6f6f6;
    color: #142129;
}

.umbraco-forms-field .umbraco-forms-field-wrapper input:focus-visible,
.umbraco-forms-field .umbraco-forms-field-wrapper textarea:focus-visible,
.umbraco-forms-field .umbraco-forms-field-wrapper select:focus-visible {
    outline: 0;
}

.umbraco-forms-field .umbraco-forms-field-wrapper .field-validation-error {
    border-bottom: solid 1px #ff0000 !important;
}

.umbraco-forms-field .umbraco-forms-field-wrapper input::placeholder,
.umbraco-forms-field .umbraco-forms-field-wrapper textarea::placeholder {
    color: #6c757d;
    opacity: 1;
    font-weight:400;
}