.alert .alert-icon { display: table-cell; font-size: 1.5em }
.alert .alert-icon-body { display: table-cell; padding-left: 5px }
input.form-control:not([size]):not([multiple]),select.form-control:not([size]):not([multiple]),textarea.form-control:not([size]):not([multiple]) { }
.has-float-label { display: block; position: relative }
.has-float-label .label,.has-float-label>div,.has-float-label .span-label-wrapper { cursor: text; font-size: 75%; left: 12px; opacity: 1; overflow: hidden; position: absolute; top: 5px; transition: all 0.2s; white-space: nowrap }
.has-float-label select { }
.has-float-label textarea { width: 100% }
.has-float-label input,.has-float-label select,.has-float-label textarea { border-radius: 5px; font-size: inherit; margin-bottom: 2px; padding-top: 20px }
.has-float-label input { height: 50px }
.has-float-label input:placeholder-shown:not(:focus)+*,.has-float-label select:placeholder-shown:not(:focus)+*,.has-float-label textarea:placeholder-shown:not(:focus)+* { font-size: 150%; opacity: 0.5; top: 0.27em }
.has-float-label select { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.5em bottom 0.25em / 8px 40px no-repeat; padding-right: 1em }
.span-label-wrapper { display: inline-block; margin-bottom: 0.5rem }
.span-icon-wrapper { display: inline-block; margin-bottom: 0.5rem }
.input-group>.has-float-label>.form-control { border-bottom-left-radius: 0; border-top-left-radius: 0 }
.input-group>.has-float-label { margin-bottom: 0; position: relative; width: 1% }
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { background-color: rgb(255, 255, 255); border-bottom-left-radius: 5px; border-right: none; border-top-left-radius: 5px; color: rgb(119, 119, 119) }
.input-group-textarea { padding-top: 8px }
html { background-color: rgb(255, 255, 255) }
body { background-color: rgb(243, 246, 249) }
.page-header { text-align: center }
noscript { background: rgb(255, 193, 7); color: rgb(0, 0, 0); display: block; padding: 0.3em 0.8em; text-align: center; width: 100% }
.body-content { max-width: 1224px; padding: 15px }
#header-container { background-color: rgb(255, 255, 255); padding: 20px 0 }
#header-container header { margin: 0 auto; max-width: 1224px; padding: 0 15px }
#header-container header a.navbar-brand { display: block; max-width: 73%; width: 300px }
#header-container header a.navbar-brand>img { width: 100% }
.navbar-expand-lg .nav-link { margin-left: 0.5rem; margin-right: 0.5rem }
@media (max-width: 992px) { .navbar-expand-lg .nav-link { margin: 0.5rem } }
.navbar-expand-lg .nav-link.active:not(:disabled):not(.disabled),.navbar-expand-lg .nav-link.active:not(:disabled):not(.disabled):hover,.navbar-expand-lg .nav-link.active:not(:disabled):not(.disabled):active { background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); color: rgb(255, 255, 255) }
.navbar-expand-lg .nav-link.active:not(:disabled):not(.disabled):focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) }
header .navbar-toggler { padding: 0 }
header .navbar-toggler .navbar-toggler-icon { color: rgb(0, 92, 171); font-size: 1.2em }
header .navbar-toggler .navbar-toggler-icon svg { vertical-align: middle }
#footer-container #footer-top { background-color: rgb(230, 229, 229); padding: 60px 0 }
#footer-container #footer-top #footer-top-content { margin: 0 auto; max-width: 960px; text-align: center }
#footer-container #footer-top #footer-top-content img { display: block; max-width: 85% }
#footer-container #footer-top #footer-top-content #footer-top-links { text-align: left }
#footer-container #footer-top #footer-top-content #footer-top-links .col { padding: 10px }
#footer-container #footer-bottom { background-color: rgb(255, 255, 255); padding: 30px 0; text-align: center }
#footer-container #footer-bottom #footer-bottom-content { margin: 0 auto; max-width: 980px }
#login-form { max-width: 450px }
.calendar,.calendar select,.calendar table,.calendar td,.calendar th { background: rgb(255, 255, 255); color: rgb(0, 0, 0); text-shadow: none; height: auto; width: auto; padding: 0; line-height: normal; border: 0; box-shadow: none; border-radius: 0; font-family: sans-serif; font-size: 14px }
.calendar { position: absolute; border: 1px solid rgb(192, 192, 192); text-align: center; z-index: 9999 }
.calendar select { margin: 3px 5px; border: 1px solid rgb(192, 192, 192) }
.calendar td,.calendar th { width: 14%; padding: 4px; text-align: center }
.calendar td { cursor: pointer }
.calendar .selected { font-weight: bold }
.input-group>.calendarContainer { position: relative; width: 1%; margin-bottom: 0 }
.input-group>.calendarContainer>.form-control { border-top-left-radius: 0; border-bottom-left-radius: 0 }
@keyframes side-to-side { 0% { transform: translateX(-30px) } 100% { transform: translateX(30px) } }
.rotate-circular { animation: 2s ease-in-out infinite alternate side-to-side }
.text-piped span::after { content: "|"; margin: 0 5px }
.text-piped span:last-child::after { content: ""; margin: 0 5px }
.spinning-loader,.spinning-loader::after { border-radius: 50%; width: 10em; height: 10em }
.spinning-loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-width: 1.1em; border-style: solid; border-color: rgba(255, 255, 255, 0.9) rgba(255, 255, 255, 0.9) rgba(255, 255, 255, 0.9) rgb(0, 92, 171); transform: translateZ(0); animation: 1.1s linear infinite load8 }
@keyframes load8 { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } }
@font-face { font-family: "allstate-regular"; src: url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-regular.woff") format("woff"), url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-regular.ttf") format("truetype"), url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-regular.svg#filename") format("svg") }
@font-face { font-family: "allstate-medium"; src: url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-medium.woff") format("woff"), url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-medium.ttf") format("truetype"), url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-medium.svg#filename") format("svg") }
@font-face { font-family: "allstate-bold"; src: url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-bold.woff") format("woff"), url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-bold.ttf") format("truetype"), url("/tenants/mynatgen/fonts/AllstateSans/allstatesansw-bold.svg#filename") format("svg") }
h1 { font-family: "allstate-medium", Arial, sans-serif }
h2 { font-family: "allstate-medium", Arial, sans-serif }
h3 { font-family: "allstate-medium", Arial, sans-serif }
h4 { font-family: "allstate-medium", Arial, sans-serif }
h5 { font-family: "allstate-medium", Arial, sans-serif }
h6 { font-family: "allstate-medium", Arial, sans-serif }
b { font-family: "allstate-bold", Arial, sans-serif }
strong { font-family: "allstate-bold", Arial, sans-serif }
.btn { border-radius: 50rem !important; text-transform: lowercase }
.btn-primary { background-color: rgb(0, 195, 156); border: 3px solid rgb(0, 195, 156) }
.btn-primary:hover { color: rgb(14, 25, 65); background-color: rgb(255, 255, 255); border: 3px solid rgb(0, 195, 156) }
.btn-primary:focus { color: rgb(14, 25, 65); background-color: rgb(255, 255, 255); border: 3px solid rgb(0, 195, 156) }
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { background-color: rgb(0, 195, 156); border: 3px solid rgb(0, 195, 156) }
.btn-secondary { color: rgb(0, 0, 0); background-color: rgb(217, 238, 255); border: 3px solid rgb(217, 238, 255) }
.btn-secondary:hover { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: 3px solid rgb(217, 238, 255) }
.btn-secondary:focus { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: 3px solid rgb(217, 238, 255) }
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { color: rgb(0, 0, 0); background-color: rgb(217, 238, 255); border: 3px solid rgb(217, 238, 255) }
.btn-outline-dark { color: rgb(14, 25, 65); background-color: rgb(255, 255, 255); border: 3px solid rgb(186, 198, 211) }
.list-group-item.active { z-index: 2; color: rgb(14, 25, 65); background-color: rgb(69, 188, 229); border-color: rgb(69, 188, 229) }
.alert { font-family: "allstate-bold", Arial, sans-serif }
.alert-success { background-color: rgb(204, 243, 236); color: rgb(0, 0, 0); border-left: 5px solid rgb(0, 195, 156) }
.alert-danger { background-color: rgb(250, 231, 234); color: rgb(0, 0, 0); border-left: 5px solid rgb(207, 16, 45) }
.alert-warning { background-color: rgb(255, 248, 229); color: rgb(0, 0, 0); border-left: 5px solid rgb(255, 187, 0) }
.alert-info { background-color: rgb(217, 238, 255); color: rgb(0, 0, 0); border-left: 5px solid rgb(69, 188, 229) }
.close { color: rgb(0, 0, 0); opacity: 1 }
label { font-family: "allstate-medium", Arial, sans-serif }
.form-control { border-radius: 0 }
.form-control.is-invalid { border: 3px solid rgb(207, 16, 45) }
.text-danger.field-validation-error { font-family: "allstate-medium", Arial, sans-serif; color: rgb(207, 16, 45) }