.overlay {
	visibility: hidden;
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: auto!important;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1000;
	background-image: url('../images/bg_overlay.png');
}

.overlay div.fields {
	width: 300px;
	margin: 100px auto;
	background-color: #fff;
	border: 1px solid #000;
	padding: 10px 15px 15px 15px;
	text-align:center;
}

.overlay.activity div.fields {	height: 340px; }
.overlay.project div.fields { 	height: 400px; }
.overlay.typology div.fields { height: 280px; }		
.overlay.absence div.fields { height: 280px; }		
/*.overlay.user div.fields { height: 500px; }	*/


label { display:block; padding: 0px 5px 5px 5px; margin-bottom: 0rem !important; }
input { display:block; }
input.text { margin-bottom:1px; width:95%; padding: .4em; }	
input.title { margin-bottom:1px; width:99%; padding: .4em; }	
input.username { margin-bottom:1px; width:99%; padding: .4em; }	
input.email { margin-bottom:1px; width:99%; padding: .4em; }	
input.nome { margin-bottom:1px; width:99%; padding: .4em; }	
input.firstname { margin-bottom:1px; width:99%; padding: .4em; }	
input.cognome { margin-bottom:1px; width:99%; padding: .4em; }	
input.lastname { margin-bottom:1px; width:99%; padding: .4em; }	
input.password { margin-bottom:1px; width:99%; padding: .4em; }	
textarea.title { margin-bottom:1px; width:100%; padding: .4em; }	
input[name="backgroundColor"] { margin-bottom:1px; width:99%; padding: .4em; border: 1px solid rgb( 118, 118, 118 ) !important; }
input[name="textColor"] { 		margin-bottom:1px; width:99%; padding: .4em; border: 1px solid rgb( 118, 118, 118 ) !important; }
select.status { margin-bottom:1px; width:99%; padding: .4em; }
select.priority { margin-bottom:1px; width:99%; padding: .4em; }
select.role { margin-bottom:5px; width:99%; padding: .4em; }
select.project { margin-bottom:1px; width:99%; padding: .4em; }
select.typology { margin-bottom:1px; width:99%; padding: .4em; }
select.absence { margin-bottom:1px; width:99%; padding: .4em; }
button.insert, button.update, 
button.project, button.typology, button.absence,
button.remove, button.user, a.remove { 
	margin-top:15px; 
	margin-bottom:5px; 
	width: 50%; 
	border: 1px solid #FFFFFF;
	background-color: #e42618;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
button.insert { float: left; }
button.update { float: left; }
button.project { float: left; }
button.typology { float: left; }
button.absence { float: left; }
button.remove { float: right; }
/*
button.user { float: left; }
*/
button.insert:hover, button.update:hover, 
button.project:hover, button.typology:hover, button.absence:hover,
button.remove:hover, button.user:hover, { 
	background-color: brown;
}
button.disabled, button.disabled:hover, { 
	background-color: #CCCCCC;
}

button[disabled], button[disabled]:hover {
	background-color: #CCCCCC;
	cursor: no-drop;
}

.overlay div p.cancel {
	width: 25px;
	height: 25px;
	margin-top: -23px;
	position: relative;
	float: right;
	right: -28px;
	background-color: #FFF;
	border-radius: 15px;
	cursor: pointer;
}
.overlay div p.cancel img {
	width: 25px;
	height: 25px;
}

a.PERMISSION {
	background-image: repeating-linear-gradient( -45deg, #e2e2e2, #e2e2e2 20px, #CCC 20px, #CCC 40px );
}
a.HOLIDAY {
	background-image: repeating-linear-gradient( -45deg, #e2e2e2, #e2e2e2 20px, #CCC 20px, #CCC 40px );
}
a.DISEASE {
	background-image: repeating-linear-gradient( -45deg, #e2e2e2, #e2e2e2 20px, #CCC 20px, #CCC 40px );
}
a.ABSENCE {
	background-image: repeating-linear-gradient( -45deg, #e2e2e2, #e2e2e2 20px, #CCC 20px, #CCC 40px );
}

.PROHIBITED {
	background-image: repeating-linear-gradient( -45deg, #E2E2E2, #E2E2E2 20px, #F5F5F5 20px, #F5F5F5 40px ) !important;
}
.VIEW {
	background-image: repeating-linear-gradient( -45deg, #F6F6F6, #F6F6F6 20px, #DEDEDE 20px, #DEDEDE 40px ) !important;
}
.DEFAULT {
	background-color: #3788d8;
	color: white;
}


@media only screen and (max-width: 560px) {
	button.fc-today-button,
	button.fc-timeGridDay-button,
	button.fc-timeGridWeek-button,
	button.fc-dayGridMonth-button,
	button.fc-resourceTimelineHDay-button,
	button.fc-resourceTimeGridVDay-button,
	button.fc-listWeek-button
	{
		display: none !important;
	}

}


@media only screen and (max-width: 768px) {

	.fc .fc-scrollgrid-liquid {
		height: 64vh !important;
	}
}

@media only screen and (max-width: 540px) {

	.fc .fc-scrollgrid-liquid {
		height: 67vh !important;
	}
}


small {
    display: block;
    text-align: left;
}



.time-select {
    width: 100%;
	padding: 8px 10px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

.time-select:focus {
    border-color: black;
    outline: none;
}