﻿#bhh-welcome .field-validation-error { margin-bottom: 16px; color: #a12020; background: #ffc7c7; border: solid #a12020 1px; padding: 6px 12px; border-radius: 4px; }

.start table {min-width: 850px;}
.start table .button.small {margin: 0 auto; display: table;}
.start table .button.small a span {padding: 0 10px;}
.start table tbody tr td {padding: 20px 10px;}

.landings-page {}
.landings-page .hero-placeholder {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; position: relative;}
.landings-page .hero-placeholder .g-before {flex: 0;}
.landings-page .hero-placeholder .hero {background-color: #37B34A; margin-bottom: 56px; flex: 1; position: relative;}
.landings-page .hero-placeholder .text-placeholder {right: 40px; left: 40px; height: calc(100% - 56px); display: flex; justify-content: center; align-items: center; position: absolute; z-index: 1;}
.landings-page .hero-placeholder .text-placeholder p {margin: 0; color: #FFFFFF;}
.landings-page .hero-placeholder .text-placeholder p.heading-3 {margin-bottom: 0; font-weight: 400;}
.landings-page .hero-placeholder .text-placeholder p.heading-2 strong {color: #000000;}
.landings-page .hero-placeholder .g-after {flex: 0;}
.landings-page .hero-placeholder .g-before img, 
.landings-page .hero-placeholder .g-after img {width: 72px; height: auto; display: block;}
.landings-page .text {padding-bottom: 24px;}
.landings-page .text .title p.heading-2 {margin-bottom: 0;}
.landings-page .text .title h1 {line-height: 72px; font-size: 60px;}
.landings-page .buttons {}
.landings-page .buttons button.button,
.landings-page .buttons p.button, 
.landings-page .buttons p.text-link {display: inline-block; float: left;}
.landings-page .buttons button.button,
.landings-page .buttons p.button,
.landings-page .buttons p.text-link {margin-right: 20px;}
.landings-page .buttons p.text-link {margin-bottom: 10px;}
.landings-page .buttons p.text-link a {margin: 11px 0; display: inline-block; color: #999999;}
.landings-page p.text-link.inline {display: inline-block;}
.landings-page p.text-link[role=button] {text-decoration: underline;}
.landings-page p.text-link[role=button]:hover {text-decoration: none;}
.landings-page .justin {margin-top: -28px;}
.landings-page .justin img {width: 100%;}

.landings-page .options {}
.landings-page .options .group {}
.landings-page .options .group p {margin-bottom: 10px; font-family: 'Fira Sans'; font-weight: 800; font-style: normal;}

.landings-page .heading-3 {margin: 24px 0 0 0;}
.landings-page .form-group + .form-group {padding-top: 0;}

.landings-page .image img {width: 100%; height: auto; border-radius: 20px;}

.landings-page .foreign-language .form-group {padding-top: 10px;}
.landings-page .foreign-language label i {margin-left: 23px;}

.icon {width: 32px; height: 32px; background-color: #FFFFFF; border: 1px solid #E3E3E3; border-radius: 16px; color: #000000; position: relative; cursor: pointer;}
.icon a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.icon:before {top: 0; right: 0; bottom: 0; left: 0; width: 30px; height: 30px; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 16px; text-align: center; display: block; position: absolute; z-index: 1;}
.icon.view:before {content: "\f06e";}
.icon.delete:before {content: "\f2ed";}
.icon.download:before {content: "\f019";}
.icon.add {background-color: #EAA503; color: #000000;}
.icon.add:before {width: 32px; height: 32px; line-height: 32px; content: "\f067";}