* {
	margin: 0;
	padding: 0;
}

.container {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	position: relative;
}

.modal {
	left: 0;
	right: 0;
	background-color: #e1f5fe;
	padding: 0;
	max-height: 75%;
	width: 90%;
	will-change: top, opacity;
}

@media (min-width: 600px) {
	.modal {
		width: 80%;
	}
}

.modal .modal-footer {
	border-radius: 0 0 2px 2px;
	background-color: #000000;
	padding: 4px 6px;
	height: 60px;
	width: 100%;
	text-align: right;
}

.modalruleslist {
	list-style-image: url("../images/sqblue.gif");
}

.modalruleslist li {
	font-size: 14px;
	margin-top: 15px;
}

@media (min-width: 600px) {
	.modalruleslist li {
		font-size: 18px;
		margin-top: 0;
	}
}

.datepicker-li li {
	padding-left: 15px;
	display: flex;
	align-items: center;
}

.datepicker-li li input {
	text-align: center;
}

.page-footer {
	height: 100px;
}

@media only screen and (min-width: 601px) {
	.logo-desk {
		margin-top: 15px;
	}

	.navbar-fixed {
		height: 85px;
	}

	nav,
	nav .nav-wrapper i,
	nav a.sidenav-trigger,
	nav a.sidenav-trigger i {
		height: 85px;
		line-height: 85px;
	}
}

.footer-container .row {
	width: 100%;
}

.container .footer-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;

}

.footer-content ul {
	display: flex;
}

.footer-content ul li {
	margin: 0 10px;
	display: flex;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	width: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-content ul li a i {
	color: #fff;
}