:root {
    --var-wbe-primary: #3f80ea;
}

a.sidebar-link-left {
    padding: .2rem 1.2rem;
    margin-top: 10px;
    margin-bottom: 20px;
}

.bs-gutter-x-0 {
    --bs-gutter-x: 0px;
}

.border-no {
    box-shadow: none;
}

.card-header [data-bs-toggle=collapse]:before {
    border: solid;
    border-width: 0 .1rem .1rem 0;
    content: " ";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.7rem;
    top: 1rem;
    transform: rotate(45deg);
    transition: all .2s ease-out;
}

.card-header [aria-expanded=true]:before, .card-header [data-bs-toggle=collapse]:not(.collapsed):before {
    top: 1.2rem;
    transform: rotate(-135deg);
}

.card.editor {
    padding: 10px;
}

.card-header.editor {
    padding: 10px;
}

.card-header.editor > a {
    font-weight: bold;
    color: #000000;
    font-size: 1.1em;
}

.card-body.editor {
    padding: 0px;
}

.card-body .editorcampi {
    padding: 10px;
    padding-top: 0px;
    background-color: white;
}

.card-body .editorcampi_sub {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3px;
    background-color: #fafcff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.card.mb-3.bg-light {
    background-color: white !important;
}

.div-border-top {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #e3e3e3;
}

.div-border-left {
    border-left: 1px solid #e3e3e3;
}

.div-documento-cancellato {
    padding: 40px;
    background-color: #ae423f;
}
.div-documento-cancellato h3 {
    color: #fff;
}

.editor .bg-light {
    padding-left: 12px;
}

.editor .titolo {
    margin-top: 10px;
    font-weight: bold;
    color: #000000;
    font-size: 1.1em;
}

.editor .titolo_1 {
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: bold;
    color: #000000;
    font-size: 1.1em;
}

.editor .titolo_1 span {
    font-weight: normal;
    font-size: 1em;
}

.editor .titolo_1 .obbligatorio {
    color: #28b76b;
}

.editor .titolo_1 .opzionale {
    color: #b8b8b8;
}

.editor .titolo_1_sub {
    color: #6c757d;
    font-size: 1em;
    margin-bottom: 0px;
}

.editor .titolo_2 {
    font-weight: 600;
}

.editor.editor-body-subsection {
    padding-left: 20px;
}

.editor .form-control {
    color: black;
}

.editor .editorcampi.subsection {
    padding-left: 20px;
}

.editorcampi.subsection .titolo_1 {
    font-weight: normal;
}
.editorcampi_cf {
    background-color: #e1f5e8;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.editorcampi_contatti {
    background-color: #eff5ff;
    margin: 0px;
    margin-top: 20px;
    padding-top: 15px;
    margin-bottom: 10px;
}

.editorcampi_indirizzo {
    padding: 12px;
    background-color: #fff9f2;
}
.editorcampi_indirizzo_1 {
    background-color: #fff9f2;
    margin: 0px;
    margin-top: 10px;
    padding-top: 15px;
}

.editorcampi_nascita {
    margin-top: 10px;
    margin-bottom: 10px;
}
.editorcampi_nascita input {
    background-color: #f8f5ff;
}
.editorcampi_nascita.row {
    padding-right: 13px;
}
.editorcampi_nascita_1.row {
    margin-top: 0px;
}
.editorcampi_nascita_2.row {
    margin-bottom: 0px;
}
.editorcampi_nascita div {
    padding-right: 0px;
}

.feater-left {
    width: 28px;
    height: 28px;
}

.form-control::-moz-placeholder {
    color: #aaaaaa;
    opacity: 1
}

.form-control::placeholder {
    color: #aaaaaa;
    opacity: 1
}

.form-label {
    margin-bottom: .1rem;
}

.illustration-text {
    font-size: 1.1em;
    padding: 4px;
    margin-bottom: 0px;
}

.illustration-text p {
    padding: 0px;
    margin-bottom: 0px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-right-0 {
    margin-right: 0px;
}

.modal-footer button {
    min-width: 44px;
}

.modal-title .feater-alert-circle {
    margin-bottom: 4px;
}

.nav-item.dropdown {
    z-index: 1050;
}

.padding-left-0 {
    padding-left: 4px !important;
}

.padding-right-0 {
    padding-right: 0px !important;
}

.padding-bottom-0 {
    padding-bottom: 0px !important;
}

.sidebar-brand {
    padding-left: 0px;
    padding-right: 0px;
}

.sidebar {
    z-index: 1030 !important;
}

.sidebar-left {
    width: 78px;
}

.sidebar-content-left {
    position: fixed;
    width: 68px;
}

.sticky-top {
    z-index: 1020;
}
.sticky-top-1 {
    padding-top:10px; 
    background-color: var(--bs-body-bg);;
}

.titolo_toggle [data-bs-toggle=collapse]:before {
    border: solid;
    border-width: 0 .1rem .1rem 0;
    content: " ";
    display: inline-block;
    padding: 2px;
    /* position: absolute; */
    right: 1.7rem;
    top: 1rem;
    transform: rotate(-45deg);
    transition: all .2s ease-out;
    margin-right: 5px;
    margin-bottom: 2px;
}

.titolo_toggle [aria-expanded=true]:before, .titolo_toggle [data-bs-toggle=collapse]:not(.collapsed):before {
    top: 1.2rem;
    transform: rotate(45deg);
}

.titolo_toggle a {
    color: #6C757D;
    font-weight: 600;
    margin-bottom: 8px;
}

.titolo_toggle .titolo {
    color: #3a87d3;
}

.titolo_subitem_person {
    border: 1px solid var(--bs-border-color);
}

/*FORM*/
/*, select.ng-touched.ng-dirty.ng-valid*/
input.ng-dirty.ng-touched.ng-valid {
    border-color: #ced4da;
    padding-right: calc(1.5em + .9rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2342d29d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .225rem) center;
    background-size: calc(.75em + .45rem) calc(.75em + .45rem);
}
select.ng-touched.ng-dirty.ng-valid {
    border-color: #ced4da;
}
textarea.ng-touched.ng-dirty.ng-valid {
    border-color: #ced4da;
}

/*input.ng-dirty.ng-touched.ng-invalid,  select.ng-touched.ng-dirty.ng-invalid, select.ng-touched.ng-invalid */
:is(form.ng-touched) input.ng-invalid {
    border-color: #F00;
    padding-right: calc(1.5em + 0.9rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa6767'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa6767' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.225rem) center;
    background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
}
:is(form.ng-touched) select.ng-invalid {
    border-color: #F00;
}
:is(form.ng-touched) textarea.ng-invalid {
    border-color: #F00;
}

.input-date-picker.ng-dirty.ng-touched.ng-valid {
    background-image: none;
    padding-right: 0px;
}
:is(form.ng-touched) .input-date-picker.ng-untouched {
    border-color: #ced4da !important;
    padding-right: 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: auto;
}
:is(form.ng-touched) .input-date-picker.ng-invalid {
    background-image: none;
    padding-right: 0px;
}

input[type="radio"].ng-dirty.ng-touched.ng-valid {
    background-image: none;
    padding-right: 0px;
    background-size:auto;
}
:is(form.ng-touched) input[type="radio"].ng-invalid {
    background-image: none;
    padding-right: 0px;
    background-size:auto;
}
input[type="checkbox"].ng-dirty.ng-touched.ng-valid {
    background-image: none;
    padding-right: 0px;
    background-size:auto;
}
:is(form.ng-touched) input[type="checkbox"].ng-invalid {
    background-image: none;
    padding-right: 0px;
    background-size:auto;
}
/*FORM*/