@font-face {
  font-family: 'Inter';
  src: url('inter.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
   url('inter.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}


body {
 	/*background-color: rgb(210,210,210);*/
 	font-family: 'Inter', Arial, sans-serif;
  background-image: -webkit-radial-gradient(0% 0%, circle, rgb(250,250,250), rgb(235,235,235) 51%, rgb(225,225,225));
  background-image: radial-gradient(circle at 0% 0%, rgb(250,250,250), rgb(235,235,235) 51%, rgb(225,225,225));
 	background-color: rgb(235,235,235);
	background-size:     contain;                      /* <------ */
   background-repeat:   no-repeat;
   background-position: center center;
   background-attachment: fixed;
}

.vid-hover{-webkit-box-shadow: 0px 0px 10px 3px rgba(43,189,21,1);
		-moz-box-shadow: 0px 0px 10px 3px rgba(43,189,21,1);
		box-shadow: 0px 0px 10px 3px rgba(43,189,21,1);
		}

button[type=submit] img {

	max-width: 80px;
	max-height: 80px;
	border-radius: 8px;
	border: 1px solid;
}

#data-pagera{
	margin-left:10px;
}
#pag-inp{
    display: inline;
    /* width: 65%; */
}

.p-all-top{
margin-bottom: 7px;
}
.p-all-bot{
margin-bottom: 7px;
margin-left: 35px;
  width: fit-content;
  display: inline;
}
.vert-align-cont{
position: absolute;
  top: -60px;
  left: 12px;
}
.all-top-icon{
margin-left:10px;
cursor:pointer;
}

.img-container{
  width: 200px;
  height: 110px;
  display: inline-block;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0 3px;
  border-radius: 12px;
  position: relative;
}
.img-container a{
  position: absolute;
  bottom: -50px;
  left: 8px;
}
.btn-disabled{
  background-color: rgba(255,255,255, 0)!important;
  color: #c5c5c5 !important;
  -webkit-box-shadow: inset 0px 0px 5px #c1c1c1!important;
  cursor: auto !important;
}
.imgControl{
  position: absolute;
  background-color: rgba(255,255,255,0.4);
  padding: 3px;
  border-radius: 6px;
  cursor: pointer;
}

#mirino{
  background-image: url(../../include/leafletMap/assets/marker-selected.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  width: 35px;
  height: 40px;
  position: absolute;
  z-index: 999;
  top: calc(50% - 20px);
  left:50%;
  transform: translate(-50%,-50%);
  display: none;
}

.far.fa-trash-alt{
  right: 5px;
  top: 5px;
}
.fas.fa-undo{
  left: 5px;
  bottom: 5px;
}
.fas.fa-redo{
  bottom: 5px;
  right: 5px;
}

.box {
   display: flex;
   align-items:center;
}

.img5 {

	width: 25px !important;
	height: 25px !important;
	border-radius: 0px !important;
	border: 0px solid !important;
	vertical-align: middle !important;
}

.buttonBack {
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

.selectCategory{

	font-size: 15px;
	margin-left: 10px;
	-webkit-appearance: menulist-button;
}

.selectCategory2{
	font-size: 15px;
	width: 320px;
	margin-left: 2px;
	padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
	-webkit-appearance: menulist-button;
}


.categoryTableContainer{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tableCategory {
  width: 73%;
  margin-top: 10px;
  border-collapse: collapse;
}

.tableCategory td{
  border-bottom: 1px solid rgb(120,120,120);
  width: 100%;
  height: 26px;
}
.leaflet-top{
z-index: 999!important;
}
.removeCategory{
  padding: 0 8px;
  margin: 1px;
  color: white;
  background-color: #d92b2b;
  cursor: pointer;
  border-radius: 3px;
}
.addCategory:hover,
.removeCategory:hover{
  opacity: 0.6;
}
.tableCategory p{
  float: left;
  margin: 0;
  color: rgb(120,120,120);
}
.tableCategory span{
  float: right;
}
.form22{
	width: 185px !important;
	margin-right: 15px;
}

.formdel{
	margin-right: 15px;
	width: 100%;
}

.form223{
	height: 10px !important;
}

.form50{
	margin-top: -10px !important;
	margin-right: 0px !important;
}

.formImage{


	width: 90px !important;
	margin-left: 50px;
}

.maininfo{
	margin-left: 10px;
	color: black;
	font-size: 18px;
}

.category{
	/* margin-top: -16px; */
    margin-left: 15px;
    margin-bottom: 5px;
    color: #1a3066;
    font-size: 12px;
    border-bottom: 1px solid #c6c6c6;
    width: 320px;
}

.leaflet-top{
  z-index: 999!important;
}
.segueData {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: left;
    background-color: transparent;
    outline: none;
    border: none;
}

.segueData:hover {
	cursor: pointer;
}

.topBar{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#1a3066;
}

.topBarU{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#c1272d;
}

.topBarI{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#4c4c4c;
}


.topBarG{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#0071bc;
}

.topBarP{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#a650a2;
}

.topBarPR{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#8b7d62;
}

.topBarMA{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#579d8b;
}

.topBarM{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#ed7700;
}

.topBarAU{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#d0470a;
}

.topBarVI{
	z-index: 1000;
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:#6668ae;
}





.error {
 color: #d92b2b;
 text-align: center;
 font-size:15px;
 font-family: Arial, Geneva, Helvetica, sans-serif;

}

/* Links inside the navbar */
.titleBar {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
}

.back {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  text-decoration: none;
}

.back a {
  text-decoration: none;
  color: #f2f2f2;
}

.logout a:hover {
 /* background: #ddd;
  color: black;*/
}

.main {
 margin-top: 65px; /* Add a top margin to avoid content overlay */
 margin-left: auto;
 margin-right: auto;
}





.activeBtn {
	background-color:#1a3066;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.activeBtn:hover {
	background-color:1a3066;
	cursor: default;
}
.activeBtn:active {
	position:relative;
	top:0px;
}

.activeBtn2 {
	width: 185px !important;
	background-color:#1a3066;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1a3066;
}
.activeBtn2:hover {
	background-color:#1a3066;
}
.activeBtn2:active {
	position:relative;
	top:1px;
}

.deleteBtn2 {
	width: 185px !important;
	background-color:#d92b2b;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1a3066;
}
.deleteBtn2:hover {
	background-color:#d92b2b;
}
.deleteBtn2:active {
	position:relative;
	top:1px;
}

.notActiveBtn {
	background-color:#d92b2b;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #e01414;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e62020;
	margin-left: 5px;
}
.notActiveBtn:hover {
	background-color:#e31212;
	cursor: default;
}
.notActiveBtn:active {
	position:relative;
	top:0px;
}

.notActiveBtn2 {
	background-color:#d92b2b;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #e01414;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e62020;
	margin-left: 5px;
}
.notActiveBtn2:hover {
	background-color:#e31212;
	cursor: default
}
.notActiveBtn2:active {
	position:relative;
	top:1px;
}

.activeBtnAction{

	width: 185px !important;
	background-color:rgb(120,120,120);
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #1a3066;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}

.activeBtnAction:hover {
	background-color:rgb(150,150,150);
}
.activeBtnAction:active {
	position:relative;
	top:1px;
}

.activeBtn22 {
	background-color:#1a3066;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.activeBtn22:hover {
	background-color:#1a3066;
	cursor: default
}
.activeBtn22:active {
	position:relative;
	top:1px;
}

.activeBtnFix {
	width: 185px !important;
	background-color:#1a3066;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.activeBtnFix:hover {
	background-color:#1a3066;
	cursor: default
}
.activeBtnFix:active {
	position:relative;
	top:1px;
}

.notActiveBtnFix {
	width: 185px !important;
	background-color:#d92b2b;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #e01414;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:8px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e62020;
	margin-left: 5px;
}
.notActiveBtnFix:hover {
	background-color:#e31212;
	cursor: default
}
.notActiveBtnFix:active {
	position:relative;
	top:1px;
}

.imgCoverAnteprima {


	max-width: 200px !important;
	max-height: 200px !important;
	border-radius: 5px !important;
	border: 0px solid !important;
	object-fit: contain;
}

.insert-imgs{
  width: 80%;
  display: flex;
  flex-direction: column;
  margin: 40px auto;
}
#insert-gallery{
    padding:60px 20px 0 20px;
	/* width: 80%; */
	margin:auto;
  white-space: nowrap;
	/* display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
  align-items:center; */
	overflow-x:auto;
	overflow-y:hidden;
}
.insert-gallery-upload{
  height: 170px;
  width: 100%;
}
.insert-gallery-panel{
  height: 250px;
  width: 1000px;
}
.img-gallery{
	width:24%;/*1%spacing*/
	object-fit:contain;
	/*background-color:yellow;*/
	margin-bottom:10px;
	margin-right:1%;
  border-radius: 5px;
}
.img-absent{
	opacity:40%;
}
/* width */
#insert-gallery::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
#insert-gallery-btn{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
/* Track */
#insert-gallery::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey;
  border-radius: 10px;
}

/* Handle */
#insert-gallery::-webkit-scrollbar-thumb {
  background: #28a745;
  border-radius: 10px;
}

/* Handle on hover */
#insert-gallery::-webkit-scrollbar-thumb:hover {
  background: #218838;
}

#filesToUpload::-webkit-file-upload-button {
  visibility: hidden;
}

#filesToUpload::before {
  content: 'Scegli le tue foto';
 }