:root {
    /* fix cut input box shadow */
    --shadow-offset: 4px;
}

body[data-theme="1"],
body[data-theme="1"] label,
body[data-theme="1"] button,
body[data-theme="1"] input,
body[data-theme="1"] select,
body[data-theme="1"] .form-control {
    font-family: 'Verdana', sans-serif;
    color: #5c5c5c;
    font-size: 11pt;
}

body[data-theme="1"] .form-control {
    box-shadow: none;
    border: none;
    border-bottom: .5px #5c5c5c solid;
}

body[data-theme="1"] input::placeholder {
    color: #bbb;
}

body[data-theme="1"] .error-container {
    font-size: 10pt;
    padding-top: 8px;
    color: red;
}

body[data-theme="secuoffice"] {
    padding: var(--shadow-offset);
}

body[data-theme="secuoffice"] input {
    font-size: 15px !important;
    border-radius: 2px !important;
    border-color: #e6e2de !important;
    line-height: 1.5;
}

body[data-theme="secuoffice"] input:focus {
    border-color: #86b7fe !important;
    outline: 0;
    box-shadow: 0 0 0 var(--shadow-offset) #0d6efd40;
}

body[data-theme="secuoffice"] label {
    font-size: 13px !important;
    margin-bottom: 0.5rem !important;
    color: #646161 !important;
    font-family: "Roboto", Arial, sans-serif !important;
}

body[data-theme="secuoffice"] .field-wrapper:has(.field-required) label:after {
    content: "*";
    display: inline-block;
    margin-left: 3px;
    color: red;
}

body[data-theme="secuoffice"] .error-message {
    color: #dc3545 !important;
}

body[data-theme="secuoffice"] .has-errors {
    background: white !important;
}