/*
    CSS STYLING FORM ATTRIBUTES
    
    Author: C. P. Baaijens
    Date: 26-10-2021
    Copyright © Zuidwest Software B.V.
*/

form input,
form textarea,
form select {
    padding: .5em;
    margin-bottom: 1.5em;

}

form select {
    width: 100%;
    padding: .75em !important;
}

form label {
    padding: 0;
    margin-bottom: .2em;
}

.grid-template-login-content input,
.grid-template-login-content button {
    padding: .5em;
    margin: .5em .5em 2em .5em;
}

.grid-template-login-content input {
    width: calc(100% - 2.2em);
}

.grid-template-login-content button {
    width: calc(100% - 1em);
}

.validated {
    color: blue;
}

form button {
    cursor: pointer;
    padding: .5em 2em;
    margin-bottom: 1em;
}

.page-button,
.page-input,
.page-label {
    padding: .4em;
    width: auto !important;
    margin: .5em;
}

.aselect-table,
.form-table {
    margin: 0;
}

.aselect-table tr td,
.form-table tr td {
    padding: 0 .5em;
}

.aselect-table tr td input,
.form-table tr td input {
    width: 100%;
    padding: .4em;
    margin-top: .5em;
}

.page-button,
input[type=checkbox] {
    cursor: pointer;
}

.checkbox-centered input[type=checkbox] {
    margin: 1.1em 0 0 1.1em !important;
}

.form-button-holder {
    padding: 1em 0;
}

input:disabled {
    cursor: not-allowed;
    background-color: #ddd;
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
    display: none;
}

.label-force-left {
    width: 100%;
    display: inline-block;
}

.container>.input-group:nth-child(odd) {
    width: calc(50% - 1em);
    float: left;
    margin: 0 1em 0 0;
}

.container>.input-group:nth-child(even) {
    width: calc(50% - 1em);
    float: left;
    margin: 0 0 0 1em;
}

.input-checkbox-group {
    margin: 0 0 0 1em;
}

.input-checkbox-group-label {
    margin: 0 0 0 1em;
}

.no-hover {
    pointer-events: none;
}

.page-button-newsletter {
    float: left;
    margin: 0 .5em;
}

.page-form>input,
.page-form>label {
    width: calc(100% - 2em);
    padding: .5em;
    margin: .5em;
}

.page-form>input {
    margin-bottom: 1.5em !important;
}

.page-form>div {
    width: calc(100% - .7em);
    margin: .5em;
}

.fa-input-label i {
    margin: .2em;
    top: 0.4vw;
    position: relative;
    color: #2c8d3f;
}

.admin-info-log {
    margin-bottom: 1em;
}

.admin-quotation-item-holder {
    width: calc(100% - 1em);
    float: left;
    min-height: 1.5em;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 2px;
    margin-bottom: 1.5em;
    padding: .4em;
}

.form-label-span{
    font-weight: normal;
}