/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
	font-family: 'Oswald', sans-serif;
}
 #wrapper {
    overflow-x: hidden;
 }
.col-12{
padding-right: 8px;
    padding-left: 8px;
	}
.campanella {
	position: relative;
	
}
.campanella img {
	width: 30px;
	margin-right:20px;
}
.punto {
	position: absolute;
	width: 12px;
	height: 12px;
	background: rgba(227,8,20,1.00);
	border-radius: 100px;
	top:-2px;
	right:18px;
}
a#active.bg-light {
	background: #5a5a5b !important;
	color:#fff;
}
a.bg-light:hover {
	background:#787878 !important;
	color:#fff;
}
a {
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, background-image .15s ease-in-out;
}
a .triangoloEq {
	width:0;
	height:0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 14px solid transparent;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg0);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	position: absolute;
	right: -22px;
    top: 19px;
	z-index: 99;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a:hover .triangoloEq {
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 14px solid #787878 !important;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg0);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    right: -22px;
    top: 19px;
    z-index: 99;
}

a#active .triangoloEq {
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 14px solid #5a5a5b!important;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg0);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    right: -22px;
    top: 19px;
    z-index: 99;
}
.sito {
	display: inline-block;
	color:#fff;
	background-image: url('../img/sito.png');
	background-repeat: no-repeat;
	background-position: 9px center;
	background-size: 35px;
	background-color: rgba(2,79,145,1.00);
	text-align: center;
	padding:6px 20px 6px 60px ;
	margin-top: 70px;
	font-size: 1.2rem;
    font-weight: 300;
	transition: color .15s ease-in-out,background-color .15s ease-in-out;
}
.sito:hover {
	display: inline-block;
	color:#fff;
	background-image: url('../img/sito.png');
	background-repeat: no-repeat;
	background-position: 9px center;
	background-size: 35px;
	background-color:rgb(4 118 217);
	text-align: center;
}
.bg-light {
    background-color: #f1f1f1!important;
}
.logo {
	width: 15rem;
	height:auto;
}

a.bg-light.dash {
	background-image: url('../img/browser.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
	margin-top: 0px;
}
a:hover.bg-light.dash, a#active.bg-light.dash {
	background-image: url('../img/browser-w.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
	
}

a.bg-light.doc {
	background-image: url('../img/paper-n.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
a:hover.bg-light.doc, a#active.bg-light.doc {
	background-image: url('../img/paper-W.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}

a.bg-light.ricer {
	background-image: url('../img/ricerca-n.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
a:hover.bg-light.ricer, a#active.bg-light.ricer {
	background-image: url('../img/ricerca-b.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}


a.bg-light.prof {
	background-image: url('../img/user.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
a:hover.bg-light.prof, a#active.bg-light.prof {
	background-image: url('../img/user-w.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}

a.bg-light.supp {
	background-image: url('../img/customer-service.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
a:hover.bg-light.supp, a#active.bg-light.supp {
	background-image: url('../img/customer-service-w.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}

a.bg-light.stat {
	background-image: url('../img/analytics.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
a:hover.bg-light.stat, a#active.bg-light.stat {
	background-image: url('../img/analytics-w.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}

a.bg-light.mess {
	background-image: url('../img/paper-plane.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
a:hover.bg-light.mess, a#active.bg-light.mess {
	background-image: url('../img/paper-plane-B.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}

a.bg-light.admin {
	background-image: url('../img/admin.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
a:hover.bg-light.admin, a#active.bg-light.admin {
	background-image: url('../img/admin-w.png') !important;
	background-position: 13px center !important;
	background-size: 31px !important;
    background-repeat: no-repeat !important;
}
.user {
	width: 50px;
	border-radius: 100px;
	border: 3px solid #E30814;
    margin: 0px 20px 0px 19px;
}
.ciao {
	color:#fff;
	font-weight: 300;
	display: inline-block;
}
.ciao span {
	font-weight: 700;
}
.logout {
	display: inline-block;
	color:#fff;
	background: #E30814;
	padding: 18px 13px 18px 40px;
	background-image: url('../img/logout1.png');
	background-repeat: no-repeat;
	background-size:25px;
	background-position: 9px center;
}
.box-doc {
	background: #f1f1f1;
	position: relative;
	min-height: 170px;
	padding: 14px;
}
.box-doc1 {
	background: #f1f1f1;
	position: relative;
	min-height: 130px;
	padding: 14px;
}
.box-doc2 {
	background: #f1f1f1;
	position: relative;
	min-height: 100px;
	padding: 14px;
}
.box-doc2  a.freccia {
    position: absolute;
    display: block;
    width: 33px;
    right: -4px;
    top: 97px;
}
.box-doc2 .data-doc, .box-doc2 .area-rif {
    right: 0;
    position: initial!important;
}
.container-fluid {
	padding-right:61px;
	padding-left:61px;
	padding-bottom: 60px;
}
.banner {
	width: 100%;
}
.appuntamenti .col-sm-6{
	padding: 16px 8px 0px 8px;
}
.row {
	/*padding-top:40px;*/
}
.row.recenti {
	padding-top:10px;
}
.recenti .col-sm-4 {
	padding:16px 8px 0px 8px;
}
h1.title-doc {
	font-size: 1.7rem;
    font-weight: 300;
    text-transform: uppercase;
    position: absolute;
    top: 60px;
    border-bottom: 12px solid #E30814;
}
.proto {
	border-bottom: 1px solid #E30814;
    display: inline-block;
}
.title-proto {
	padding: 0;
	  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
	font-weight: 500;
	padding-top: 17px;
}
.data-doc, .area-rif {
	right: 0;
	position: absolute !important;
	display: inline-block;
	color:#fff;
	font-weight: 300;
	font-size:12px;
	width: 70px;
	text-align: center;
}
.data-doc {
	top:0;
	background: #024f91;
}
.area-rif {
	top:17px;
	background: #E30814;
}
.text-doc {
	font-weight: 300;
	line-height: 21px;
    padding-top: 17px;
	}
.text-doc p {
	padding: 0;
	  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
a.freccia {
	position: absolute;
	display: block;
	width: 33px;
	right: -4px;
	top:141px
}
a.freccia2 {
	position: absolute;
	display: block;
	width: 33px;
	right: -4px;
	top:101px
}
.stella img {
    position: absolute;
    display: block;
    width: 33px;
    right: -16px;
    top: -16px;
}
.riga {
	padding:0px;
	margin:30px 0px;
	width: 100%;
	border-bottom: 2px solid rgba(90,90,91,1.00);
}

h1.titolone {
	display:block;
    font-size: 1.7rem;
    font-weight: 300;
    text-transform: uppercase;
	max-width: 236px;
	width: 100%;
    border-bottom: 12px solid #E30814;
}
.lungo {
	max-width:100% !important; 
}
.aggiungi, .nuovo-utente {
	background: #000;
	color:#fff;
	position: absolute;
	padding:0px 15px 0px 40px;
	background-image: url("../img/piu.png");
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size:15px;
}
.aggiungi {
	top:4px;
	left:140px;	
}
.nuovo-utente {
	top:4px;
	left:210px;	
}

.aggiungi:hover {
	color:#fff;
}
.box-cerca {
	position: absolute;
	top:0px;
	right: 40px;
	border: 0px;
	padding:3px;
	background: rgba(241,241,241,1.00);
}
.cerca2 {
	position: absolute;
	top:0;
	right: 8px;
	background-image: url('../img/ricerca.png')!important;
    background-size: 22px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px;
	width: 30px;
	height: 30px;
	background-color:#E30814;
	
}
table.ricerche {
	margin-top: 20px;
  border-collapse: collapse;
  width: 100%;
}
table.ricerche a {
	color:#000;
}
.ricerhe th, .ricerche td {
  text-align: left;
  padding: 2px;
}

.ricerche tr:nth-child(even) {background-color: #f1f1f1;}
.ricerche tr:nth-child(odd) {background-color: #dddddd;}


.box-ricerche {
	border-right: 2px solid #5A5A5B;
}
table.table-doc {
  border-collapse: collapse;
  width: 100%;
}

.table-doc th, .table-doc td {
  padding: 8px;
}
.table-doc td {
  text-align: left;
  font-size:15px;
}
.table-doc.utenti td {
  text-align: center;
  font-size:15px;
}
.table-doc td:last-child {
	text-align: center;
}
.table-doc img {
	width: 30px;
}
.table-doc tr:nth-child(even) {background-color: #f1f1f1;}
.table-doc tr:nth-child(odd) {background-color: #dddddd;}

.table-doc th {
	text-align: center;
    height: 70px;
    background-color: rgba(2,79,145,1.00);
    color: white;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 18px;
}
.table-doc tr a {
	color:#000;
}
.cerca {
	width: 40px;
	margin-right:7px;
}
.downlod {
	font-size:20px;
	margin-top:10px;
	display: inline-block;
	background: rgba(2,79,145,1.00);
	color:#fff;
	padding:10px 20px 10px 50px;
	background-image: url('../img/download.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:30px;
}
a.downlod:hover {
	color:#fff;
}
.speciali {
	margin-left: 10px;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: -149px !important;
    bottom: 78px !important;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}
.carousel-control-next {
	background-image: url('../img/DX.png');
	background-size:30px;
	background-position: center center;
	background-repeat: no-repeat;
	right: -21px;
}
.carousel-control-prev {
	background-image: url('../img/SX.png');
	background-size:30px;
	background-position: center center;
	background-repeat: no-repeat;
	left: -21px;
}
.card {
	border:none;
	border-radius: 0;
}
.py-5 {
    padding-top: 1rem!important;
	padding-left:16px;
	padding-right:16px;
}

a.tab-prot, a.tab-area-rif {
	font-size:16px;
	display: inline-block;
	font-weight: 100;
	background: rgba(227,8,20,1.00);
	color:#fff;
	padding: 3px 6px;
	margin-right:5px;
}
a.tab-data {
	font-size:16px;
	display: inline-block;
	font-weight: 100;
	background:#024F91;
	color:#fff;
	padding: 3px 6px;
	margin-right:5px;
}
a.modifica {
	font-size:15px;
	float: right;
	display: inline-block;
	color:#fff;
	background: #000;
	padding:3px 20px 3px 40px;
	background-image: url('../img/pen.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 25px;
}
.titolo-doc {
	padding:10px 0px;
	font-size:23px;
}
.content-doc {
	font-size:17px;
	font-weight: 300;
	padding: 10px 10px 50px 10px;
	background: #F1F1F1;
}
.stampa {
	float:right;
	display: inline-block;
	color:#024F91;
	padding-left:35px;
	padding-right:20px;
	font-weight: 400;
	background-image: url('../img/print.png');
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left center;
	
}
.agg-preferiti {
	float:right;
	display: inline-block;
	color:#024F91;
	padding-left:35px;
	padding-right:20px;
	font-weight: 400;
	background-image: url('../img/star-2.png');
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: left center;
	
}
.agg-preferiti:hover {
	float:right;
	display: inline-block;
	color:#024F91;
	padding-left:35px;
	padding-right:20px;
	font-weight: 400;
	background-image: url('../img/star.png');
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: left center;
	
}
.precedente, .successivo {
	padding-top:10px;
}
.precedente a, .successivo a {
	background: #000;
    color: #fff;
    font-weight: 100;
	
}
.precedente a{
	padding: 2px 10px 2px 26px;
	background-image: url('../img/freccia-sx.png');
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 13px;
}
.successivo {
	text-align: right;
}
.successivo a{
	padding: 2px 29px 2px 10px;
	background-image: url('../img/freccia-dx.png');
	background-repeat: no-repeat;
	background-position: 106px center;
	background-size: 13px;
}

.supporto {
	font-size:1.2rem;
}
.supporto span {
	display: block;
	margin-top:40px;
	font-weight: 300;
}
.supporto a.tel, .supporto a.mail {
	color: #000;
    background-color: #e7e7e7;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 53px;
	background-position: left center;
	background-size:45px;
	background-repeat: no-repeat;
}
.supporto a.tel {
	background-image: url('../img/tel.png');
	
}
.supporto a.mail {
	background-image: url('../img/mail.png');
	
}
.form-supporto {
	width: 100%;
	max-width: 500px;
	margin: auto;
}
.form-supporto .col-sm-6 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
	MARGIN: 2PX;
	height: 60px;
	border: 0;
	font-size:14px;
	font-weight:300;
}
.form-supporto .col-sm-6:nth-child(1), .form-supporto .col-sm-6:nth-child(4) {background-color: #f1f1f1;}
.form-supporto .col-sm-6:nth-child(2), .form-supporto .col-sm-6:nth-child(3) {background-color: #dddddd;}

.form-supporto .col-sm-12.messaggio {
	background:#DDDDDD;
    -ms-flex: 0 0 99%;
    flex: 0 0 99%;
    max-width: 99%;
	MARGIN: 2PX;
	height: 100px;
	font-size:14px;
	border: 0;
	padding-top:15px;
	font-weight:300;
}
.mio-profilo {
	padding:0px 9rem;
}


.form-profilo {
	width: 100%;
	max-width: 600px;
	margin: auto;
	padding: 0px 6px;
}
.form-profilo .col-sm-6 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
	MARGIN: 2PX;
	height: 70px;
	border: 0;
	padding-top:10px;
	font-size:14px;
	font-weight:300;
}
.form-profilo .col-sm-6:nth-child(1), .form-profilo .col-sm-6:nth-child(4), .form-profilo .col-sm-6:nth-child(5), .form-profilo .col-sm-6:nth-child(9) {background-color: #f1f1f1;}
.form-profilo .col-sm-6:nth-child(2), .form-profilo .col-sm-6:nth-child(3), .form-profilo .col-sm-6:nth-child(6), .form-profilo .col-sm-6:nth-child(8)  {background-color: #dddddd;}
.form-profilo .col-sm-12.pass {
	padding-top:10px;
	height: 70px;
}
.form-profilo .col-sm-12, .col-sm-12.select {
	height: 70px;
}
.form-profilo input[type="text"], .form-profilo input[type="email"], .form-profilo input[type="tel"], .form-profilo input[type="password"], .form-profilo select {
	background: transparent;
	border:0;
	width: 100%;
	font-size:19px;
	color:#000!important;
}
.form-profilo input[type="radio"] {
margin-top:19px;
	padding-top:0px !important;
}
label {
	color:#676767;
}
.select select {width: 100%; margin-top:20px;}

.form-profilo input[type="button"].col-sm-12.invia, input[type="submit"].col-sm-12.invia {
	-ms-flex: 0 0 98.6%;
    flex: 0 0 98.6%;
    max-width: 98.6%;
	color:#fff;
	height: 60px;
	border:0px;
	font-size:26px;
	background:#024F91 !important;
}

.form-profilo .col-sm-12 {
	background:#DDDDDD;
    -ms-flex: 0 0 98.6%;
    flex: 0 0 98.6%;
    max-width: 98.6%;
	MARGIN: 2PX;
	font-size:14px;
	border: 0;
	height: 60px;
	font-weight:300;
}
@media screen and (max-width: 963px) {
	.form-profilo .col-sm-6,  .form-supporto .col-sm-6 {
    -ms-flex: 0 0 99%;
    flex: 0 0 99%;
    max-width: 99%;

}
	 
}
a.visualizza {
	background:#024F91;
	color:#fff;
	display: block;
	margin: 0px auto 50px;
	padding:10px 20px;
	font-size:30px;
}
a.visualizza:hover {
	color:fff !important;
}
.box-statistiche {
	padding-top:30px;
}
.box-statistiche span {
	display: inline-block;
	background:#024F91;
	color:#fff;
	width: 200px;
	padding:10px;
	font-weight: 300;
	font-size:17px;
	text-align: center;
}
.box-statistiche span.num-doc {
	display: inline-block;
	width: 70px;
	background: #F1F1F1;
	color:#000;
}
.box-statistiche span.visti {
	border-bottom: 1px solid #fff;
}
.colonne {
	max-width: 840px;
	width: 100%;
	margin: auto;
	height: auto;
	-moz-column-count: 3; 
	-moz-column-gap: 10px; 
	-webkit-column-count:3; 
	-webkit-column-gap: 10px; 
	-ms-column-count:3; 
	-ms-column-gap: 10px; 
	column-count: 3; 
	column-gap: 10px; 
	text-align:justify;
}
.scarica {
	padding:10px;
	color:#000;
	display: inline-block;
	width: 260px;
	height: 50px;
	background-image: url('../img/scarica.png');
	background-size:200px;
	background-repeat:no-repeat;
	background-position: 48px center;
}
.scarica:nth-child(even) {background-color: #f1f1f1;}
.scarica:nth-child(odd) {background-color: #dddddd;}


.footer {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size:14px;
    background: #dad5cf;
    display: inline-block;
    width: 100%;
    position: absolute;
    min-height: 99px;
    padding: 20px;
	
}


.privacy {
	padding-top: 28px;
	text-align: right;
}
.copy {
	padding-top: 28px;
	text-align: center;
}
.footer a {
	color:#fff;
}
.social {
	width: 220px;
	text-align: center;
}
.social img {
	width: 20px;
	margin: 5px;
}
.btn{
	padding: .298rem .75rem;
}
.navbar {
	padding:0rem 1rem;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: transparent;
	border-color: transparent;
	box-shadow:none;
}
#sidebar-wrapper {
  min-height: 96vh;
  margin-left: -18rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.115rem 1.25rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #024f91;
}

#sidebar-wrapper .list-group {
  width: 18rem;
  border-left: 5px solid #5a5a5b;
}
.list-group-item {
	border-bottom:1px solid #5a5a5b !important;
	font-size: 1.2rem;font-weight: 300;
	padding: .75rem 1.25rem .75rem 3.4rem;
	margin-top:1px;
}
.list-group-flush .list-group-item:last-child {
	margin-bottom: 0px;
}
#page-content-wrapper {
  min-width: 100vw;
  z-index: 9999999;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -18rem;
  }
}