@font-face {
  font-family: 'HelveticaNeue';
  font-style: normal;
  src: url(HelveticaNeueLTStd-Roman.woff2);
}

@font-face {
  font-family: 'HelveticaNeue';
  font-weight: bold;
  src: url(HelveticaNeueLTStd-65Medium.woff2);
}

body {
	font-family:HelveticaNeue;
	color:black;
	font-size:16px;
	line-height:20px;
}

a { color:inherit;}

a:hover { color:inherit;}

input:focus, textarea:focus, select:focus, button:focus{
	outline: none;
}

/* GENERIC PAGE */

.btn-primary {
	background-color:#c5281c;
	border-color:#c5281c;
}

.btn-primary:hover {
	background-color:#95070c;
	border-color:#95070c;
}

.page-wrapper {
	padding:40px 10px 10px 10px;
}

.prevButton {
	cursor:pointer;
}

.nextButton {
	cursor:pointer;
}

.top-header {
	background-color:black;
	height:40px;
	display:table;
	width:100%;
	color:white;
	position:fixed;
}

.top-menu {
	display:table-cell;
	width:auto;
	text-align:right;
	vertical-align:middle;
	padding-right:20px;
	font-size:18px;
}

.top-logo {
	height:30px;
	padding-right:10px;
}

.top-user-name {
	display:inline-block;
}

.top-user-name img {
	width:25px;
}

.top-user-name a {
	text-decoration:none;
}

.top-user-name a:hover {
	text-decoration:underline;
}


.top-user {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding-left:20px;
	font-size:16px;
}

.menu-item {
	display:inline-block;
}

.menu-separator {
	display:inline-block;
}

.top-mobile-menu {
	display:none;
}

.selection {
	text-align:left;
}

.userPullDown {
	width:300px!important;
}

/* LOGIN PAGE */

.login-wrapper {
	max-width:1000px;
	width:100%;
	display:table;
	height:100vh;
	margin:0 auto;
}

.login-left {
	width:50%;
	display:table-cell;
	height:100%;
}

.login-left-inner {
	width:310px;
	margin:0 auto;
}

.login-right {
	width:50%;
	display:table-cell;
	height:100%;
	background-image:url(../img/login_image.jpg?);
	background-size:cover;
}

.login-title {
	text-align:center;
	padding:40px 0px;
}

.login-title img {
	width:190px;
}

.login-field-wrapper {
	display:table;
	width:310px;
	border:solid 2px #8a8a8a;
	height:60px;
	border-radius:5px;
}

.login-field-icon {
	display:table-cell;	
	width:50px;
	vertical-align:middle;
	padding-left:20px;
}

.login-field {
	display:table-cell;		
	width:250px;
	vertical-align:middle;
}

.login-field input {
	border:none;
	width:90%;
	font-size:18px;
	line-height:22px;
}

.login-header {
	font-weight:bold;
	font-size:28px;
	line-height:40px;
}

.login-subheader  {
	color:#8a8a8a;
}

.login-button {
	width:310px;
	height:56px;
	color:white;
	font-size:18px;
	border:none;
	background-color:#c5281c;
	cursor:pointer;
	border-radius:5px;
}

.login-button:hover {
	background-color:#95070c;	
}

.login-error {
	color:#c5281c;
	font-weight:bold;
	padding-top:10px;
}

/* HOME */
#calendar {
	padding-top:20px;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}

.categoryContainer {
	padding-top:20px;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}

.modal-table {
	display:table;
	width:100%;
}

.modal-row {
	display:table-row;
}

.modal-cell-left {
	display:table-cell;
	width:25%;
	text-align:right;
	padding-right:5px;
	padding-left:5px;
	box-sizing:border-box;
}

.modal-cell-left input[type=text] {
	width:100%;
	height:25px;
	border:solid 1px #8a8a8a;
	border-radius:5px;
}

.modal-cell-right {
	display:table-cell;
	width:25%;
	text-align:left;
	padding-right:5px;
	padding-left:5px;
	box-sizing:border-box;
}

.modal-cell-right input[type=text] {
	width:100%;
	height:25px;
	border:solid 1px #8a8a8a;
	border-radius:5px;
}

.modal-cell-right select {
	width:100%;
	/*height:25px;*/
	border:solid 1px #8a8a8a;
	border-radius:5px;
}

.modal-cell-right50 {
	display:table-cell;
	width:50%;
	text-align:left;
}

.modal-cell-right75 {
	display:table-cell;
	width:75%;
	text-align:left;
}

.modal-cell-right75 input[type=text] {
	width:100%;
	height:25px;
	border:solid 1px #8a8a8a;
	border-radius:5px;
}

.modal-field-short {
	width:60px!important;
}

.slotBlu {
	background-color:#3788d8!important;
	border-color:#3788d8!important;
}

.slotAzzurro {
	background-color:#03d1e4!important;
	border-color:#03d1e4!important;
}

.slotArancione {
	background-color:#e7ae00!important;
	border-color:#e7ae00!important;
}

.slotVerde {
	background-color:#5dcd47!important;
	border-color:#5dcd47!important;
}

.slotRosso {
	background-color:#bc171a!important;
	border-color:#bc171a!important;
}

.slotBianco {
	background-color:#ffffff!important;
	border-color:#ffffff!important;
}

.slotGiallo {
	background-color:#ebc700!important;
	border-color:#ebc700!important;
}

.bookingOptionMilanoTests {
	background-color:#e96144!important;
	border-color:#e96144!important;
}

.bookingOptionMogliano {
	background-color:#7f1019!important;
	border-color:#7f1019!important;
}

.bookingOptionMoglianoTests {
	background-color:#a21135!important;
	border-color:#a21135!important;
}

.event_other_container {
	display:none;
}

.event_other_container .modal-cell-left{
	padding-top:4px;
}

.fc-daygrid-day-top a{
	text-decoration:none!important;
}

.fc-col-header-cell-cushion  {
	text-decoration:none!important;
}

.modal-header button {
	background-color:white;
	border:0;
}

.modal-footer {
	display:table;
	padding-bottom:8px;
}

#modal-bookings {
}

.modal-legenda {
	text-align:center;
	font-size:12px;
}

.modal-addBooking {
	text-align:center;
	font-size:16px;
	padding:10px 0;
	border-top:solid 1px #8a8a8a;
}

#myModal {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
	width:100%;
	height:90%;
	background-color:rgba(0,0,0,0.6);
	margin:0 auto;
	overflow-y: scroll;
}

.formLesson {
	width:100%!important;
}

.form-control {
	width:150px;
	display:inline-block;
}

.form-item-500 {
	max-width:500px!important;
	width:100%;
	margin:2px 0;
}

.form-item-100 {
	max-width:100px!important;
	width:100%;
	margin:2px 0;
}

.form-item-150 {
	max-width:150px!important;
	width:100%;
	margin:2px 0;
}

.dropDownCategory {
	width:250px;
}

.slotGreen {
	background-color:#5dcd47!important;
	border-color:#5dcd47!important;
	cursor:pointer;
}

.slotRed {
	background-color:#dc171a!important;
	border-color:#dc171a!important;
	cursor:pointer;
}

.slotYellow {
	background-color:#ebc700!important;
	border-color:#ebc700!important;
	cursor:pointer;
}