/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.field-validation-error{
	color:red;
}

.schedule-review-section {
	border-radius: 5px;
	border: 1px solid #a3a3a3;
	background-color: #dedede;
	padding: 4px;
	margin: 0px 25px 5px 15px;
	cursor: pointer;
}

	.schedule-review-section.active {
		border: 1px solid #076500;
		background-color: #1b6425;
		/*background-color: #30415D;*/
		color: #fff;
	}


.invisible {
	display: none;
}


.flag {
	display: inline-block;
	width: 44px;
	height: 24px;
	border-radius: 7px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
}

.scores {
	display:flex;
}

.btn-score {
	flex:1;
	margin-right:2px;
	/*padding: 10px 17px;*/
	font-size: 17.5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.scoreNA {
	font-weight: bold;
	color: #fff;
	background-color: #878787;
	border: 3px solid #878787;
}

.score1 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #cc6767;
	border: 3px solid #cc6767;
}

.score2 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #d37d67;
	border: 3px solid #d37d67;
}

.score3 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #da9467;
	border: 3px solid #da9467;
}

.score4 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #e2ad67;
	border: 3px solid #e2ad67;
}

.score5 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #eac667;
	border: 3px solid #eac667;
}

.score6 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #e1d269;
	border: 3px solid #e1d269;
}

.score7 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #c2cf6d;
	border: 3px solid #c2cf6d;
}

.score8 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #a3cd72;
	border: 3px solid #a3cd72;
}

.score9 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #85cb77;
	border: 3px solid #85cb77;
}


.score10 {
	font-weight: bold;
	color: #5f5f5f;
	background-color: #67c87b;
	border: 3px solid #67c87b;
}

.score-pass {
	font-weight: bold;
	color: #fff;
	background-color: #878787;
	border: 3px solid #878787;
}

	.score-pass.selected {
		border: 3px solid #67c87b;
	}

.score-fail {
	font-weight: bold;
	color: #fff;
	background-color: #878787;
	border: 3px solid #878787;
}

	.score-fail.selected {
		border: 3px solid #cc6767;
	}

.selected {
	font-weight: bold;
	color: black;
	background-color: #fff;
}

.circletotal {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	line-height: 30px;
	text-align: center;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.circlebiggest {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	line-height: 100px;
	text-align: center;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.circlebig {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	line-height: 50px;
	text-align: center;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.circlemedium {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	line-height: 36px;
	text-align: center;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin-top: 15px;
}

.equal-col-summary {
	min-width: 350px;
	width: 100%;
	box-sizing: border-box;
}

.card-summary {
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
	margin-left: 8px;
	margin-bottom: 16px;
}
.white-panel {
	background-color: #fff;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #eeeeee;
}

.filter-panel {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #d7d0b2;
	margin: 0;
	padding: 10px;
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
}

	/* Hide default HTML checkbox */
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #aaa;
	-webkit-transition: .4s;
	transition: .4s;
	line-height: 18px;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 18px;
		left: 2px;
		bottom: 2px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #2196F3;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 18px;
}

	.slider.round:before {
		border-radius: 50%;
	}

.button-cell {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}