/* Calendar overview styles */

.events-overview{
	display:none;
}
.overview-event-icon{
	width: 19px;
}
.overview-event-text{

}
@media screen and (max-width: 991.9px){
	.events-overview{
		display:block;
	}
}

/* Calendar grid styles */

#calendar {
	display: grid;
//grid-template-columns: 30px repeat(7, 1fr);
//margin-bottom: 100px;
}

#calendar div.event {
	cursor: zoom-in;
	background: white;
	border: 1px solid #747a80;
	padding: 1px 1px;
	font-size: 9pt;
	overflow: hidden;
	margin: 1px 1px 1px 1px;
	max-width: 300px;
}

#calendar div.event-empty {
	cursor: cell;
	box-shadow: inset 1px 0 0 #ECEFF1;
	text-align: center;
}

#calendar .event-day {
	box-shadow: inset 1px 0 0 #ECEFF1;
	text-align: center;
	font-variant: small-caps;
	font-size: 10pt;
	margin-top: 5px;
}

#calendar .event-hour {
	height: 70px;
	font-variant: small-caps;
	font-size: 9pt;
	box-shadow: inset 1px 0 0 #ECEFF1;
	text-align: center;
}

.modal-body {
	overflow-x: auto;
}

#eventModal .detail-heading {
	font-weight: bold;
	text-align: left;
	color: #4c4c4c;
}
#eventFilterShowButton{
	display: none;
}
#eventFilterDiv {display: block;}

#eventFilterDiv button, #eventFilterDiv input{
	background: white;
}
@media (max-width: 890px) {

	#eventFilterShowButton{
		width:100%; max-width: 343px;
		display: block;
	}

	#eventFilterDiv {display: none;}

	#eventModal .detail-heading{
		display:none;
	}
	#eventModal .btn-contract{
		display: ruby;
	}
	#frm-eventFilterForm{
		display: grid;
		grid-row-gap: 5px;
		width: 100%;
	}
	.bootstrap-select{
		width: 100% !important;
	}
	.btn-survey{
		width: 49%;
		display: inline-block;
		text-align: center;
		padding: 13px;
	}
	.btn-survey:has(> .fas){
		padding: 9.5px;
	}
	h4{
		margin-top: 1rem;
	}
}

#eventModal ul.item-list {
	padding: 0;
	margin: 0 0 0 30px;
}

#calendar div.event i.fa {
	color: #186cbf;
	font-size: 10px;
	margin-right: 5px;
}
#calendar div.event .event-actions {
	height: 20px;
	padding-top: 2px;
	text-align: right;
}

#calendar div.event .event-actions i.fa {
	color: #727272;
	font-size: 16px;
}

#calendar div.event .event-duration {
	color: #373737;
}

#calendar div.event .event-name {
	font-weight: bold;
}

#calendar div.event .event-customer {
	font-style: italic;
}

#calendar div.event .event-location {
	color: #4c4c4c;
	/*width: 50%;*/
	/*float: left;*/
	font-size: 8pt;
}

#calendar div.event .event-user {
	color: #4c4c4c;
	/*width: 50%;*/
	/*float: right;*/
	font-size: 8pt;
}

div.event-legend {
	width: 100%;
	padding-bottom: 8px;
	overflow: auto;
}

div.event-legend .event {
	border: 1px solid #747a80;
	width: 40px;
	height: 25px;
	float: left;
	margin-right: 10px;
}

/* Event in calendar survey style*/
div.survey_missing{border: 2px solid red !important;}

/* Event type styles */

div.event.event-orange {
	background: linear-gradient(135deg, #eed5a3, #d9eeab) !important;
}
tr.event-orange {
	background: linear-gradient(135deg, #fffbf2, #eaffbd) !important;
}

div.event.event-orange .event-actions i.fa {
	color: #bd8e3e !important;
}

div.event.event-pink {
	background: linear-gradient(135deg, #ffccde, #ffe1ef) !important;
}

tr.event-pink {
	background: linear-gradient(135deg, #ffccde, #ffe1ef) !important;
}

div.event.event-pink .event-actions i.fa {
	color: #ff807d !important;
}

div.event.event-green {
	background: linear-gradient(135deg, #b5ffb0, #dcffc3) !important;
}

tr.event-green {
	background: linear-gradient(135deg, #d6f9d4, #ebffdd) !important;
}

div.event.event-green .event-actions i.fa {
	color: #32a45e !important;
}

div.event.event-blue {
	background: linear-gradient(135deg, #a3e5ff, #c2ffee) !important;
}

tr.event-blue {
	background: linear-gradient(135deg, #ddf2fb, #e5fbf5) !important;
}

div.event.event-blue .event-actions i.fa {
	color: #5f8cbd !important;
}

div.event.event-grey {
	background: linear-gradient(135deg, #cccccc, #eeeeee) !important;
}

tr.event-grey {
	background: linear-gradient(135deg, #cccccc, #eeeeee) !important;
}

div.event.event-grey .event-actions i.fa {
	color: #cccccc !important;
}

div.event.event-yellow {
	background: linear-gradient(135deg, #fff9a3, #faf6b9) !important;
}

tr.event-yellow {
	background: linear-gradient(135deg, #fffde0, #f9f6cc) !important;
}

div.event.event-yellow .event-actions i.fa {
	color: #fff9a3 !important;
}

div.event.event-red {
	background: linear-gradient(135deg, #fbdfdf, #ffb3b3) !important;
}

tr.event-red {
	background: linear-gradient(135deg, #fff3f3, #ffdfdf) !important;
}

div.event.event-red .event-actions i.fa {
	color: #ffb3b3 !important;
}

div.event.event-plum {
	background: linear-gradient(135deg, plum, pink) !important;
}

tr.event-plum {
	background: linear-gradient(135deg, #ffe0ff, #ffeef1) !important;
}

div.event.event-plum .event-actions i.fa {
	color: #ff807d !important;
}

div.event.event-black{
	background: linear-gradient(135deg, #5f5f5f, #7e7e7e) !important;
	color: white;
}
div.event.event-black div{
	color: white !important;
}

tr.event-black {
	background: linear-gradient(135deg, #5f5f5f, #7e7e7e) !important;
	color: white !important;
}

.event-black i.fa {
	color: white !important;
}

/** Week selector styles **/

.calendar-week-selector {
	margin: auto;
}

.calendar-week-selector ul {
	margin-bottom: 10px;
}


.calendar-week-selector li {
	text-align: center;
}

.calendar-week-selector a {
	text-align: center;
	padding: 3px;
}

.calendar-week-selector .calendar-week-selector-today {
	padding-top: 0;
	margin-top: 0;
	color: #4c4c4c;
	font-size: small;
}

.page-link-current {
	font-weight: bold;
}

#mapArea {
	height: 400px;
}

#geoDistance {
	margin-left: 40px;
}

#geoAddress {
	color: #4c4c4c;
	font-size: 9pt;
}

#productCalculation tfoot {
	text-align: right;
}

#productCalculation td, #productCalculation th {
	padding: 0.35rem;
}

#productCalculation input {
	padding: 0.1rem;
}

#productCalculation .item-quantity input, #productCalculation .item-price input, #productCalculation .item-discount input {
	text-align: right;
}

#productCalculation .item-sum {
	font-weight: bold;
}

.attachments-table {
	overflow: scroll;
}


/* Autocomplete */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

h2{
	text-align: center;
}

.datagrid-toolbar {
	display: flex !important;
}
.datagrid-toolbar div {
	margin-left: 0.1rem;
}

.blink {
	animation: blinker 1s step-start infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}
.datagrid thead{
	white-space: nowrap;
}