body{
	font-family:Verdana, sans-serif;

}
#calendar{
	 max-width:800px;
	margin:0 auto;
}

.fc-day-today .fc-daygrid-day-number{
	background-color:cadetblue;
	border-radius:50%;
	color:#ffffff;
	width:30px;
	height:30px;
	line-height:24px;
	text-align:center;

}
.loginout{
	padding:10px 14px;
	text-decoration:none;
	background-color:#1E2B37;
	color:#fff;
	position:absolute;
	z-index:1;
	font-size: 1em;
	border-radius: .25em;
	display:inline-block;
	text-align:center;
	opacity: .90;

}
.loginout:hover{
	opacity: 1;
}

#eventDetails table tr td:first-child, #insert table tr td:first-child{
	text-align:right;
}

.ui-widget {
    font-size: 0.85em!important;
}
/*
.Romana, .Giampiero, .Lidia, .Mariano{
	border-radius:4px;
	padding:10px 14px;
	min-width:110px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}
*/
.Romana, .Giampiero, .Lidia, .Mariano{
	border-radius:4px;
	padding:2px 2px 4px 2px;
	display:block;
	min-width:100%;
}
.Romana{
	background-color:#849A7B;
	color:#fff;
}
.Giampiero{
	background-color:#6A698A;
	color:#fff;
}
.Lidia{
	background-color:#9A7B82;
	color:#fff;
}
.Mariano{
	background-color: #9A927B;
	color:#fff;

}
/*
.Romana:hover, .Giampiero:hover, .Lidia:hover, .Mariano:hover{
	filter: brightness(0.8);
}
*/
a.fc-daygrid-event {
	cursor:pointer;
	text-align:center;
}
a.fc-daygrid-event div{
	text-align:center;
	width:100%;
}
a.fc-daygrid-event div span{
	font-size:13px;
	
}
/*
a.fc-daygrid-event div div:nth-child(1){
	font-size:24px;
	transform: rotate(180deg);
}
*/
a.fc-daygrid-event div div.pr0{
font-size:24px;
margin-bottom:4px;
}
a.fc-daygrid-event div div.pr0::after{
	content:"🪑"
}
a.fc-daygrid-event div div.pr1{
	font-size:24px;
	/*transform: rotate(180deg);*/
	border:4px solid red;
	border-radius:50%;
	width:40px;
	margin:0 auto;
	text-align:center;
	position:relative;
margin-bottom:4px;
}
a.fc-daygrid-event div div.pr1::after{
	content:"🪑";
}
a.fc-daygrid-event div div.pr1 span{
	width:36px;
	height:4px;
	position:absolute;
	background-color:red;
	display:block;
	transform: rotateY(0deg) rotate(45deg);
	top:14px;

}


a.fc-daygrid-event div span:nth-child(3){
	color:#444;
}
table#evento, textarea#notes{
	width:100%;

}
 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  border:1px solid #ccc;
  border-radius:7px;
}
#modal-title{
	background-color: #E9E9E9;
	height:36px;
	line-height:36px;
	margin:2px;
	padding:0px 10px;
	font-size: 20px;
	border-radius:5px 5px 3px 3px;
	border:1px solid #ccc;
}
.modal-content div{
	

}
#text-content{
	font-size:14px;
	padding: 20px;
	line-height:20px;
}

#modal-footer{
	border-top:1px solid #ccc;
	height:42px;
	position:relative;
}

#modal-footer button{
	display:none;
	position:absolute;
	top:4px;
	right:6px;
	padding: 7px 20px;
	text-align:center;
	cursor:pointer;
}
/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}