.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(238, 238, 238) }
.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) } }