/*----------------------------------------------------------------------------------*/
/*FORM*/
/*----------------------------------------------------------------------------------*/

/* Form */
.pedon-contacts-manager-form {

}

.pedon-contacts-manager-form_row {
    display: flex;
    gap: 10px;
}

.pedon-contacts-manager-form_col {
    flex: 0 1 auto;
}

.pedon-contacts-manager-form_col-50 {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .pedon-contacts-manager-form_col-50 {
        width: 50%;
    }
}

.pedon-contacts-manager-form_col-100 {
    width: 100%;
}

.pedon-contacts-manager-form-product {
    display: none;
}

.pedon-contacts-manager-form label {
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}

.pedon-contacts-manager-form input[type="submit"] {
    margin-top: 30px;

}

.pedon-contacts-manager-form input[type="text"],
.pedon-contacts-manager-form input[type="date"] {
    background-clip: padding-box;
    background-image: none;
    border: 1px solid #dadbdd;
    border-radius: 7px;
    color: #606266;
    font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    line-height: 1;
    margin-bottom: 0;
    max-width: 100%;
    padding: 11px 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.pedon-contacts-manager-form input[type="file"] {
    width: 100%;
}


.pedon-contacts-manager-form input[type="text"].has-error,
.pedon-contacts-manager-form input[type="date"].has-error {
    border-color: red;
}

.pedon-contacts-manager-form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    padding: 10px;
    margin: 10px;
}

.pedon-contacts-manager-form input[type="checkbox"].has-error {
    border-color: red;
}

.pedon-contacts-manager-form input[type="checkbox"].has-error + span {
    color: red;
}

.pedon-contacts-manager-form input[type="radio"] {
    width: 20px;
    height: 20px;
    padding: 10px;
    margin: 10px;
}

.pedon-contacts-manager-form select {
    background-clip: padding-box;
    background-image: none;
    border: 1px solid #dadbdd;
    border-radius: 7px;
    color: #606266;
    font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    line-height: 1;
    margin-bottom: 0;
    max-width: 100%;
    padding: 11px 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.pedon-contacts-manager-form select.has-error {
    border-color: red;
}

.pedon-contacts-manager-form textarea {
    background-clip: padding-box;
    background-image: none;
    border: 1px solid #dadbdd;
    border-radius: 7px;
    color: #606266;
    font-family: -apple-system, "system-ui", Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    line-height: 1;
    margin-bottom: 0;
    max-width: 100%;
    padding: 11px 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.pedon-contacts-manager-form textarea.has-error {
    border-color: red;
}

.pedon-contacts-manager-form-company-data {
    display: none;
}

.pedon-contacts-manager-form-additional-data {
}

.pedon-contacts-manager-form-additional-data-hidden {
    display: none;
}

.pedon-contacts-manager-form-other {
    display: none;
}

.pedon-contacts-manager-form .checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
}

.pedon-contacts-manager-form .checkbox-wrapper input[type="checkbox"] {
    flex: 0 0 auto;
    cursor: pointer;
}

.pedon-contacts-manager-form .radio-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: normal;
}

.pedon-contacts-manager-form .radio-wrapper input[type="radio"] {
    flex: 0 1 auto;
    cursor: pointer;
}


/* Row + Columns*/
.pedon-contacts-manager-row {
    display: flex;
    gap: 20px;
    align-items: stretch;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .pedon-contacts-manager-row {
        flex-direction: row;
    }
}

.pedon-contacts-manager-col {
    flex: 1 1 0;
}

.pedon-contacts-manager-w33 {
    width: 33%;
}

.pedon-contacts-manager-w25 {
    width: 25%;
}

.pedon-contacts-manager-w50 {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .pedon-contacts-manager-w50 {
        width: 50%;
    }
}

.pedon-contacts-manager-w100 {
    width: 100%;
}

.pedon-contacts-manager-form-error {
    color: red;
}