﻿body {
/*    background: url(/content/images/sfondoHome.png) no-repeat center center fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
*/}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top:20px;
    padding-bottom:20px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #777;
    border-color: #fff
}

footer {
    padding: 15px;
    font-size: 14px;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    clear: both;
    background-color: #212529;
    color: white;
    /*    border-top: 1px solid skyblue;
    background-color: #dadbdd*/
}

.bg-sediinPraticheRegionali {
    --bs-bg-opacity: 1;
    background-color: #dadbdd;
}
.control-label
{
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
}
.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.blurFilter_2px {
    backdrop-filter: blur(2px);
    filter: blur(2px);
}


.field-validation-error {
    font-size: 11px;
    display: inline-block;
    padding: 0.25em 0.8em;
    line-height: 16px;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background-color: maroon;
    color: white !important;
}



/*.input-validation-error {
    border-color: #dadbdd;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}*/

/**/
.input-validation-error {
    border-color: maroon;
    padding-right: calc(1.5em + 0.75rem);
    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='%23dc3545'%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='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/**/
    .input-validation-error:focus {
        border-color: #dadbdd;
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }


.valid {
    border-color: #495057;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%' 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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .valid:focus {
        border-color: #495057;
        box-shadow: 0 0 0 0.25rem #c2c3c4;
    }

/*.valid {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }
*/
a {
    color: black;
    text-decoration: underline;
}
a:hover {
    color: black;
    text-decoration: none;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}



#passwordDipendente input.valid {
    border-color: green;
}

#passwordDipendente input.invalid {
    border-color: red;
}

#passwordDipendente .error-message {
    color: red;
    display: none;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

#passwordDipendente .error-list {

    list-style-type:none;
}

    #passwordDipendente .error-message.satisfied {
        color: green;
    }

    #passwordDipendente .error-message.unsatisfied {
        color: red;
    }

#passwordDipendente .valid {
    border-color: #495057;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' 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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

#passwordMatchDipendente #password-match-error {
    color: red;
    display:none;
}

#passwordAzienda #password-match-error {
    color: red;
    display: none;
}

#passwordAzienda input.valid {
    border-color: green;
}

#passwordAzienda input.invalid {
    border-color: red;
}

#passwordAzienda .error-message {
    color: red;
    display: none;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

#passwordAzienda .error-list {
    list-style-type: none;
}

#passwordAzienda .error-message.satisfied {
    color: green;
}

#passwordAzienda .error-message.unsatisfied {
    color: red;
}

#passwordAzienda .valid {
    border-color: #495057;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' 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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

#passwordConsulente input.valid {
    border-color: green;
}

#passwordConsulente input.invalid {
    border-color: red;
}

#passwordConsulente .error-message {
    color: red;
    display: none;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

#passwordConsulente .error-list {
    list-style-type: none;
}

#passwordConsulente .error-message.satisfied {
    color: green;
}

#passwordConsulente .error-message.unsatisfied {
    color: red;
}

#passwordConsulente .valid {
    border-color: #495057;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' 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(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

#passwordConsulente #password-match-error {
    color: red;
    display: none;
}