html {
    scroll-behavior: smooth;
}

body {
    font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}


.write-lock {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background-color: #cc0000;
    outline: 5px solid #cc0000;
    outline-offset: 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
}

.stamp {
    width: 160px;
    height: 160px;
    margin: auto;
    display: flex;
    border-radius: 80px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    outline: 5px solid #06c;
    outline-offset: 5px;
}

.stampDecision {
    width: 200px;
    height: 200px;
    margin: auto;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    outline: 5px solid #d9d9d9;
    outline-offset: 5px;
}

@keyframes shake {
    0%,
    100% {
        transform: rotate(0deg);
    }
    20%,
    60% {
        transform: rotate(30deg);
    }
    40%,
    80% {
        transform: rotate(-30deg);
    }
}

.ringing {
    animation-name: shake;
    animation-timing-function: ease-in-out;
    animation-duration: 1.4s;
    animation-iteration-count: 2;
    animation-delay: .5s;
}

.decision {
    width: 180px;
    height: 180px;
    margin: auto;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.fas.fa-times-circle.fa-title.ml-auto {
    background-color: transparent !important;
}

.breadcrumb-item a:hover {
    cursor: pointer !important
}

.breadcrumb-item a {
    text-decoration: underline !important;
}

.card-simple {
    border-color: #1a76d1;
}

.badge-arancio {
    color: white;
    background-color: #E03400 !important;
}

.btn-outline-primary {
    color: #005fc4 !important;
    border-color: #005fc4 !important;
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #005fc4 !important;
    border-color: #005fc4 !important;
}
.card-collapsible-reverse > .card-header .card-toggler::after {
    color: #1a76d1 !important;
}

/*popover*/
.popoverCustom {
    position: absolute;
    color: white;
    background-color: #dc3545;
    border-radius: 0.5rem;
    padding: 0.5rem;
    font-size: smaller;
    border: none;
    margin-top: -12px;
    z-index: 1;
}

/* HEADER */
#agenzia-header {
    background-color: #30373d;
}

#agenzia-header p {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

#agenzia-header p > a,
#agenzia-header p > a:hover,
#agenzia-header p > a:visited {
    color: #fff !important;
}

#page-header {
    border-bottom: 1px solid transparent;
}

.btn-rounded .btn {
    border: 0;
    border-radius: 50%;
    height: 2rem;
    line-height: 2rem;
    padding: 0 !important;
    width: 2rem;
}

/* SITI */
.language > .list-inline-item:not(:last-child) {
    margin-right: .25rem;
}

.language {
    margin-bottom: 0;
}

.language .btn {
    border-radius: 0;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}

@media (min-width: 1200px) {
    .container-fluid {
        max-width: 1280px;
    }
}

.social > .list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

@media (min-width: 992px) {
    .header-links.flex-lg-column > .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: .5rem;
    }
}

.card-collapsible-reverse > .card-header .card-toggler::after {
    margin-left: 1rem;
    color: #039;
}

/* APP */
#user-info {
    color: #19191a;
    padding: .5rem 1rem;
}

legend {
    color: #06c;
    padding: 0.5rem;
    /* padding-right: 2rem; */
}

#open-user-info {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.card-collapsible-reverse > .card-header .card-toggler::after {
    margin-left: 1rem;
    color: #fff;
}

.iconHeader {
    max-width: 100px;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.bg-default {
    background-color: #5c6f82
}

.cardChat {
    width: 120px;
    height: 120px;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 1px #cbccce;
}

.cardDomanda {
    height: 8rem;
    display: flex;
    width: 8rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.list-bg-light-odd > li:nth-child(odd) {
    background-color: #f4f5f7;
}

.icon-upload {
    height: 7rem;
    width: 7rem;
    align-items: center;
    justify-content: center;
}

#open-user-info::before {
    content: '\f077';
    font-family: 'Font Awesome 5 Free', serif;
    font-weight: 900;
}

#open-user-info.collapsed::before {
    content: '\f078';
}

.header-links > .btn:not(:last-child) {
    margin-right: .5em;
}

.box {
    float: left;
    height: 20px;
    width: 18px;
    border: 1px solid black;
    clear: both;
}

/* FOOTER */
#page-footer {
    background-color: #30373d;
    color: #c6cace;
}

#page-footer h1,
#page-footer h2,
#page-footer h3,
#page-footer h4,
#page-footer a:hover {
    color: #fff;
}

#page-footer hr {
    border-color: rgba(255, 255, 255, .2);
}

#page-footer hr.sm {
    margin: .5rem 0;
}

#page-footer a {
    color: #75ebe7;
    font-weight: 600;
    text-decoration: underline;
}

#page-footer .btn-primary.btn-alt {
    background-color: #75ebe7;
    border-color: #75ebe7;
    color: #30373d;
}

#page-footer .btn-primary.btn-alt:hover {
    background-color: #fff;
    border-color: #fff;
}

/* COOKIEBAR */
#cookiebar {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1100;
}

#cookiebar a {
    font-weight: 600;
}

/*MESSAGGI GROWL*/
.success {
    color: #82BB31;
}

.popover-body {
    padding: 1rem;
    border-radius: 0.5rem;
    font-family: "Titillium Web", HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    white-space: pre-line;

}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.btn-arancio {
    color: white;
}
.btn-aranciov2 {
    color: white;
    background-color: #b37400;
}

.card-success > .card-header {
    border-color: #28a745;
    background-color: #28a745;
    color: white;
}

.link-footer {
    color: #75ebe7;
    font-weight: 600;
    text-decoration: underline;
}

.error {
    color: #d43f3a;
}

.warning {
    color: #da9e16;
}

.underline {
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

.border-warning {
    border-color: #da9e16 !important;
}


.toast {
    border-radius: 0;
}

.toast-header {
    background-color: white;
}

.toast-body {
    background-color: rgba(255, 255, 255, .85) !important;
}

.text-warning {
    color: #da9e16 !important;
}

/****************************/
body.offcanvas-active {
    overflow: hidden;
}

.offcanvas {
    border-radius: 0;
    position: fixed !important;
    top: 180px;
    z-index: 1200;
    overflow-x: hidden;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
    right: 0;
    left: auto;
    transform: translateX(calc(100% - 20px));
    display: flex;
}


.offcanvas.show {
    transform: translateX(0);
}

.italia-it-button{display:inline-block;position:relative;padding:0;color:#FFF;font-family:"Titillium Web",HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-weight:600;line-height:1em;text-decoration:none;border:0;text-align:center;cursor:pointer;overflow:hidden}.italia-it-button-icon,.italia-it-button-text{display:block;float:left}.italia-it-button-icon{margin:0 -.4em 0 0;padding:0.6em .8em .5em;border-right:rgba(255,255,255,0.1) 0.1em solid}.italia-it-button-text{padding:.95em 1em .85em 1em;font-size:1.15em;text-align:center}svg{width:1.8em;height:1.8em;fill:#fff}.italia-it-block{display:block}.italia-it-button-size-s{font-size:10px;width:150px}.italia-it-button-size-s > span img{width:19px;height:19px;border:0}.italia-it-button-size-m{font-size:15px;width:220px}.italia-it-button-size-m > span img{width:29px;height:29px;border:0}.italia-it-button-size-l{font-size:20px;width:280px}.italia-it-button-size-l > span img{width:38px;height:38px;border:0}.italia-it-button-size-xl{font-size:25px;width:340px}.italia-it-button-size-xl > span img{width:47px;height:47px;border:0}.button-spid{background-color:#AA0000;color:#FFF}.button-spid svg{fill:#FFF}.button-spid:hover{background-color:#036;color:#FFF}.button-spid:active{background-color:#83BEED;color:#036}.spid-idp-button{position:absolute;z-index:1039;display:none}.spid-idp-button .spid-idp-button-menu,.spid-idp-button .spid-idp-button-panel{list-style:none;background:white;border:solid 1px #ddd;box-shadow:0 0 5px rgba(0,0,0,0.2);overflow:visible;padding:0;margin:0}#spid-idp-button-small-get,#spid-idp-button-medium-get,#spid-idp-button-small-post,#spid-idp-button-medium-post{width:230px}#spid-idp-button-large-get,#spid-idp-button-large-post{width:270px}#spid-idp-button-xlarge-get,#spid-idp-button-xlarge-post{width:330px}.spid-idp-button .spid-idp-button-panel{padding:10px}.spid-idp-button.spid-idp-button-tip{margin-top:8px}.spid-idp-button.spid-idp-button-tip:before{position:absolute;top:-6px;left:9px;content:"";border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ddd;display:inline-block}.spid-idp-button.spid-idp-button-tip:after{position:absolute;top:-5px;left:10px;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;display:inline-block}.spid-idp-button.spid-idp-button-tip.spid-idp-button-anchor-right:before{left:auto;right:9px}.spid-idp-button.spid-idp-button-tip.spid-idp-button-anchor-right:after{left:auto;right:10px}.spid-idp-button.spid-idp-button-scroll .spid-idp-button-menu,.spid-idp-button.spid-idp-button-scroll .spid-idp-button-panel{max-height:180px;overflow:auto}.spid-idp-button .spid-idp-button-menu li{list-style:none;padding:0 0;margin:0;line-height:18px}.spid-idp-button .spid-idp-button-menu li > a,.spid-idp-button .spid-idp-button-menu label{display:block;font-family:"Titillium Web",HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-weight:600;font-size:.9em;color:#06C;text-decoration:underline;line-height:18px;padding-top:5px;white-space:nowrap;border-bottom:1px solid #ddd}.spid-idp-button .spid-idp-button-menu li > a:hover,.spid-idp-button .spid-idp-button-menu label:hover{color:#036;cursor:pointer;background-color:#F0F0F0}.spid-idp-button .spid-idp-button-menu li > a img{height:40px;padding:10px 0 10px 10px;border:0}.idp-button-idp-logo{font-size:100%;height:10%;width:100%;border:0;border-bottom:1px solid #CCC;background-color:#FFF;padding:15px;text-align:left;cursor:pointer}.idp-button-idp-logo:hover{background-color:#F0F0F0}.idp-button-idp-logo img{height:25px;vertical-align:middle;cursor:pointer}.spid-top-menu-space-10 > a img{margin-top:10px}.spid-top-menu-space-20 > a img{margin-top:20px}.spid-top-menu-line{border-top:5px solid #000}.spid-idp-support-link > a{padding:5px 0 10px 10px}.spid-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}