@import './calendar.css';
@import './dashboard/news.css';

.empty-tile-hover {
	height: 100%;
	width: 100%;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-500 -500 1448 1512"><path fill="rgb(211, 211, 211,0.35)" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	cursor:pointer;
}

.draggedItem {
	height: 100%;
	width: 100%;
	background-color:white;
}

.empty-tile-hover:hover {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-500 -500 1448 1512"><path fill="rgb(211, 211, 211)" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/></svg>');
}

.alert-danger .form-check-input:checked {
	border-color: #842029;
	background-color: #842029;
}

:root {
	--fhc-dashboard-grid-size: 4;
}

@media(max-width: 1400px) {
	:root {
		--fhc-dashboard-grid-size: 4;
	}
}

@media(max-width: 1200px) {
	:root {
		--fhc-dashboard-grid-size: 3;
	}
}

@media(max-width: 992px) {
	:root {
		--fhc-dashboard-grid-size: 2;
	}
}

@media(max-width: 768px) {
	:root {
		--fhc-dashboard-grid-size: 2;
	}
}

@media(max-width: 577px) {
	:root {
		--fhc-dashboard-grid-size: 1;
	}
}

.mirror-x {
	transform: scaleX(-1);
}

.cursor-nw-resize {
	cursor: nw-resize;
}

.cursor-ew-resize {
	cursor: ew-resize;
}

.cursor-ns-resize {
	cursor: ns-resize;
}

.no-drag-drop {
	cursor: not-allowed;
}

.cursor-move {
	cursor: move;
}

.dashboard-item-overlay::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 100, 156);
	border:4px dashed lightgray;
	z-index: 2;
	opacity: 0.5;
}

.pin:hover{
	cursor: pointer;
}

.pin[pinned]:hover{
	color:rgb(153, 116, 116);
}

.section-info{
	color: #00649c;
	cursor:pointer;
}

.section-info:hover {
	color: #005585;
}

.denied-dragging-animation {
	animation: wiggle 0.5s linear;
	color:red !important;
}

@keyframes wiggle {

	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(-30deg);
	}

	50% {
		transform: rotate(0deg);
	}

	75% {
		transform: rotate(30deg);
	}

	100% {
		transform: rotate(0em);
	}

}