﻿body {
}

@media only screen and (max-width: 767px) {
	div.container-fluid.onSession {
		margin: 0px !important;
	}

		div.container-fluid.onSession > div.row > div.session {
			padding: 15px !important;
		}

			div.container-fluid.onSession > div.row > div.session > form > div,
			div.container-fluid.onSession > div.row > div.session > form > div input,
			div.container-fluid.onSession > div.row > div.session > form > div > p > a,
			div.container-fluid.onSession > div.row > div.session > div.divider > span,
			div.container-fluid.onSession > div.row > div.session div input {
				font-size: 14px !important;
			}
}

div.container-fluid.onSession {
	margin-top: 60px;
}

	div.container-fluid.onSession > div.row > div.session {
		float: none;
		margin: 0px auto 0px auto;
		padding: 45px 15px 30px 15px;
		width: 95%;
		max-width: 475px;
		border-radius: 10px;
		background-color: #C7E2CF;
		box-shadow: 0px 6px 8px 0px rgba(72, 122, 89, 0.5);
	}

		div.container-fluid.onSession > div.row > div.session > img {
			display: block;
			margin: -275px auto 15px auto;
			max-width: 100%;
		}

		div.container-fluid.onSession > div.row > div.session > form > div div {
			margin: 0px;
			padding: 0px;
		}

		div.container-fluid.onSession > div.row > div.session > form > div:first-of-type {
			margin-bottom: 40px;
			font-size: 20px;
		}

		div.container-fluid.onSession > div.row > div.session > form > div {
			margin-bottom: 20px;
			font-size: 16px;
			font-weight: 300;
		}

			div.container-fluid.onSession > div.row > div.session > form > div > p {
				margin: 0px;
				margin-left: 15px;
				margin-right: 15px;
			}

				div.container-fluid.onSession > div.row > div.session > form > div > p > a {
					color: #383838;
					font-size: 20px;
					font-weight: 400;
				}

		div.container-fluid.onSession > div.row > div.session > form#recoveryForm > div:first-of-type {
			margin-bottom: 20px;
		}

			div.container-fluid.onSession > div.row > div.session > form#recoveryForm > div:first-of-type > p {
				font-size: 18px !important;
			}

		div.container-fluid.onSession > div.row > div.session > form#recoveryForm > div:last-of-type > p {
			text-align: left;
			margin-left: 15px;
			margin-right: 15px;
		}

		div.container-fluid.onSession > div.row > div.session > form > div:last-of-type > p {
			margin-left: 0px;
			text-align: center;
		}

			div.container-fluid.onSession > div.row > div.session > form > div:last-of-type > p > a {
				font-size: 20px;
				text-decoration: underline;
				text-transform: uppercase;
				letter-spacing: 0.2px;
			}

		div.container-fluid.onSession > div.row > div.session > form > div input {
			color: #4a4a4a;
		}

			div.container-fluid.onSession > div.row > div.session > form > div input[type=text],
			div.container-fluid.onSession > div.row > div.session > form > div input[type=email],
			div.container-fluid.onSession > div.row > div.session > form > div input[type=tel],
			div.container-fluid.onSession > div.row > div.session > form > div input[type=date],
			div.container-fluid.onSession > div.row > div.session > form > div input[type=password] {
				margin: 0px;
				padding: 7.5px 15px;
				width: 100%;
				background-color: white;
				border: solid 1px #9FD5B1;
				border-radius: 12px;
				box-shadow: inset 0px 2px 3px 0px #487B59;
				color: black;
				font-size: 16px;
				font-weight: 300;
			}

			div.container-fluid.onSession > div.row > div.session > form > div input:disabled {
				opacity: 0.5;
				cursor: progress;
			}

			div.container-fluid.onSession > div.row > div.session > form > div input[type=radio] {
				display: none;
			}

				div.container-fluid.onSession > div.row > div.session > form > div input[type=radio] + label {
					font-size: 14px;
					font-weight: 400;
					cursor: pointer;
				}

					div.container-fluid.onSession > div.row > div.session > form > div input[type=radio] + 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.onSession > div.row > div.session > form > div input[type=radio]:checked + label span {
					background-image: url("../Graphics/Weeel.Tick.png");
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
				}

		div.container-fluid.onSession > div.row > div.session div input[type=submit] {
			display: block;
			margin: 0px auto 0px auto;
			padding: 8px;
			width: 100%;
			max-width: 200px;
			background-color: #383838;
			border: none;
			border-radius: 8px;
			box-shadow: none;
			color: white;
			font-size: 21px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 0.2px;
		}

		div.container-fluid.onSession > div.row > div.session > div.divider {
			display: block;
			text-align: center;
			overflow: hidden;
			white-space: nowrap;
			margin-bottom: 20px;
		}

			div.container-fluid.onSession > div.row > div.session > div.divider > span {
				position: relative;
				display: inline-block;
				font-size: 16px;
			}

				div.container-fluid.onSession > div.row > div.session > div.divider > span:before,
				div.container-fluid.onSession > div.row > div.session > div.divider > span:after {
					content: "";
					position: absolute;
					top: 50%;
					width: 100vw;
					height: 1px;
					background: #383838;
					opacity: 0.25;
				}

				div.container-fluid.onSession > div.row > div.session > div.divider > span:before {
					right: 100%;
					margin-right: 15px;
				}

				div.container-fluid.onSession > div.row > div.session > div.divider > span:after {
					left: 100%;
					margin-left: 15px;
				}

		div.container-fluid.onSession > div.row > div.session > form > div a > img {
			margin-top: 30px;
			margin-left: 20px;
			display: inline-block;
		}

		div.container-fluid.onSession > div.row > div.session > form > div.end {
			display: inline-block;
		}

			div.container-fluid.onSession > div.row > div.session > form > div.end input {
				max-width: none;
			}

	div.container-fluid.onSession a.noDecoration {
		text-decoration: none !important;
	}

.alert-danger {
	color: #AC3730;
	background-color: #E89A81;
	border-color: #E89A81;
}

.alert-info {
	color: #59A3B2;
	background-color: #B5E8F2;
	border-color: #B5E8F2;
}
