﻿body {
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.alert {
	padding: 15px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}

div.container-fluid > div.row {
	margin: 0px !important;
}

	div.container-fluid > div.row > form > div.row > div,
	div.container-fluid > div.modal {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 300;
		padding: 0px 10px;
	}

	div.container-fluid > div.row > form > div.row div.noPadding {
		padding: 0px !important;
	}

	div.container-fluid > div.row > form > div.row div.noMargin {
		margin: 0px !important;
	}

	div.container-fluid > div.row > form > div.row > div + p {
		margin-bottom: 5px;
	}


	div.container-fluid > div.row > form > div.row > div input,
	div.container-fluid > div.modal {
		color: #4a4a4a;
	}

		div.container-fluid > div.row > form > div.row > div input[type=number],
		div.container-fluid > div.row > form > div.row > div input[type=text],
		div.container-fluid > div.row > form > div.row > div input[type=email],
		div.container-fluid > div.row > form > div.row > div input[type=password],
		div.container-fluid > div.row > form > div.row > div select,
		div.container-fluid > div.modal input {
			margin: 0px;
			padding: 7.5px 10px;
			width: 100%;
			background-color: white;
			border: solid 1px #9FD5B1;
			border-radius: 6px;
			box-shadow: inset 0px 2px 3px 0px #487B59;
			color: black;
			font-size: 16px;
			font-weight: 300;
		}

		div.container-fluid > div.row > form > div.row > div input.month,
		div.container-fluid > div.row > form > div.row > div input.day {
			padding: 7.5px 2px 7.5px 10px;
		}

		div.container-fluid > div.row > form > div.row > div input[type=radio],
		div.container-fluid > div.row > form > div.row > div input[type=checkbox] {
			display: none;
		}

			div.container-fluid > div.row > form > div.row > div input[type=radio] + label,
			div.container-fluid > div.row > form > div.row > div input[type=checkbox] + label {
				font-size: 14px;
				font-weight: 400;
				cursor: pointer;
			}

				div.container-fluid > div.row > form > div.row > div input[type=radio] + label span,
				div.container-fluid > div.row > form > div.row > div input[type=checkbox] + label span {
					display: inline-block;
					margin-right: 5px;
					width: 16px;
					height: 16px;
					background-color: #ffffff;
					border: solid 1px #979797;
					border-radius: 2px;
					box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
					vertical-align: middle;
				}

			div.container-fluid > div.row > form > div.row > div input[type=radio]:checked + label span,
			div.container-fluid > div.row > form > div.row > div input[type=checkbox]:checked + label span {
				background-image: url("../Graphics/Weeel.Tick.png");
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}

	div.container-fluid > div.row > form > div.row p.requiredField {
		font-weight: bold;
	}

		div.container-fluid > div.row > form > div.row p.requiredField::before {
			content: '* ';
		}

	div.container-fluid > div.row > form > div.row > div input[type=submit],
	div.container-fluid > div.modal input[type=submit] {
		display: block;
		margin: 20px auto 0px auto;
		padding: 8px;
		width: 100%;
		max-width: 250px;
		background-color: #383838;
		border: none;
		border-radius: 8px;
		box-shadow: none;
		color: white;
		font-size: 16px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 0.2px;
	}

@media only screen and (max-width: 767px) {
	div.container-fluid > div.row > form > div.row p,
	div.container-fluid > div.row > form > div.row > div input {
		font-size: 14px;
	}
}