/* Calendar */
#CalendarDiv:hover #BtnCalendar, #BtnCalendar:hover {
	background-color: #0080ff;
	color: #fff;
}

.form-control-contrast {
	background: black !important;
	color: yellow !important;
}

.BtnActiveContent-contrast {
	background: yellow !important;
	color: black !important;
}

.CalendarDiv-contrast:hover > button {
	background: yellow !important;
	color: black !important;
}

#ui-datepicker-div {
	border: 2px solid #000 !important;
	border-radius: 10px !important;
	z-index: 9999 !important;
}

.ui-datepicker-header {
	background: none !important;
	color: #000 !important;
	border: none !important;
}

.ui-datepicker-title {
	text-align: center !important;
	font-size: 15px !important;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
	background: #0080ff !important;
	color: #fff !important;
	border: none !important;
}

.ui-datepicker-calendar thead {
	background: #f9c81b !important;
	border: none !important;
}

.ui-datepicker th {
	padding: .3em !important;
}

.ui-datepicker-calendar .ui-state-default {
	background: #addcff !important;
	color: #000 !important;
	font-weight: bold !important;
	border: none !important;
	text-align: center !important;
}

.ui-datepicker-calendar td.ui-state-disabled > span {
	background: none !important;
}

.ui-datepicker-calendar .ui-state-hover {
	background: #0080ff !important;
}

.ui-datepicker-week-end > .ui-state-default, .ui-datepicker-week-end {
	color: #f00 !important;
}
/**********************/

.queue-form-control, .form-dropdown {
	border: 2px solid #111;
	border-radius: 10px;
}

.queue-form-control-contrast {
	border: 2px solid yellow;
	background: black;
	color: yellow;
	border-radius: 10px;
}

.form-dropdown {
	width: 5em;
	margin-right: .5em;
	height: 100%;
}

.form-dropdown-contrast {
	color: yellow;
	border-color: yellow;
	background: black;
}


.textBoxTitle {
	margin: 10px 0px 10px 0px;
	font-weight: bold;
}

.sendBtn {
	border-radius: .5em;
	border: 2px solid #000;
}

	.sendBtn:hover {
		color: #000;
		background-color: #ccc;
	}


.sendBtn-contrast {
	border-radius: .5em;
	color: yellow;
	background: black;
	border: 2px solid yellow;
}

	.sendBtn-contrast:hover {
		color: black !important;
		background: yellow !important;
	}

.queue-header {
	border-bottom: 2px solid #0088ff;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 0.7em;
	margin-bottom: 0.7em;
	margin-top: 1.5em;
}

.queue-header-contrast {
	border-bottom: 2px solid yellow;
}

.separator {
	height: 0 !important;
	border-bottom: 2px solid #ccc;
	margin: 2em 0 2em 0;
	opacity: 1;
}

.separator-contrast {
	border-bottom: 2px solid yellow !important;
}

.textBoxTitle {
	margin: 10px 0px 10px 0px;
	font-weight: bold;
}

.checkBoxText p {
	margin: 0;
	line-height: 2em;
	margin-bottom: 1.4em;
}

	.checkBoxText p a:hover {
		color: #ff3927;
	}

.infoText dd {
	padding: .5em 0;
}

.errorbox {
	background: #fff8f8;
	border: 2px #ff3927 solid;
	padding: 1rem;
	margin: 1rem 0;
	border-radius: 5px;
}

.errorbox-contrast {
	background: black !important;
	border: 2px red solid !important;
	color: red !important;
}

.textError {
	color: red;
}



.contentBtn {
	background-color: #fff;
	color: #272727;
	border: 2px solid #000;
	border-radius: 20px;
	text-align: right;
	font-size: 25px;
}

.contentBtn-contrast {
	background-color: black;
	color: yellow;
	border: 2px solid yellow;
	border-radius: 20px;
	text-align: right;
	font-size: 25px;
}

	.contentBtn-contrast:hover {
		background-color: yellow !important;
		color: black !important;
		border: 2px solid black;
	}

.infoBtn {
	border-radius: 10px;
}

.contentBtn:hover {
	background: #0080ff;
	color: #fff;
}

.info-icon {
	font-size: 40px;
}

.timeBtn {
	min-width: 120px;
	border-radius: 5px;
	text-align: center;
	font-size: 20px;
	margin: 5px;
	padding: 10px;
	border: 2px solid #000;
}

	.timeBtn:hover {
		background: #0080ff;
		color: #fff;
	}

.timeBtn-contrast {
	color: yellow;
	background: black;
	border: 2px solid yellow;
}

	.timeBtn-contrast:hover {
		color: white;
		background: black;
	}

.BtnKwiLogin {
	background: white;
	border-radius: 15px;
	min-height: 83px;
	font-size: 40px;
}

.BtnKwiLogin-contrast {
	background: black;
	border-color: yellow;
	color: yellow;
	border-radius: 15px;
	min-height: 83px;
	font-size: 40px;
}

	.BtnKwiLogin-contrast:hover {
		background: yellow !important;
		color: black !important;
	}




@media only screen and (max-width: 993px) {
	.contentBtn {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 575px) {
	.contentBtn {
		font-size: 3vw !important;
	}
}