label { color: white; }

div.small-text-info { font-size: 14px; line-height: 24px; letter-spacing: 0.15px; max-width: 500px; margin: 40px auto 20px auto; }
div.small-text-info p { margin-bottom: 5px; }
div.small-text-info b { font-weight: 700; }
div.small-text-info.admin { margin-top: 15px; opacity: 0.7; }

.form-description { max-width: 500px; margin: 0px auto 0px auto; text-align: left; }

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, input { padding: 24px; background-color: rgba(255, 255, 255, 0.9); font-size: 1em; border: 0px; border-radius: 3px; margin-bottom: 15px; /*border						: 1px solid rgba(0,0,0,0.1);*/ box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 1px 0px rgba(0, 0, 0, 0.05); }

[type=radio] { width: 20px; height: 20px; transform: translateY(4px); }

select { padding: 15px 30px 15px 20px; border-radius: 3px; height: auto; }

input.error { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; background-color: #ec93a7; border-color: #d04d6b; color: #000000; }

input.ng-invalid.ng-touched, input.ng-invalid-required.ng-touched, input.ng-invalid-minlength, textarea.ng-invalid.ng-touched, textarea.ng-invalid-required.ng-touched, textarea.ng-invalid-minlength, div.error, .callout.warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; background-color: #ec93a7; border-color: #d04d6b; color: #000000; }

input.ng-invalid.ng-touched::placeholder, input.ng-invalid-required.ng-touched::placeholder, input.ng-invalid-minlength::placeholder, div.error::placeholder, .callout.warning::placeholder { color: #000000; }

button.error { color: white; background-color: #a94442; border-color: #ebccd1; }

button.warning { color: #white; background-color: #8a6d3b; border-color: #faebcc; }

button.success { color: white; background-color: #3c763d; border-color: #d6e9c6; }

button.remove { text-transform: capitalize; font-size: 13px !important; color: #bababa; background-color: #515151; border: 0px; }

button.accept { letter-spacing: 0.3px; background-color: #3c6d76; }

.table-cell.attention { /*background-color: rgba(255, 255, 255, 0.2);
background-color: rgba(228, 200, 127, 0.33);;*/ color: #7cd3e2; }

.table-row.waiting-approval { background-color: rgba(0, 0, 0, 0.2) !important; }

input.ng-valid.ng-touched { 	/*color: #3c763d;
	background-color: #dff0d8;
border-color: #d6e9c6;*/ }

button, .button { padding: 13px 25px 13px 25px; border: 0px; border-radius: 3px; background-color: #246e89; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; outline: 0px; cursor: pointer; text-decoration: none; font-size: 0.9em; line-height: 0.9em; display: inline-block; }

button.disabled { pointer-events: none; opacity: 0.5; }

section.login button { margin-left: 0px; margin-top: 25px; margin-bottom: 25px; }
section.login input { padding: 23px; margin-bottom: 4px; }

/*------------------------- Register school -----------------------*/
form.register-school { display: block; margin: 80px auto 20px auto; }

form.register-school label, form.register-school input, form.register-school h2, form.register-school div.error, .callout.warning, form.register-school select, div.form-row { display: block; max-width: 500px; margin: 10px auto 10px auto; }

form.register-school .callout.warning { margin-bottom: 20px; }

form.register-school label { margin-bottom: 8px; }

form.register-school input { margin-bottom: 20px; }

form.register-school input[type='radio'] { margin-bottom: 0px; }

form.register-school h2 { margin: 60px auto 30px auto; border-bottom: 1px solid white; padding: 0px 0px 10px 0px; }

form.register-school button { display: block; /* width: 220px; */ padding: 20px 40px 20px 40px; margin: 70px auto 0px auto; font-size: 16px; }

.static-inputs input { pointer-events: none; background-color: rgba(255, 255, 255, 0.1); color: white; border: 0px; }

/*------------------------- Callouts -----------------------*/
.callout { border: 0px; border-radius: 3px; padding: 25px; }

.callout h2 { font-weight: bold; margin-bottom: 30px; font-size: 21px; line-height: 1.2; }

/*------------------------- success -----------------------*/
.callout.success a, .callout.success a:hover, .callout.success a:active, .callout.success a:visited { color: #3c763d; text-decoration: underline; }

.callout.success p { color: black; }

.callout.success { margin-top: 60px; padding: 30px; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

/*# sourceMappingURL=forms.css.map */
