/* COLORI 
Verde scuro : #18572C;
Verde chiaro : #719389;
Verde scuro bg front : #71938A;
Verde chiaro bg front : #84C1B0;
Grigio :  #908E8F;
Rosso : #C90900;
*/

/* animazioni fluide al cambio di risoluzione */
*{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
.flatpickr-calendar,
input.valid,
input.invalid{
    -webkit-transition:all 0s ease;
    -moz-transition:all 0s ease;
    -o-transition:all 0s ease;
    transition:all 0s ease;
}
/* FONT */
@font-face{
    font-family:'ChaparralPro-Bold';
    src:url('../fonts/ChaparralPro-Bold.otf');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'ChaparralPro-BoldIt';
    src:url('../fonts/ChaparralPro-Boldlt.otf');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'ChaparralPro-Italic';
    src:url('../fonts/ChaparralPro-Italic.otf');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'ChaparralPro-LightIt';
    src:url('../fonts/ChaparralPro-LightIt.otf');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'ChaparralPro-Regular';
    src:url('../fonts/ChaparralPro-Regular.otf');
    font-weight:normal;
    font-style:normal;
}
/* CLASSI COMUNI */
.saved{
    color: #fff;
    font-size: 2em;
    font-family:'ChaparralPro-Regular';
}
html, body{
    width:100%;
    overflow-x: hidden;
}
body{
    height:100%;
}
p,span,label,h1,h2,h3,h4,h5,h6,.btn,td,th{
    color:#fff;
    font-family: 'ChaparralPro-Regular';
}
th{
    font-weight:normal;
}
input.invalid,
input.valid{
    background-position:center right 15px;
    background-repeat:no-repeat;
    background-size:20px;
    background-color:transparent;
}
input.invalid {
    /*background-color: rgba(255, 102, 102, 0.4);*/
    background-image:url(../images/cross.png);
}
input.valid{
    background-image:url(../images/check.png);
    /*background-color: rgba(160, 255, 102, 0.4);*/
}
section{
    background-color:#71938A;
    padding-left:0!important;
    padding-right: 0!important;
}/*
@media only screen and (min-width : 1024px){*/
    section{
        min-height:90vh;
    }
/*}*/
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    section{
        min-height:90vh;
    }
}
.left{
    background-color:#84C1B0;
}
.btn,
.mostrareferti,
.controllerbtn a,
a.export,
input[type="submit"],
a.openuuid,
.new, 
.esamibtn,
.alreadysended{
    font-size: 1rem;
    padding: 0.68rem 2.13rem;
    margin: 6px;
    border-radius:0;
    border:none;
    transition: 0.5s ease-out;
    /*text-transform: uppercase;*/
    word-wrap: break-word;
    cursor: pointer;
    box-shadow: none;
    min-height: 46px;
    line-height: 26px;
}
.btn-pieno,
.submitbox > input[type="submit"],
input[type="submit"]:not(.passwordconfirm),
.btn-invio{
    background-color:#18572C;
    color:#fff;
    border:1px solid transparent;
    transition: all 0.5s ease-out;
}
.btn-pieno:hover,
.submitbox > input[type="submit"]:hover,
input[type="submit"]:not(.passwordconfirm):hover,
.btn-invio:hover{
    background-color:#fff;
    color:#18572C;
    border:1px solid #18572C;
    box-shadow:0 2px 5px 0 rgba(24, 87, 44, .16), 0 2px 10px 0 rgba(24, 87, 44, .12);
}
.btn-bordo,
a.back{
    background-color:transparent;
    color:#fff;
    border:1px solid #fff;
}
.btn-bordo:hover,
a.back:hover{
    background-color:#fff;
    color:#84C1B0;
    border:1px solid #84C1B0;
}
.btn-confirm,
.mostrareferti,
a.openuuid{
    color:#fff;
    background-color:#84C1B0;
    border-radius:0;
    font-size:1rem;
    transition:all 0.5s ease-out;
    border:1px solid transparent;
}
.btn-confirm:hover,
.mostrareferti:hover,
a.openuuid:hover{
    border:1px solid #84C1B0;
    color:#84C1B0;
    background-color:#fff;
}
.left .btn-confirm,
a.export,
.col-notifica .btn-confirm,
.passwordconfirm{
    background-color:#fff;
    color:#71938A;
    border:1px solid #71938A;
}
.left .btn-confirm:hover,
a.export:hover,
.col-notifica .btn-confirm:hover,
.passwordconfirm:hover{
    background-color:#71938A;
    color:#fff;
    border:1px solid #fff;
}
.btn-help,
.controllerbtn a,
.new, 
.esamibtn,
.alreadysenden{
    background-color:transparent;
    color:#fff;
    border:1px solid #84C1B0;
}
.btn-help:hover,
.controllerbtn a:hover,
.new, 
.esamibtn,
.alreadysended:hover{
    background-color:#84C1B0;
    border:1px solid transparent;
    color:#fff;
    box-shadow: 0 2px 5px 0 rgba(132, 193, 176, .16), 0 2px 10px 0 rgba(132, 193, 176, .12);
}
.input{
    background-color:transparent;
    background-position:center left 10px;
    background-repeat:no-repeat;
    background-size:20px;
    border:none;
    border-bottom:1px solid #84C1B0;
    color:#fff;
    padding-left:15%;
    padding-bottom:10px;
    border-radius:0;
    transition:all 0.5s ease-in-out;
}
@media only screen and (min-width : 980px){
    .input{
        padding-left:10%;
    }
}
input.flatpickr-input{
    color:#000;
}
.left .input{
    border-bottom:1px solid #fff;
}
.input::placeholder{
    color:#fff;
    font-family:'ChaparralPro-Regular';
}
.form-control:focus{
    background-color:transparent;
    box-shadow:none;
    border-bottom:1px solid #18572C;
    color:#fff;
    /*background-size:22.5px;
    font-size:1.1rem;*/
}
.cf-input{
    background-image:url(../images/cod-fiscale.png);
}
.user-input{
    background-image:url(../images/user.png);
}
.pwd-input{
    background-image:url(../images/password.png);
}
.ricerca-input{
    background-image:url(../images/cerca.png);
}
table.tablefront thead th{
    border-top:none;
    border-bottom:1px solid #84C1B0;
}
table.tablefront tbody tr{
    border:none;
    border-bottom: 1px dotted #84C1B0;
}
/* HEADER */
header{
    /*height:30vw;*/
    position: relative;
    z-index:1000;
}
footer{
    z-index:1000;
}
.header-bg{
    height:15vh;
    background-color:#fff;
    position:relative;
    margin-top:1em;
    width:100%;
}
.header-bg .logo-link{
    position:absolute;
    width:125px;
    height:125px;
    left:calc(50% - 62.5px);
    top: calc(50% - 0px);
    background-image:url(../images/logo-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size: contain;
    display:flex;
    align-items: center;
    justify-content:center;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .header-bg .logo-link{
        width:150px;
        height:150px;
        left:calc(50% - 75px);
        top: calc(50% - 27.5px);
    }
}
@media only screen and (min-width : 980px){
    .header-bg{
        height:10vh;
        align-items:center;
        margin-top:0;
        /*flex-direction: initial;*/
    }
    .header-bg .logo-link{
        width:150px;
        height:150px;
        left:calc(50% - 75px);
        top: calc(50% - 27.5px);
    }
    /*header,
    footer{
        height:5vw;
    }*/
}
.header-bg .logo-link img{
    width:80%;
    margin:auto;
}
input[type="submit"][value="logout"]{
    padding:8px 16px;
    text-transform: capitalize;
}
form.logout{
    position:absolute;
    top:2em;
    right:1em;
    width:fit-content;
    cursor:pointer;
    z-index: 10000;
}
@media only screen and (min-width : 1024px){
    form.logout{
        right:3em;
    }
    input[type="submit"][value="logout"]{
        padding:0.68rem 2.13rem;
    }
}
@media only screen and (min-width : 1920px){
    form.logout{
        top:0.5em;
    }
}
@media only screen and (min-width : 2000px){
    form.logout{
        top:0;
    }
}
.header-bg .logout .btn-bordo{
    color:#84C1B0;
    border:1px solid #84C1B0;
    background-color:transparent;
    font-size:1em;
}
.header-bg .logout .btn-bordo:hover{
    background-color:#84C1B0;
    color:#fff;
    border:1px solid transparent;
}
/* FRONTOFFICE */
/* TESTI */
h1{
    background-image: url(../images/text-bg.png);
    background-position: bottom left;
    background-size: 20%;
    background-repeat: no-repeat;
    display: block;
    padding-bottom: 10px;
    padding-left: 10px;
}
a{
    text-decoration:none;
    cursor: pointer;
    font-family: 'ChaparralPro-Regular';
}
/* LOGIN */
/*
.row-login-form{
    min-height:80vh;
}*/
@media only screen and (min-width : 980px){
    .container-fluid>div.row{
        height:80vh;
    }
}
.left,
.right{
   /*height:100%;*/
   align-items: center;
   display:flex;
}
.right{
    box-shadow: -9px 0px 13px 0 rgba(0, 0, 0, 0.26);
}/*
.left:not(.login-left){
    padding-top:45vw;
}
.home-medico>div:first-of-type{
    padding-top:15vh;
}*/
/*
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .left:not(.login-left){
        padding:20vw 0;
    }
    .row-login-form{
        margin-top:0!important;
    }
}*/
/*
.right-fix{
    display: flex;
    flex-direction:column;
    justify-content:center;
    width:80%;
    margin:auto;
}*/
/*
@media only screen and (min-width : 980px){
    .container-fluid>div.row{
        margin-top:0vw;
        height: 80vh;
        align-items: center;
    }
    .left:not(.login-left),
    .right:not(.login-right){
        padding-top:5vw;
    }
    .home-medico>div:first-of-type{
        padding-top:0;
    }
}*/
.card-contenitore{
    perspective: 600px;
    width:100%;
    min-height:500px;
    margin:auto;
}
@media only screen and (min-width : 980px){
   .card-contenitore{
       width: 650px;
       min-height:650px;
       height:650px;
   } 
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .card-contenitore{
        width: 650px;
        min-height:650px;
        height:650px;
    } 
}
.card-corpo{
    min-height:inherit;
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
    position: relative;
}
.is-flipped{
    transform: rotateY(180deg);
}
.card-face{
    position: absolute;
    width: 100%;
    height: 100%;
    /*line-height: 260px;*/
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    backface-visibility: hidden;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items: center;
    justify-content: center;
    margin:auto;
}
.card-face-front h2{
    margin-top:2em;
}
.card-face-back{
    transform: rotateY(180deg);
}
.card-face img{
    width:50%;
}
.card-back-content{
    background-image:url(../images/info-detail-bg.png);
    background-position: center;
    background-size:contain;
    background-repeat:no-repeat;
}
.card-back-content p{
    font-weight:normal;
    font-size:20px;
    width: 400px;
    max-width:90%;
    margin:auto;
    height: 400px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (min-width : 980px){
    .card-back-content p{
        max-width:fit-content;
    }
}
.login-left{
    background-color:#84C1B0;
    display:flex;
    align-items:center;
    /*margin-top:20vw;*/
}
/*
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .login-left{
        height:fit-content;
        padding:10vh 0;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .login-left{
        margin-top:0;
    }
}
@media only screen and(min-width : 980px){
    .login-left{
        margin-top:0;
    }
}*/
/*
.login-left img{
    max-width:25%;
}*/
.login-right{
    background-color:#71938A;
    display:flex;
    align-items:center;
}
.right .login-wrapper{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-self: center;
    min-height:400px;
   /* width: fit-content;*/
    margin: auto;
    /* align-items: center; */
    justify-content: center;
    width: 75%;
}
@media only screen and (min-width : 980px){
    .right .login-wrapper{
        height:600px;
    }
}
.login-title-wrapper{
    display:inline-flex;
    width:100%;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items:center;
}
.info-btn{
    display:block;
    width:40px;
    height:40px;
    background-image:url(../images/info.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
}
.login-title-wrapper>h1{
    width:calc(100% - 40px);
}
.login-form-row input[type="submit"][value="invia"].btn{
    width:100%;
    margin:0;
    margin-top:0.5em;
}
.login-form-row>div>div.form-group:nth-of-type(3){
    margin-bottom:0;
}
.login-form-row>div>div.form-group>.btn{
    width:100%;
}
.loginerror p{
    color:#fff;
}
/* recupero password */
.passwordrecovery{
    display: flex;
    flex-direction: column;
    min-width: fit-content;
    max-width:600px;
    margin: auto;
    padding: 2em;
    border: 1px solid #fff;
    border-radius: 0.25rem;
    background-color:#84C1B0;
    box-shadow: 0 2px 5px 0 rgba(24, 87, 44, .16), 0 2px 10px 0 rgba(24, 87, 44, .12);
} 
.passwordrecovery .input{
    background-color:rgba(255, 255, 255, .25);
    border-bottom:1px solid #18572C;
}
.passwordrecovery .input::placeholder{
    color:#000;
}
.col-passwordrecovery h1{
    width: fit-content;
    margin: auto;
    margin-bottom: 1em;
    background-size: 50%;
}
.paziente-right{
	max-height:60vh;
	overflow-y:auto;
}
/* HOME */
/* home paziente */
/*.paziente-left{
    padding:5vh 0;
}
.paziente-right{
    padding:5vh 2vh;
}*/
@media only screen and (min-width : 980px){
    .paziente-left/*,
    .paziente-right*/{
        min-height:70vh;
    }
}
.paziente-left{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    margin:auto;
    width:100%;
}
@media only screen and (max-device-width:767px){
    .paziente-left{
        padding-top:15vh;
    }
}
.paziente-image-wrapper{
    position:relative;
}
.paziente-stelle{
    position:absolute;
    top:-2em;
    right:-2em;
}
.paziente-stelle img{
    max-width:25px;
}
.paziente-stella-1,
.paziente-stella-2,
.paziente-stella-3{
    position:absolute;
}
.paziente-stella-1{
    animation-delay: 0ms;
    animation: float1 6s ease-in-out infinite;
    top:2em;
    left:-3em;
}
.paziente-stella-2{
    animation-delay: 1.3s;
    animation: grow1 6s ease-in-out infinite;
    top:8em;
    left:-1em;
}
.paziente-stella-3{
    animation-delay: 0.7s;
    animation: float2 6s ease-in-out infinite;
    top:4em;
    left:0;
}
@keyframes float1 {
	0% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatey(0px);
	}
	50% {
		/*box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
        transform: translatey(-20px);
	}
	100% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatey(0px);
	}
}
@keyframes float2 {
	0% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatex(0px);
	}
	50% {
		/*box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);*/
        transform: translatex(-20px);
	}
	100% {
		/*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);*/
        transform: translatex(0px);
	}
}
.referto-stella-1{
    position:absolute;
    animation-delay: 0ms;
    animation: grow1 6s ease-in-out infinite;
    top:2em;
    left:-2em;
}
.referto-stella-2{
    position:absolute;
    animation-delay: 1.3s;
    animation: grow2 6s ease-in-out infinite;
    top:5em;
    left:-1em;
}
@keyframes grow1{
    0% {
        transform:scale(1.33);
	}
	50% {
        transform:scale(1);
	}
	100% {
        transform:scale(1.33);
	}
}
@keyframes grow2 {
	0% {
        transform:scale(1);
	}
	50% {
        transform:scale(1.33);
	}
	100% {
        transform:scale(1);
	}
}
.paziente-left img{
    max-height:200px;
}
.paziente-left form{
    width: 90%;
    text-align: center;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-between;
    margin:1em auto;
}
.ordinamento{
    width:90%;
    margin:1em auto;
}
@media only screen and (min-width : 980px){
    .paziente-left form,
    .ordinamento{
        width:50%;
        margin:auto;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .paziente-left form,
    .ordinamento{
        width:90%;
        margin:auto;
    }
}
.ordinamento-btns{
    display:inline-flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
}
.ordinamento-btns .btn{
    width:45%;
    font-size: 0.8em;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    justify-content: center;
}
.ordinamento-btns .btn.active{
    color:#84C1B0;
    background-color:#fff;
    border:1px solid #84C1B0
}
.paziente-right h1{
    background-size:40%;
}
@media only screen and (min-width : 980px){
    .paziente-right h1{
        background-size:20%;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .paziente-right h1{
        margin-top:1em;
    }
}
.paziente-right .table{
    margin-top: 2em;
    display:block;
    overflow-y:auto;
}
@media only screen and (max-device-width:767px){
    .paziente-right{
        padding:10% 5%;
        overflow-y:auto;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .paziente-right .table{
        display:table;
    }
    .paziente-right h1{
        background-size:20%;
    }
}
@media only screen and (min-width : 980px){
    .paziente-right .table{
        display:table;
    }
}
.paziente-right .table th,
.paziente-right .table td,
.paziente-right .table td a{
    text-align:center;
    height: fit-content;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#fff;
    max-width:20vw;
}
.paziente-right .table td a{
    width:100%;
    height:100%;
}
.paziente-right .table th{
    border-top:none;
    border-bottom:2px solid #84C1B0;
}
.paziente-right .table th.active{
    border:2px solid #84C1B0;
    border-bottom-color: transparent;
    font-style:italic;
    background-size:20px;
    background-position: center right 5px;
    background-repeat:no-repeat;
    background-image:url(../images/ordina.png);
    padding:0 2.25em;
}
.paziente-right .table tbody tr{
    border-bottom:1px dotted #fff;
}
.paziente-right .table tr.newreferto{
    background-position:center left;
    background-size:5px;
    background-repeat:no-repeat;
    background-image:url(../images/new.png);
}
/* download referto */
.contenitore-download-referto{
    display:block;
    width:100px;
    height:50px;
    background-image:url(../images/download-pdf.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    margin:auto;
}
.download-referto{
    display:block;
    width:100px;
    height:50px;
    z-index:1000;
    cursor: pointer;
    opacity:0;
    filter: opacity(0);
}
/* home medico */
.home-medico>div:first-of-type .home-box{
    margin-top:5vh;
}
.home-medico>div:nth-of-type(2) .home-box{
    margin-bottom:5vh;
}
.home-box{
    background-image:url(../images/home-box-bg.png);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    max-width:75vw;
    height:75vw;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content:center;
    border: 5px solid rgba(255, 255, 255, 0.7);
    margin:auto;
    position:relative;
    box-shadow:0 2px 4px #18572C;
    transform:scale(0.9);
    transition:.1s;
    cursor:pointer;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .home-box{
        max-width:40vw;
        height:40vw;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .home-box{
        max-width:40vw;
        height:40vw;
    }
}
@media only screen and (min-width : 980px){
    .home-box{
        max-width:40vw;
        height:40vw;
    }
    .home-medico>div:first-of-type .home-box{
        margin-top:0vh;
    }
    .home-medico>div:nth-of-type(2) .home-box{
        margin-bottom:0vh;
    }
}
@media only screen and (min-width : 1200px){
    .home-box{
        max-width:30vw;
        height:30vw;
    }
}
@media only screen and (min-width : 1920px){
    .home-box{
        max-width:25vw;
        height: 25vw;
    }
}
.animLine:hover:before,
.animLine:hover:after{
    position:absolute;
    content:"";
    background:linear-gradient(90deg,#ddd 40%,transparent 40%);
    top:-5px;
    bottom:-5px;
    left:-5px;
    right:-5px;
    z-index:1;
    border-radius:4px;
    background-size:200% 4px;
    background-repeat:no-repeat;
    filter:drop-shadow(0 0 8px #fff);
    background-position:80% 0;
}
.animLine:hover{
    transform:scale(1);
    box-shadow:0 2px 4px #18572C, 0 8px 32px rgba(0,0,0,0.5);
}
.animLine:hover:before{
    animation:beforeLineAnim 2s linear infinite;
}
.animLine:hover:after{
    animation:afterLineAnim 2s linear infinite;
    transform:rotate(-90deg);
    background-position:-20% 0;
}
@keyframes beforeLineAnim{
    45%,50%{background-position: -100% 0;}
    45%{transform:scale(1)}
    50%,95%{transform:scale(1,-1)}
    95%{background-position:80% 0}
}
@keyframes afterLineAnim{
    20%,25%{background-position: -100% 0;}
    20%{transform:scale(1) rotate(-90deg)}
    25%{transform:scale(-1,1) rotate(-90deg)}
    70%,75%{background-position:80% 0;}
    70%{transform:scale(-1,1) rotate(-90deg)}
    75%{transform:scale(1,1) rotate(-90deg)}
}
.home-box a{
    text-align:center;
    z-index:1000;
}
.home-box a img{
    width:80%;
}
.home-box h2{
    color:#18572C;
}
/* referti */
/*@media only screen and (min-width : 980px){
    .row-referti .left img,
    .row-pazienti .left img{
        max-width:25%;
    }
}*/
.ordinamento{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.ordinamento-header{
    display:inline-flex;
    justify-content:space-around;
    flex-direction: row;
    flex-wrap:nowrap;
    width:fit-content;
    margin:auto;
}
.ordinamento-header img{
    height:40px;
}
/*
.ordinamento-header .ordinamento-placeholder{
    width:4em;
    height:20px;
    border-bottom:3px solid #fff;
}*/
/* BACKOFFICE */
/* Dashboard */
.row-dashboard{
    height:fit-content;
    align-items:center;
    justify-content:space-evenly;
    margin-top:20vw!important;
}
.row-dashboard>div{
    padding:2em;
    background-color:#fff;
    border:3px solid #84C1B0;
    border-radius:0.25rem;
    box-shadow: 0 2px 5px 0 rgba(24, 87, 44, .16), 0 2px 10px 0 rgba(24, 87, 44, .12);
    height:275px;
}
.row-dashboard>div>div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    max-height:250px;
}
.row-dashboard>div>div .dashboard-text{
    background-color:rgba(255, 255, 255, 0.6);
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:center;
    justify-content: space-around;
    width:100%;
    height:100%;
    max-height:250px;
}
.row-dashboard>div>div .dashboard-text p{
    color:#000;
    margin-bottom:0;
    min-height:3em;
}
.row-dashboard>div>div .dashboard-text p:nth-of-type(2){
    margin-top:0.5em;
}
.row-dashboard>div>div .dashboard-text span{
    font-size:2em;
    color:#84C1B0;
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    height: fit-content;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #84C1B0;
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
}
@media only screen and (min-width : 980px){
    .row-dashboard{
        height:70vh;
        margin-top:0!important;
    }
    .row-dashboard>div{
        height:350px;
    }
    .row-dashboard>div>div{
        max-height:300px;
    }
    .row-dashboard>div>div .dashboard-text{
        max-height:300px;
    }
    .row-dashboard>div>div .dashboard-text span{
        font-size:4em;
        width: 200px;
        height: 200px;
    }
}
.row-dashboard .monthly-added{
    background-image:url(../images/calendar-add.png);
}
.row-dashboard .total{
    background-image:url(../images/database.png);
}
.row-dashboard .queued{
    background-image:url(../images/queued.png);
}
.row-dashboard .monthly-sended{
    background-image:url(../images/calendar-check.png);
}
/*
.row-dashboard>div>div img{
    max-height:150px;
}*/
.templatectr{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    flex-wrap: nowrap;
    margin-top: 10vh;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .templatectr{
        margin-top:5vh;
    }
}
.templatectr>form{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    flex-wrap:nowrap;
    width:100%;
}
.editview div.fieldctr{
    margin-bottom:2rem!important;
}
.row-altro-caricamento h1{
    width:fit-content;
    margin:auto;
}
/* importazione */
.templatectr>.imp-exp-container{
    width:100%;
    justify-content:space-evenly;
    margin:2em 0;
    align-items: center;
    display: inline-flex;
}
@media only screen and (min-width : 980px){
    .templatectr>.imp-exp-container{
        justify-content:space-between;
        margin: 2em;
        width:50%;
    }
}
.templatectr>.imp-exp-container form.import-form label[for="mycsv"]{
    display:none;
}
.templatectr>.imp-exp-container form.import-form{
    display: inline-flex;
    align-items:center;
    justify-content: space-around;
    width: fit-content;
    flex-direction: row;
    flex-wrap: wrap;
    display: inline-flex;
    border:1px dotted #fff;
    padding:0.2em;
}
.templatectr>.imp-exp-container .export-container{
    display:inline-flex;
    align-items:center;
    border: 1px dotted #fff;
    padding:0.2em;
}
@media only screen and (min-width : 980px){
    .templatectr>.imp-exp-container form.import-form,
    .templatectr>.imp-exp-container .export-container{
        padding:1em;
    }
}
.templatectr>.imp-exp-container .export-container .export:hover{
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, .16), 0 2px 10px 0 rgba(255, 255, 255, .12);
}
.templatectr>.imp-exp-container .import-upload{
    background-image:url(../images/upload-white.png);
    padding:5px;
    width: 50px;
    max-width: 50px;
    background-size: 35px;
    background-color: #18572C;
    border:1px solid transparent;
}
.templatectr>.imp-exp-container .import-upload:hover{
    background-image:url(../images/upload.png);
    background-color:#fff;
    box-shadow: 0 2px 5px 0 rgba(24, 87, 44, .16), 0 2px 10px 0 rgba(24, 87, 44, .12);
}
.templatectr>.imp-exp-container .export-icon{
    padding: 5px;
    width: 50px;
    height: 50px;
    max-width: 50px;
    background-size: 35px;
    background-color: #fff;
    background-image:url(../images/export.png);
    background-position:center;
    background-repeat:no-repeat;
    border-radius:0.25em;
    border:1px solid transparent;
    cursor:pointer;
}
.templatectr>.imp-exp-container .export-icon:hover{
    background-image:url(../images/export-white.png);
    background-color:transparent;
    border:1px solid #fff;
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, .16), 0 2px 10px 0 rgba(255, 255, 255, .12);
}
/*
.templatectr>form.import-form div.submit-container{
    display:block;
    width:100%;
    margin:auto;
    text-align:right;
}*/
/* esito importazione */
.importview h1{
    background-size:70%;
}
.export-mod,
.export-add-new{
    width:90%;
    padding-bottom:1em;
    margin-bottom:1em;
    border-bottom:1px dotted #fff;
}
.export-mod table tr td span{
    margin:0 1em;
    font-family:'ChaparralPro-BoldIt'; 
}
@media only screen and (min-width : 980px){
    .export-mod,
    .export-add-new{
        width:80%;
    }
}
@media only screen and (min-width : 1360px){
    .export-mod,
    .export-add-new{
        width:75%;
    }    
}
.export-add-new table td label{
    font-style:italic;
    color:#18572C;
    text-decoration: underline;
}
.export-add-new table td label::after{
    content:":";
    color:#18572C;
    font-size:1em;
    margin-left:5px;
    margin-right:5px;
}
.sysformfieldssn{
    text-transform:uppercase;
}
/* NAVBAR */
nav.navbar{
    order:1;
}
.navbar-nav{
    background-color: #fff;
    align-items:center;
}
@media only screen and (min-width : 980px){
    .navbar-nav{
        background-color:transparent;
        margin-left:1em;
    }
}
.navbar-nav li .nav-link{
    border-bottom:1px solid transparent;
    transition:all 0.5s ease-out;
}
.navbar-nav li:hover a.nav-link{
    color:#18572C!important;
    border-bottom:1px solid #84C1B0;
}
.navbar-nav li.nav-item.current .nav-link{
    color:#84C1B0;
    border-bottom:1px solid #18572C;
}
.navbar-nav .admin-menu-wrapper{
    width: 100%;
    margin: auto;
    text-align: center;
}
.dropdown-toggle{
    text-transform: capitalize;
}
@media only screen and (min-width : 980px){
    .navbar-nav .admin-menu-wrapper{
        width:fit-content;
        text-align:inherit;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .navbar-nav .admin-menu-wrapper{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .navbar-nav{
        background-color: #fff;
        align-items:center;
    }
}
.dropdown-menu{
    min-width:300px;
    min-height: 275px;
}
.dropdown-menu li:hover{
    padding: 3px 1rem;
    cursor:pointer;
    transition:all 0.5s ease-out;
    /*background-color:#84C1B0;*/
    /*border-bottom:1px solid #84C1B0;*/
}/*
.dropdown-menu li:hover a.nav-link{
    color:#fff!important;
}*/
.dropdown-item a{
    border-bottom:1px solid transparent;
}
.dropdown-item.current a.nav-link{
    color:#84C1B0;
    border-bottom:1px solid #18572C;
}
.utenza{
    text-align:center;
    z-index:10000;
}
@media only screen and (min-width : 980px){
    .utenza{
        position:absolute;
        right:10%;
        top: 1em;
    }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .utenza{
        position: relative;;
        margin:1em auto;
        text-align: center;
    }
}
.utenza label a,
.utenza label{
    color:#84C1B0;
    font-style:italic;
    font-size:1.1em;
    text-decoration:none;
}
.utenza label a::after{
    content:":";
}
.utenza span{
    margin-left:0.25em;
    color:#000;
   /* text-transform: capitalize; */
}

/* TABELLE */ 
.otherbtnsctr{
    display: block;
    margin: auto;
    width: 90%;
}
.otherbtnsctr div.controllerbtnapply,
.otherbtnsctr div.controllerbtnreset{
    display:none;
}
@media only screen and (min-width : 980px){
    .tablecontainer table{
        width:90%;
        margin:auto!important;
    }
}
.tablecontainer thead,
.tablecontainer tbody:first-of-type,
.calendarcontainer thead{
    background-color:#18572C;
}
.tablecontainer tbody:last-of-type{
    /*height:fit-content!important;*/
    background-color:#fff;
}
.tablecontainer tbody:last-of-type tr{
    transition:all 0.5s ease-out;
}
.tablecontainer tbody:last-of-type tr:hover{
    background-color:rgba(132, 193, 176, 0.3);
}
.tablecontainer > table td{
    vertical-align: middle;
}
.tablecontainer table tbody:first-of-type{
    display:none;
}
@media only screen and (min-width : 980px){
    .tablecontainer table tbody:first-of-type{
        display:table;
    }
}
/*
.tablecontainer > table > tbody:first-of-type input{
    border:none;
    border-bottom:1px solid #18572C;
}*/
.tablecontainer td a>span{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
    line-height: 3em;
    font-size:1em!important;
}
.tablecontainer td.column_risexam a{
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
}
.tablecontainer td.column_risexam a>span{
    display: inline-block;
    margin: 0 5px;
}
/*filtri intestazione*/
div.tablecontainer table tbody tr:first-of-type td form{
    display:inline-flex;
    align-items:center;
    justify-content:space-evenly;
    width:100%;
}
div.tablecontainer table tbody tr:first-of-type td form div.fieldctr{
    width:calc(100% - 50px);
}
div.tablecontainer table tbody tr:first-of-type td form div.fieldctr input:not([type="reset"]),
div.tablecontainer table tbody tr:first-of-type td form div.fieldctr select{
    border:none;
    border-bottom:1px solid #18572C;
}
div.tablecontainer table tbody tr:first-of-type td form div.fieldctr div.resetbox{
    width:50px;
    display:flex;
    align-items:center;
    justify-content:center;
}
div.tablecontainer table tbody tr:first-of-type td form div.resetbox input{
    background-color:#fff;
    border:1px solid #C90900;
    color:#C90900;
    background-image:none;
    cursor:pointer;
    padding:5px;
    width:35px!important;
    height:35px!important;
    max-width:35px!important;
}
div.tablecontainer table tbody tr:first-of-type td form div.resetbox input:hover{
    color:#fff;
    background-color:#C90900;
    border:1px solid transparent;
}
/* data */
div.fieldctr.field_data{
    display:inline-flex;
    align-items:center;
}
div.fieldctr.field_data label{
    color:#000;
    margin:0;
}
/* inoltro */
div.tablecontainer td.filtercolumn_inoltra div.resetbox{
    display:none;
}
div.tablecontainer td.column_inoltra a{
    text-align:center;
}
/* righe */
div.tablecontainer table tbody tr{
    min-height:2em;
}
/* DETTAGLIO */
.back-container{
    text-align: left;
}
form>div.fieldsblock,
.editform>.fieldsblock.showblock,
.row-controllo-referti{
    padding: 2em;
    border: 1px solid #18572C;
    justify-content: space-evenly;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius:0.35rem;
    width:100%;
    background-color: #fff;
    margin:auto;
}
@media only screen and (min-width : 1360px){
    form>div.fieldsblock,
    .row-controllo-referti,
    .submitbox,
    .back-container{
        width:75%;
    }
}
.fieldsblock ul{
    padding-left:0;
}
form>div.fieldsblock>div.fieldctr,
.editform>.fieldsblock.showblock>div.fieldctr{
    display: inline-flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding-top:1em;
    max-height:max-content;
}
form>div.fieldsblock>div.fieldctr.fieldtype_sysformfieldresource{
    display:block;
}
@media only screen and (min-width : 1024px){
    form>div.fieldsblock>div.fieldctr{
        width:35%;
        /*flex-direction:column;*/
    }
}
form>div.fieldsblock>div.fieldctr label,
.editform>.fieldsblock.showblock>div.fieldctr label{
    color:#18572C;
    font-style:italic;
    flex:auto;
    max-width:unset;
    position: absolute;
    top:-1em;
    left:-1em;
    margin-bottom:0.25em;
}
form>div.fieldsblock>div.fieldctr input:not([value="remove"]):not(.remove):not([type="radio"]),
form>div.fieldsblock>div.fieldctr select{
    border:1px solid #18572C!important;
    padding:1em!important;
    align-self:center;
    width:50%;
    /*height:55px!important;*/
    border-radius:0.35rem!important;
}
form>div.fieldsblock>div.fieldctr select{
    height:55px!important;
}
form>div.fieldsblock>div.fieldctr textarea{
    border:1px solid #18572C!important;
    align-self:center;
    width:50%;
    border-radius:0.35rem!important;
}
.inline{
    padding: 2.5rem 2.5rem !important;
    border:1px solid #18572C;
}
.editform>.fieldsblock.showblock div.fieldctr span,
.editform>.fieldsblock.showblock div.fieldctr input,
.editform>.fieldsblock.showblock div.fieldctr select{
    color:#000;
}
/* upload file */
.newresource,
.import-upload:not(.importview){
    -webkit-flex: auto;
    flex: auto;
    max-width: initial;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    width: 50px;
    height: 50px;
    background-image: url(../images/upload.png);
    background-position:center;
    background-size:50px;
    background-repeat:no-repeat;
    max-height:50px;
    border: 1px solid green;
    padding: 3em;
    border-radius: 0.25em;
    align-self: center;
}
.newresource{
    padding:1.5em;
    background-size:35px;
    width:100%;
}
.field_media ul.sysformfield li.noresource{
    display:none;
}
.newresource input[type="file"],
.import-upload input[type="file"]{
    display:block;
    width:50px;
    height:50px;
    opacity:0;
    filter:alpha(opacity=0);
    cursor: pointer;
}
.newresource input[type="file"]{
    width:100%!important;
}
/* remove element */
.rmelement > input[type="button"],
.delete,
.remove{
top:auto!important;
right:5px;
}
/* add element */

div.fieldctr ul.sysformfield~a.addnew{
    margin-top:15px;
    margin-left: -40px;
    display: block;
    margin-bottom: 30px;
}
/* indirizzo */
.field_address .inline .fieldsblock .fieldctr{
    position:relative;
}
/* genere */
.fieldctr.field_sesso ul{
    list-style-type: none;
}
.fieldctr.field_sesso ul span{
    color:#000;
}
form>div.fieldsblock>div.fieldctr.field_sesso>ul>li>input{
    height:16px!important;
}
/* controllo referti */
.row-controllo-referti h1,
.row-controllo-referti h2,
.row-controllo-referti span,
.row-controllo-referti label,
.row-controllo-referti th,
.row-controllo-referti td{
    color:#000;
}
.row-controllo-referti{
    margin-bottom:5em;
}
.row-controllo-referti h1{
    background-size:75%;
    width:fit-content;
    margin:auto;
    margin-bottom:1em;
}
.row-controllo-referti h2{
    color:#84C1B0;
    font-style:italic;
    text-align:center;
    font-size:1.5rem;
    padding-top:0.5em;
    padding-bottom:0.5em;
    margin-bottom:0;
}
.row-controllo-referti .col-notifica,
.row-controllo-referti .col-controllo{
    padding:2em;
    padding-top:0.5em;
    border-radius:0.25rem;
    border:1px solid #84C1B0;
    box-shadow: 0 2px 5px 0 rgba(24, 87, 44, .16), 0 2px 10px 0 rgba(24, 87, 44, .12);
}
.row-controllo-referti .col-notifica .btn-confirm{
    display:block;
}
.row-controllo-referti table.table thead{
    margin:0;
    background-color:#84C1B0;
}
.row-controllo-referti table.table th{
    border-top:1px solid transparent;
    text-align:center;
    padding:0;
    color:#fff;
}
.row-controllo-referti table.table td{
    text-align:center;
}
.row-controllo-referti table.table td.sended,
.row-controllo-referti table.table td.queue,
.row-controllo-referti .col-controllo table.table td{
    background-position:center right 15px;
    background-repeat:no-repeat;
    background-size:20px;
}
.row-controllo-referti table.table td.sended,
.row-controllo-referti .col-controllo table.table td{
    color:#84C1B0;
    background-image:url(../images/check.png);
}
.row-controllo-referti table.table td.queue{
    color:#7DD2EF;
    background-image:url(../images/queued.png);
}
/* FOOTER */
footer{
    background-color:#fff;
}
/*
.row-footer{
height:100%;
}*/
/*
@media only screen and (min-width : 980px){
    .row-footer{
        height: 5vw;
    }  
}*/
.row-footer .contatti-wrapper{
    padding-top:0.5em;
}
.row-footer .contatti-wrapper p{
    color:#18572C;
    font-size:0.7em;
    margin-bottom:5px;
}
.col-help img{
    height:50px;
    width:50px;
    display:block;
    margin:auto;
    cursor:pointer;
}
.pulse {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
    animation: pulse 2s infinite;
    background-image: url(../images/info.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  @-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
 
 
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.pulse-hover{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(133, 193, 175, 0.8);
}
.pulse-hover:hover{
   animation: pulseGreen 2s infinite;
}
@-webkit-keyframes pulseGreen {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(133, 193, 175, 0.8);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(133, 193, 175, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(133, 193, 175, 0);
    }
  }
   
   
  @keyframes pulseGreen {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(133, 193, 175, 0.8);
      box-shadow: 0 0 0 0 rgba(133, 193, 175, 0.8);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(133, 193, 175, 0);
        box-shadow: 0 0 0 10px rgba(133, 193, 175, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(133, 193, 175, 0);
        box-shadow: 0 0 0 0 rgba(133, 193, 175, 0);
    }
  }
.credits p{
    color:#000;
}
.credits p a{
    color:#84C1B0;
    text-decoration:none;
}
/* modale aiuto */
/*
.modal.modale-aiuto{
    z-index:1100;
}*/
.modale-aiuto .modal-dialog{
    max-width:90vw;
    width:90vw;
    height:fit-content;
    margin:auto;
    margin-top:10vh;
}
.modale-aiuto img{
    max-width:150px;
    margin-bottom:1em;
    /*animation:float1 6s ease-in-out infinite;*/
}
.modale-aiuto h1{
    width:fit-content;
    margin:auto;
    margin-bottom:0.5em;
    background-size:40%;
}
@media only screen and (max-device-width:767px){
    .modale-aiuto h1{
        background-position:bottom;
    }
}
.modale-aiuto h1,
.modale-aiuto h2,
.modale-aiuto p{
    color:#000;
}
.modale-aiuto h5,
.modale-aiuto a{
    color:#84C1B0;
}
.modale-aiuto a{
    text-transform: lowercase;
}
.modale-aiuto .mail,
.modale-aiuto .phone{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.mail .shake-bottom{
	-webkit-animation: shake-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
            animation: shake-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
            animation-delay: 0ms;
}
.phone .shake-bottom{
    -webkit-animation: shake-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation-delay: 1s;
}
.mail:hover .shake-bottom,
.phone:hover .shake-bottom{
	-webkit-animation: shake-bottom2 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-bottom2 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes shake-bottom {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
  @keyframes shake-bottom {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
  @-webkit-keyframes shake-bottom2 {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
  @keyframes shake-bottom2 {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
@media only screen and (min-width : 980px){
    .modale-aiuto .modal-dialog{
        max-width:75vw;
    } 
}
@media only screen and (min-width : 1360px){
    .modale-aiuto .modal-dialog{
        max-width:50vw;
    } 
}
.modal-content{
    border:2px solid #84C1B0;
    box-shadow: 0 2px 5px 0 rgba(24, 87, 44, .16), 0 2px 10px 0 rgba(24, 87, 44, .12);
}
.modal-header h5,
.modal-header span{
    color:#84C1B0;
}
.modal-header h5{
    text-align:center;
}
.mostrareferti{
    margin-bottom:4em;
}
/* SCROLLBAR */
::-webkit-scrollbar-track{
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    }
    ::-webkit-scrollbar{
    width: 8px;
    height:4px;
    background-color: #84C1B0;
    }
    ::-webkit-scrollbar-thumb{
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #84C1B0;
    }
/* TOASTER */
/* The snackbar - position it at the bottom and in the middle of the screen */
.toaster{
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 400px; /* Set a default minimum width */
	margin-left: -200px; /* Divide value of min-width by 2 */
	background-color: #fff; /* Black background color */
	color: #84C1B0; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 2px; /* Rounded borders */
	padding: 50px 100px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 10000; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	top:200px; /* 30px from the bottom */
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, .16), 0 2px 10px 0 rgba(255, 255, 255, .12);
    border:2px solid #84C1B0;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.toaster_show {
	visibility: visible; /* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
	However, delay the fade out process for 2.5 seconds */
	-webkit-animation: toaster_fadein 0.5s, toaster_fadeout 0.5s 3s;
    animation: toaster_fadein 0.5s, toaster_fadeout 0.5s 3s;
    top:15vh;
    z-index:10000;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes toaster_fadein {
	from {top: 0; opacity: 0;} 
	to {top: 100px; opacity: 1;}
}

@keyframes toaster_fadein {
	from {top: 0; opacity: 0;}
	to {top: 100px; opacity: 1;}
}

@-webkit-keyframes toaster_fadeout {
	from {top: 100px; opacity: 1;} 
	to {top: 0; opacity: 0;}
}

@keyframes toaster_fadeout {
	from {top: 100px; opacity: 1;}
	to {top: 0; opacity: 0;}
}
/* /TOASTER */
.field_statoreferto span{
    color:#000;
}
/* cookies */
.direttiva2009_136_CE{
    background-image: url(../images/bgb.png);
    background-color: #84C1B0;	;	
    border-top:2px solid #fff;
    min-height:50px;
    }
    .direttiva2009_136_CE{
    width:100%;	
    line-height:40px;
    text-align:center;
    }
    .direttiva2009_136_CE span{
    width:80%;
    color: #fff;	
    }
    .direttiva2009_136_CE input[type=button] {
    width:80px;
    background-color:#000;	
    color:#fff;
    height:25px;
    line-height: 25px;
    cursor:pointer;
    border:1px solid #fff;
    }
    .direttiva2009_136_CE a {
    text-decoration: none;
    color: #B8D776;
    }
    .direttiva2009_136_CE a:hover {
    text-decoration: none;
    color: #fff;
    }
    .direttiva2009_136_CE #nscmsboxclosesimple{
    width:80px;
    background-color:#000;	
    color:#fff;
    height:25px;
    line-height:25px;
    cursor:pointer;
    border:1px solid #f00000;
    margin-top:5px;	
    text-align:left;
    background-size: 20%;
    padding-left: 5px;
    background-image: url(../images/close.png);
    background-position: center right 5px;
    }
    #nscmsboxboxsimple{
    background-color: #585858;
    }
/* web con schermo ridimensionato al minimo */
.miaclasse{
    
}
/* solo cellulare */
@media only screen and (max-device-width:767px){
    .miaclasse{
    
    }
}

/* web con schermo superiore a 1500 ridotto a met� */
@media only screen and (min-width: 768px){
    .miaclasse{
    
    }
}

/* web da 1024 */
@media only screen and (min-width: 1024px){
    .miaclasse{
    
    }
}

/* web da 1280 */
@media only screen and (min-width: 1280px){
    .miaclasse{
    
    }
}

/* web da 1366 */
@media only screen and (min-width: 768px){
    .miaclasse{
    
    }
}

/* web oltre 1500 */
@media only screen and (min-width: 1500px){
    .miaclasse{
    
    }
}

/* solo iPad portrait */
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
    .miaclasse{
    
    }
}

/* solo iPad landscape */
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
    .miaclasse{
    
    }
}


/*2021-11-15 LUCA*/
.field_source span {
    color: #000;
}

.templatectr.model_referto.editview form > div.fieldsblock > div.fieldctr.fieldtype_sysformfielduuid.field_dottore input:not([value="remove"]):not(.remove):not([type="radio"]) {
    width: 75% ;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.fieldtype_sysformfieldinline.field_risexam {
    width: 80%;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.fieldtype_sysformfieldinline.field_risexam > div.inline {
    flex: 0 0 100%;
    max-width: 100%;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.fieldtype_sysformfieldinline.field_risexam .fieldsblock {
    display: flex;
    justify-content: space-between;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.fieldtype_sysformfieldinline.field_risexam .fieldsblock .fieldctr {
    display: flex;
    flex: 0 0 50%;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.fieldtype_sysformfieldinline.field_risexam .fieldsblock .fieldctr input {
    width: 100% !important;
    height: 100%;
}

.templatectr.model_referto.editview form > div.fieldsblock >.fieldctr.fieldtype_sysformfieldresource.field_media ul {
    margin-top: 40px;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.fieldtype_sysformfieldbool.field__generatereferto {
    display: flex;
    justify-content: center;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.field_predescription > div {
    width: 100%;
}

.templatectr.model_referto.editview form > div.fieldsblock > .fieldctr.field_postdescription > div {
    width: 100%;
}

div.templatectr.model_esami.editview form div.fieldctr.fieldtype_sysformfieldwysiwyg.field_description > div {
    width: 100%;
}

div.templatectr.model_esami.editview form > div.fieldsblock > div.fieldctr.fieldtype_sysformfieldwysiwyg.field_description {
    width: 80%;
}

.deletecont {
    margin-right: 30%;
    position: relative;
    width: 100%;
}

.deletecont .delete {
    top: 0;
    margin-top: 50px;
    background-image: url(../images/delete2.png);
    background-size: 40px;
    width: 40px;
    height: 40px;
}