/**
 *
 * Apply Here your Custom CSS
 *
*/
.canceled {
	text-decoration: line-through white !important;
}

.checkbox {
	display: flex;
}

.required-color {
	box-shadow: 0 0 2px 2px red !important;
}

.warning-color {
   	box-shadow: 0 0 2px 2px orange !important;
}

td {
	word-break: break-word;
}

.blink {
   	animation-name: blinker;
   	animation-duration: 4s;
   	animation-timing-function: ease-in-out;
   	animation-iteration-count: 3;    
   	animation-play-state: running;
   	background-color: #004454;
}

@keyframes blinker {
  	from {background: #004454;}
  	50%  {background-color: rgb(253, 185, 50);}
  	to   {background: #004454;}
}

/* scritte troppo lunghe a capo nel dropdown del select */
.select2-results .select2-result-label {
	word-wrap: break-word;
}
/* ellipsis per la option selezionata in modo che non si allarghi il campo select */
.form-group .select2-container {
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.select2-selection--single {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* margin piu' largo per evitare che i '...' vadano al di sopra del tasto dropdown */
.select2-container .select2-choice > .select2-chosen {
    margin-right: 40px !important;
}

.menu-flags-container {
	height: 43px;
}

.service-container {
	display: flex;
    column-gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.service-container > div > label {
	top: 0 !important;
}

.service-container > div:first-child {
	margin-right: 20px;
}

.service-container > div:nth-child(2) {
	font-style: italic;
	font-size: 11px;
	animation: fade-in 1.5s;
}

.table-hours {
	width: 60%;
	min-width: 500px;
	margin: 0 0 40px 50px;
	animation: fade-in 1.5s;
}

.table-hours td {
	word-break: normal;
	padding: 4px 6px !important;
}

.service-container > div:nth-child(2) > i:first-child {
	margin-right: 4px;
}
.service-container > div:nth-child(2) > i:last-child {
	margin-left: 4px;
}


.service-container > div:nth-child(2) > span {
	margin-left: 15px;
	cursor: pointer;
	border: 1px solid #d2d2d2;
	padding: 0 4px;
	border-radius: 3px;
	animation: fade-in 1.5s;
}


@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* calendario operatore prenotazione guidata */
#operator-calendar .fc-day-today {
	background-color: white;
}

/* toast notifications */
 #toast-container > div {
	 opacity: 1;
 }

.toast-info {
	background-color: #005366 !important;
}