body{font-family: 'Titillium Web', sans-serif; font-size:100%;color: #687384;font-weight: 400; background: #f4f6f9;}

.footer-giustizia{position: fixed; left: 0; bottom: 0; width: 100%;  background-color: #f4f6f9 !important; padding: 5px; z-index: 5;}

/*.container{border:1px solid red;}*/
.top{border-top:3px solid #e4272e; border-bottom: 1px solid #e2e3e6;}
header{padding:20px 0px 10px 0px;}
/*header img{width:60%;}*/
.red{color:#e4272e;}
a.btn-primary{color:#fff;}
a.btn-primary:hover{color:#fff;}
.bg-primary{background:#e4272e!important;}
.btn-primary{border-radius:4px; border:0px; background:#e4272e; color:#fff; text-align:center !important;}
.btn-primary:hover{background:#b51016;}
.btn-primary:focus{background:#b51016 !important;}
.btn-primary:disabled{background-color: grey;}/*aggiunto da me*/
.btn-success{width:100%;}
form.login .btn-secondary{width:100%;}
a{color:#e4272e; text-decoration:none;}
a:hover{color:#e4272e;}
form.login{background:#fff; padding:20px;margin-top:10%;box-shadow: 1px 2px 9px 4px rgba(0,0,0,0.05);}
form.login h4{font-size:1.4em; font-weight:600;padding:10px; margin-bottom:40px; text-align:center; border-bottom:1px solid #ccc;}
form.login .btn-primary{width:100%;}
form.login img{width:60px;}/*modifica per il form di login*/
input{/*border-top:0px; border-right:0px !important; border-left:0px !important; border-top:0px !important;*/ margin-top:10px; margin-bottom:10px;}
::placeholder {color:#acb0b4 !important;}
.nav-tabs{border:0px;}
.nav-tabs .nav-item{font-size:1.1em; padding-right:20px; margin:0px auto; text-align:center;}
.nav-tabs .nav-link.active{border-bottom:1px solid #e4272e; border-top-color:transparent;border-left-color:transparent;border-right-color:transparent; color:#e4272e;}
.nav-tabs .nav-link{color:#687384; border-bottom:1px solid #687384;}
.nav-tabs .nav-link:hover{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent; color:#e4272e;}
/* GUIDE*/
.tabs-login .nav-tabs .nav-item{font-size:1.1em; padding-right:20px; margin:0px; text-align:left !important; font-weight:600;}
.tabs-login .nav-tabs .nav-link.active{border-bottom:1px solid #e4272e; border-top-color:transparent;border-left-color:transparent; border-right-color:transparent; color:#e4272e; background:transparent;}
.tabs-login .nav-tabs .nav-link{color:#687384; border-bottom:0px;}
.tabs-login .nav-tabs .nav-link:hover{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent; color:#e4272e;}
.tabs-login .card{background:transparent; border:0px;}
.tabs-login .card-header{background:transparent; padding:10px 0px 10px 0px;}
/*sul vecchi css attivo*/

.card-header{background:transparent; padding:10px 20px 10px 20px;}
.card-header .btn-link .fas{right: 20px;position: absolute; top: 23px;}
.card-header .btn-link{color:#e4272e; font-weight:600; padding-left:0px;}

/*END sul vecchi css attivo*/
.tabs-login .tab-content{margin-top:10px;}
.tabs-login .btn{text-align:left;}
.tabs-login .btn-link{color:#687384; padding-left:0px;}
.tabs-login .btn-link .fas{right: 0px;position: absolute; top: 23px;}
.tabs-login .card-body{padding-left:0px;}
/*END*/
#avvocato p{padding:20px; text-align:center;}
#privato p{padding:20px; text-align:center;}
footer{text-align:center;border-top: 1px solid #e2e3e6; padding-top:20px; margin-top:8%;}
footer p{padding:0px;margin:0px;}
/*pannello*/
.contenitore {background:#fff; padding:20px;margin-top:2%;box-shadow: 1px 2px 9px 4px rgba(0,0,0,0.05);}
.contenitore-servizi {min-height:600px;background:#fff; padding:20px;margin-top:2%;box-shadow: 1px 2px 9px 4px rgba(0,0,0,0.05);}
.contenitore-menu {padding:0px;margin-top:3%;}
.contenitore-menu ul li{display:inline; list-style:none;}
.contenitore-menu .menu ul{padding-left:0px;}
.contenitore-menu .menu ul li{float:left; margin-right:10px;}
.contenitore-menu .menu ul li a{color:#fff;}
.contenitore-menu .menu ul li a:focus{background:#931208 !important;}
.contenitore-menu .menu ul li a.dropdown-item{color:#000;}	
ul.dropdown-menu li a{border: 0px !important; background: transparent !important; padding: 0px !important;}
ul.utenza{font-size: 0.9em; padding-top:0px; padding-left:0px;}
ul.utenza li{display:inline; list-style:none;}
/*ul.utenza li:hover{cursor:pointer;}*/
ul.utenza2{font-size: 0.9em; padding-top:0px; padding-left:0px;}
ul.utenza2 li{display:inline; list-style:none;}
ul.utenza2 li:hover{cursor:pointer;}
#accettazione p{font-weight:600;}
#lavorazione p{font-weight:600;}
label{display:block;}
.contenitore table .btn {min-width:160px; text-align:left;}
.dropdown-toggle::after{display:none;}
.agenda nav ul{list-style:none;}
nav ul li a{display:inline;}
.form-check-input{margin-left:0px}
.form-check-label{margin-left:18px;margin-bottom: 10px;margin-right: 10px;}
.agenda ul{padding-left:0px;}
.agenda ul li{margin-right:10px; list-style:none;}
.agenda nav ul li a.menu{color:#fff;font-weight:600; background:#e4272e; padding: 7px; border-radius: 5px;}
.agenda nav ul li a.menu:hover{text-decoration:none; background:#931208;}
.agenda nav .dropdown-item a{background:#fff;}
.agenda h5{color:#e4272e; font-weight:600; padding-top:10px; padding-bottom:10px; margin-bottom:0px;}
.agenda section.prenotazione{background:#ededed;}
.agenda section.prenotazione p{padding:10px;}
/*.agenda .dropdown {padding-bottom:20px;}*/
.nav-link{padding:0px;}
.scroll{overflow-y: scroll; height: 500px;}
.box {background:#fafbfe; padding:10px; border-radius:10px;}
.box ul li:before{content:''; width:5px; height:5px; border-radius:4px; background:#333; display:inline-block; margin-right:8px;}
.servizi{background:#fff; padding:20px;margin-top:2%;box-shadow: 1px 2px 9px 4px rgba(0,0,0,0.05); min-height:400px; min-width: 210px; text-align: justify;}
.servizi section{margin-bottom:25px;}
.servizi p{font-size:1em;}
.servizi h2{font-size:1.4em;font-weight:600; padding-bottom:20px;}
.servizi img{width:50px; margin-bottom:10px;}
.servizi button {position: absolute;bottom: 30px;}

/*PANNELLO CANCELLERIE*/
.settimana td p{margin-bottom: 0px;}
.modal ul li{list-style:none;}
.modal ul{padding-left:10px;}
#calendario .giorno {width:100%;}
#calendario ul li{list-style:none; padding-top:20px; padding-bottom:20px;border-bottom:1px solid #dedede;}
#calendario ul{padding-left:15px;}
#calendario h2{font-size:3em;}
#calendario .date{color:#b9b9b9;}
#calendario .giorno .arrow-right{float:right;}
#calendario .giorno tr td p.alert-success{padding: 5px; border-radius: 5px;}
#calendario tr th{color:#687384; font-weight:400; vertical-align:middle;}
#calendario tr td p{vertical-align:middle; margin-bottom:0px;}
.contenitore ul li{display:inline; list-style:none;}
#calendario .settimana tr th{padding-left:0px; padding-right:0px;font-size:0.8em;}
#calendario .settimana tr td p.alert-success{font-size: 14px;height: 30px;width: 90px;padding: 5px; border-radius: 5px;}
#calendario .mensile tr td p.alert-success{font-size: 14px;height: 30px;width: 90px;padding: 5px; border-radius: 5px; margin-bottom:5px;}
#calendario .mensile tr td span.mese-data p{font-weight:600; margin-bottom:10px;}
.vista-attiva{border-bottom:1px solid #e4272e; color:#e4272e;}
.mese-giorno{border:1px solid #ededed;}


/*ULTIME MODIFICHE*/
ul.utenza{padding-top:0px !important; } /*cancella valore dal css */
.contenitore-menu {padding:0px;margin-top:0px;}/*cancella valore dal css */
.navbar{padding-left:0px;}
.contenitore-menu ul li{display:inline; list-style:none; margin-right:15px;}
.contenitore-menu ul li a:hover{color:#e4272e; border-bottom: 1px solid #e4272e; text-decoration:none;}
.contenitore-menu ul li a{color:#687384;font-weight: 600; padding: 10px;border:1px solid #d4d4d4; border-radius:8px; background:#fbfbfb;}
.contenitore-menu ul li.dropdown ul.dropdown-menu li{display:block; padding:10px;}
.contenitore-menu ul li.dropdown:hover ul.dropdown-menu{display:block;}
.contenitore-menu ul li.dropdown ul.dropdown-menu li:hover{color:#e4272e; cursor:pointer;}
/* end */


/*end*/
/*MODAL*/
.modal-top{position:absolute; right:20px;}
.modal-bottom{position:absolute; left:20px;bottom:20px;}
.green{color:green;}
.orange{color:orange;}
/*end*/
/*navbar-nav*/
@media (max-width:991px){
    .navbar-nav{display: block;}
}
@media (max-width:768px){
    .navbar-nav{display: block;}
}
@media (max-width:767px){
    .navbar-nav{display: block;}
}
@media (max-width:768px){
    ul.utenza{padding-top:20px;}
}
@media (min-width:768px) and (max-width:1200px){
    form.login{padding:20px 5px 20px 5px;}
    .nav-tabs .nav-item{font-size:1em; padding-right:0px;}
}
@media (min-width:768px ){
    .contenitore-menu ul li a{font-size:0.9em;padding: 8px;}
}

::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
}

.disabled{
    pointer-events:none;
    opacity:0.4;
}

.modal{overflow: auto}


.servizi-cancelleria{background:#fff; padding:20px;margin-top:2%;box-shadow: 1px 2px 9px 4px rgba(0,0,0,0.05); min-height:335px; text-align: justify;}
.servizi-cancelleria section{margin-bottom:25px;}
.servizi-cancelleria p{font-size:1em;}
.servizi-cancelleria h2{font-size:1.4em;font-weight:600; padding-bottom:20px;}
.servizi-cancelleria img{height:50px; margin-bottom:10px;}
.servizi-cancelleria button {position: absolute;bottom: 30px;}
.contenitore-menu ul li a.active/*{text-decoration: underline;}*/{color:#687384; border-bottom: 3px solid #687384; text-decoration:none;}
li.dropdown.active a {color:#687384; border-bottom: 3px solid #687384; text-decoration:none;}/*{text-decoration: underline;}*//*{color:#687384; border-bottom: 3px solid #687384; text-decoration:none; font-weight: 700;}*/
.nonattivo{color:#d2d2d2;}
.gray{filter: grayscale(1); opacity: 0.8;}
/*richiesto da matteo*/
.btn-primary-grey{ color: #6c757d !important; background-color: #ffffff !important; border: 1px solid #6c757d !important;}
.btn-primary-grey:hover{ color: #ffffff !important; background-color: #6c757d !important; border: 1px solid #6c757d !important;}
.btn-primary-grey:focus{ color: #ffffff !important; background-color: #6c757d !important; border: 1px solid #6c757d !important;}
.btn-primary-grey:disabled{ color: #ffffff !important; background-color: grey !important;}
#simbolo_procura_istituzioni {
    width: 60px;
}

/*.servizi-istituzioni{background:#fff; padding:20px;margin-top:2%;box-shadow: 1px 2px 9px 4px rgba(0,0,0,0.05); min-height:450px; min-width: 210px; text-align: justify;}*/
.servizi-istituzioni{background:#fff; padding:20px;margin-top:2%;box-shadow: 1px 2px 9px 4px rgba(0,0,0,0.05); min-height:350px; min-width: 210px; text-align: justify;}
.servizi-istituzioni section{margin-bottom:25px;}
.servizi-istituzioni p{font-size:1em;}
.servizi-istituzioni h2{font-size:1.4em;font-weight:600; padding-bottom:20px;}
.servizi-istituzioni img{width:50px; margin-bottom:10px;}
.servizi-istituzioni button {position: absolute;bottom: 30px;}





.orari{width:"1%";display:inline-block; float:left;}
.orari th p{padding-bottom:0px !important;}
.settimana-user{ width:20%; display:inline-block; float:left;}
.settimana-user button.btn.btn-success {min-width: 99%; max-width: 99%; min-height: 70%; text-align: center;}
.settimana-user h2 {text-align: center;}
.settimana-user tr {height: 50px}
.settimana-user tr td {padding: 0px;margin: 0px;vertical-align: middle; text-align: center;}
.prenotabile:hover {background-color: #eaf2f8 !important; cursor:pointer;}
.occupato {background-color: #E7EBFF !important;}

.giorno tr {height: 70px; max-height: 70px}
.giorno tr td {padding: 0px;margin: 0px;}
.giorno tr td p {text-overflow: ellipsis; /*white-space: nowrap;overflow:hidden; */padding: 15px; margin: 0px}

.alert-privato {color: #1b1e21; background-color: #87CEFA; border-color: #c6c8ca;}
.alert-operatore_di_giustizia {color: #1b1e21; background-color: #98FB98; border-color: #c6c8ca;}
.alert-cancelleria {color: #1b1e21; background-color: #FFC0CB; border-color: #c6c8ca;}
.alert-caf {color: #1b1e21; background-color: #9370DB; border-color: #c6c8ca;}
.alert-notpresented {color: #1b1e21; background-color: #d1ecf1; border-color: #c6c8ca;}
.alert-unavailable { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca;}

.dati_nuovo_dettaglio_appuntamento li {list-style: circle !important; padding-bottom: 15px;}
.info_nuovo_dettaglio_appuntamento li {list-style: none !important; margin-left: 30px;}
.info_descrizione { background-color: #d1ecf1; border-color: #bee5eb; position: relative; border-radius: .25rem; font-size: 80%;}
.info_descrizione ul { margin-top: 0px !important;}
.info_descrizione ul li { display: revert; list-style: disc;}

.cursor-pointer:hover{cursor:pointer;}
/*.dati_nuovo_dettaglio_appuntamento*/ 

/*################### Stile per sata coda ######################*/
/*.fas {font-weight: 900;font-size: 11px;color: #525151;}
.table td{vertical-align:middle;}
table.udienze td{vertical-align:top;}
table.giudice td{vertical-align:top; padding:5px 5px 5px 5px;}
table.giudice tr{padding:10px 5px 10px 5px; margin-bottom:10px;}
.giorno-udienza{margin-bottom:30px;}
.giorno-udienza h5{color:#333; font-size: 25px; font-weight:bold;border-left:0px;border-bottom:1px solid #333; background:none;}
.giorno-udienza h4{margin-bottom:30px; font-size:18px; font-weight:bold; border-left:2px solid #687384; padding-left:5px; padding-bottom:3px;margin-bottom:10px;}
.alert-now{border-left:3px solid red; background:#f7f7f7; padding-top:10px;}
.alert-success{padding-top:10px;}
#accordion{cursor:pointer;}
td p{padding-bottom:0px; margin-bottom:0px;}
span.parte{font-weight:bold;}





.btn-default{border:1px solid #cacaca; color:#333 !important; background:#fff; border-bottom:2px solid red; font-size:18px;}
.btn-default2{border:1px solid #cacaca; color:#333 !important;}
.btn-default:hover{background:#ededed;}
.btn-default2:hover{background:#ededed;}
.btn {min-width:80px;}
.btn-warning.next{font-weight:bold;font-size:14px; border-radius:0px;}


h5{font-size:18px; border-left:2px solid red;padding: 8px; background: #f3f3f3; margin-bottom: 20px; width:100%;}


@media (min-width:576px){
    .modal-dialog {max-width: 960px;margin: 1.75rem auto;}
}*/



.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #e4272e;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #e4272e;
    border-color: #e4272e;
}


button.btn.btn-outline-secondary {
    height: calc(1.5em + .75rem + 2px);
    /*flex: 1 1 auto;*/
    /*width: 1%;*/
    /*min-width: 0;*/
    /*margin-bottom: 0;*/
    position: relative;
    margin-top: 10px;
}

.riquadro-alert-privato {min-width: 100px; border-radius: 5px; text-align: center; color: #1b1e21; background-color: #99CBFF; border-color: #99CBFF; padding: 5px;}
.riquadro-alert-operatore_di_giustizia {min-width: 100px; border-radius: 5px; text-align: center; color: #1b1e21; background-color: #ACE1AF; border-color: #ACE1AF; padding: 5px;}
.riquadro-alert-cancelleria {min-width: 100px; border-radius: 5px; text-align: center; color: #1b1e21; background-color: #D8BFD8; border-color: #D8BFD8; padding: 5px;}
.riquadro-alert-caf {min-width: 100px; border-radius: 5px; text-align: center; color: #1b1e21; background-color: #FF9F71; border-color: #FF9F71; padding: 5px;}
.riquadro-alert-notaio {min-width: 100px; border-radius: 5px; text-align: center; color: #1b1e21; background-color: #FFDAC1; border-color: #FFDAC1; padding: 5px;}

.menu-principale-label-text {	font-family: 'Titillium Web', sans-serif;     font-weight: 700!important;}

.item-nav-menu-doc{    
    color: #687384;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    background: #fbfbfb;
}

.diritti-copia{font-size: 13px;}
.diritti-copia th{padding: 1px;}
.diritti-copia td{padding: 1px;}

.btn.item-nav-menu-doc.active {
    border-bottom: 3px solid #687384;
    color: #687384;
}
.form-control.custom-invalid{
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

div.custom-invalid{
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

ul.dropdown-menu li a.active {
    text-decoration: underline;
}