/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.color-azure { color: #009fe2 !important; }

.color-azure-hover:hover { color: #009fe2 !important; }

.border-color-azure { border-color: #009fe2 !important; }

.background-azure { background: #009fe2 !important; }

.background-azure-10 { background: rgba(0, 159, 226, 0.1) !important; }

.background-azure-hover:hover { background: #009fe2 !important; }

.color-black { color: #191919 !important; }

.color-black-hover:hover { color: #191919 !important; }

.border-color-black { border-color: #191919 !important; }

.background-black { background: #191919 !important; }

.background-black-10 { background: rgba(25, 25, 25, 0.1) !important; }

.background-black-hover:hover { background: #191919 !important; }

.color-bali-hai { color: #8d99af !important; }

.color-bali-hai-hover:hover { color: #8d99af !important; }

.border-color-bali-hai { border-color: #8d99af !important; }

.background-bali-hai { background: #8d99af !important; }

.background-bali-hai-10 { background: rgba(141, 153, 175, 0.1) !important; }

.background-bali-hai-hover:hover { background: #8d99af !important; }

.color-brownish-grey { color: #606060 !important; }

.color-brownish-grey-hover:hover { color: #606060 !important; }

.border-color-brownish-grey { border-color: #606060 !important; }

.background-brownish-grey { background: #606060 !important; }

.background-brownish-grey-10 { background: rgba(96, 96, 96, 0.1) !important; }

.background-brownish-grey-hover:hover { background: #606060 !important; }

.color-cerulean { color: #007db3 !important; }

.color-cerulean-hover:hover { color: #007db3 !important; }

.border-color-cerulean { border-color: #007db3 !important; }

.background-cerulean { background: #007db3 !important; }

.background-cerulean-10 { background: rgba(0, 125, 179, 0.1) !important; }

.background-cerulean-hover:hover { background: #007db3 !important; }

.color-dark { color: #191919 !important; }

.color-dark-hover:hover { color: #191919 !important; }

.border-color-dark { border-color: #191919 !important; }

.background-dark { background: #191919 !important; }

.background-dark-10 { background: rgba(25, 25, 25, 0.1) !important; }

.background-dark-hover:hover { background: #191919 !important; }

.color-dark-grey { color: #282828 !important; }

.color-dark-grey-hover:hover { color: #282828 !important; }

.border-color-dark-grey { border-color: #282828 !important; }

.background-dark-grey { background: #282828 !important; }

.background-dark-grey-10 { background: rgba(40, 40, 40, 0.1) !important; }

.background-dark-grey-hover:hover { background: #282828 !important; }

.color-dark-peach { color: #dea655 !important; }

.color-dark-peach-hover:hover { color: #dea655 !important; }

.border-color-dark-peach { border-color: #dea655 !important; }

.background-dark-peach { background: #dea655 !important; }

.background-dark-peach-10 { background: rgba(222, 166, 85, 0.1) !important; }

.background-dark-peach-hover:hover { background: #dea655 !important; }

.color-darkish-pink { color: #de5565 !important; }

.color-darkish-pink-hover:hover { color: #de5565 !important; }

.border-color-darkish-pink { border-color: #de5565 !important; }

.background-darkish-pink { background: #de5565 !important; }

.background-darkish-pink-10 { background: rgba(222, 85, 101, 0.1) !important; }

.background-darkish-pink-hover:hover { background: #de5565 !important; }

.color-gnsw-blue { color: #039fe2 !important; }

.color-gnsw-blue-hover:hover { color: #039fe2 !important; }

.border-color-gnsw-blue { border-color: #039fe2 !important; }

.background-gnsw-blue { background: #039fe2 !important; }

.background-gnsw-blue-10 { background: rgba(3, 159, 226, 0.1) !important; }

.background-gnsw-blue-hover:hover { background: #039fe2 !important; }

.color-light { color: #fff !important; }

.color-light-hover:hover { color: #fff !important; }

.border-color-light { border-color: #fff !important; }

.background-light { background: #fff !important; }

.background-light-10 { background: rgba(255, 255, 255, 0.1) !important; }

.background-light-hover:hover { background: #fff !important; }

.color-light-periwinkle { color: #d9e2ed !important; }

.color-light-periwinkle-hover:hover { color: #d9e2ed !important; }

.border-color-light-periwinkle { border-color: #d9e2ed !important; }

.background-light-periwinkle { background: #d9e2ed !important; }

.background-light-periwinkle-10 { background: rgba(217, 226, 237, 0.1) !important; }

.background-light-periwinkle-hover:hover { background: #d9e2ed !important; }

.color-lightblue { color: #f2fafd !important; }

.color-lightblue-hover:hover { color: #f2fafd !important; }

.border-color-lightblue { border-color: #f2fafd !important; }

.background-lightblue { background: #f2fafd !important; }

.background-lightblue-10 { background: rgba(242, 250, 253, 0.1) !important; }

.background-lightblue-hover:hover { background: #f2fafd !important; }

.color-marine-blue { color: #003474 !important; }

.color-marine-blue-hover:hover { color: #003474 !important; }

.border-color-marine-blue { border-color: #003474 !important; }

.background-marine-blue { background: #003474 !important; }

.background-marine-blue-10 { background: rgba(0, 52, 116, 0.1) !important; }

.background-marine-blue-hover:hover { background: #003474 !important; }

.color-pale-grey { color: #fbfeff !important; }

.color-pale-grey-hover:hover { color: #fbfeff !important; }

.border-color-pale-grey { border-color: #fbfeff !important; }

.background-pale-grey { background: #fbfeff !important; }

.background-pale-grey-10 { background: rgba(251, 254, 255, 0.1) !important; }

.background-pale-grey-hover:hover { background: #fbfeff !important; }

.color-teal-blue { color: #007db3 !important; }

.color-teal-blue-hover:hover { color: #007db3 !important; }

.border-color-teal-blue { border-color: #007db3 !important; }

.background-teal-blue { background: #007db3 !important; }

.background-teal-blue-10 { background: rgba(0, 125, 179, 0.1) !important; }

.background-teal-blue-hover:hover { background: #007db3 !important; }

.color-turtle-green { color: #70bb49 !important; }

.color-turtle-green-hover:hover { color: #70bb49 !important; }

.border-color-turtle-green { border-color: #70bb49 !important; }

.background-turtle-green { background: #70bb49 !important; }

.background-turtle-green-10 { background: rgba(112, 187, 73, 0.1) !important; }

.background-turtle-green-hover:hover { background: #70bb49 !important; }

.color-white { color: #fff !important; }

.color-white-hover:hover { color: #fff !important; }

.border-color-white { border-color: #fff !important; }

.background-white { background: #fff !important; }

.background-white-10 { background: rgba(255, 255, 255, 0.1) !important; }

.background-white-hover:hover { background: #fff !important; }

body { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; }

blockquote { border-left-color: #039fe2; }

h1 { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; color: #191919; font-size: 61px; line-height: 1.28; }

h2 { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; color: #191919; font-size: 49px; line-height: 1.06; }

h3 { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 700; color: #191919; font-size: 39px; line-height: 1.33; }

h4 { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; color: #191919; font-size: 31px; line-height: 1.16; }

h5 { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; color: #191919; font-size: 25px; line-height: 1.04; }

h6 { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; color: #191919; font-size: 20px; line-height: 1.3; }

a { font-family: 'Source Sans Pro', Arial, sans-serif; font-weight: 700; text-decoration: none; }

a:not(.btn) { color: #007db3; }

a:not(.btn):link { color: #007db3; }

a:not(.btn):visited { color: #007db3; }

a:not(.btn):focus { color: #007db3; }

a:not(.btn):hover { color: #007db3; }

a:not(.btn):active { color: #007db3; }

.btn-outline-primary { color: #009fe2; }

.site-nav-link { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 700; font-size: 14px; }

.font-14 { font-size: 14px !important; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.color-azure { color: #009fe2 !important; }

.color-azure-hover:hover { color: #009fe2 !important; }

.border-color-azure { border-color: #009fe2 !important; }

.background-azure { background: #009fe2 !important; }

.background-azure-10 { background: rgba(0, 159, 226, 0.1) !important; }

.background-azure-hover:hover { background: #009fe2 !important; }

.color-black { color: #191919 !important; }

.color-black-hover:hover { color: #191919 !important; }

.border-color-black { border-color: #191919 !important; }

.background-black { background: #191919 !important; }

.background-black-10 { background: rgba(25, 25, 25, 0.1) !important; }

.background-black-hover:hover { background: #191919 !important; }

.color-bali-hai { color: #8d99af !important; }

.color-bali-hai-hover:hover { color: #8d99af !important; }

.border-color-bali-hai { border-color: #8d99af !important; }

.background-bali-hai { background: #8d99af !important; }

.background-bali-hai-10 { background: rgba(141, 153, 175, 0.1) !important; }

.background-bali-hai-hover:hover { background: #8d99af !important; }

.color-brownish-grey { color: #606060 !important; }

.color-brownish-grey-hover:hover { color: #606060 !important; }

.border-color-brownish-grey { border-color: #606060 !important; }

.background-brownish-grey { background: #606060 !important; }

.background-brownish-grey-10 { background: rgba(96, 96, 96, 0.1) !important; }

.background-brownish-grey-hover:hover { background: #606060 !important; }

.color-cerulean { color: #007db3 !important; }

.color-cerulean-hover:hover { color: #007db3 !important; }

.border-color-cerulean { border-color: #007db3 !important; }

.background-cerulean { background: #007db3 !important; }

.background-cerulean-10 { background: rgba(0, 125, 179, 0.1) !important; }

.background-cerulean-hover:hover { background: #007db3 !important; }

.color-dark { color: #191919 !important; }

.color-dark-hover:hover { color: #191919 !important; }

.border-color-dark { border-color: #191919 !important; }

.background-dark { background: #191919 !important; }

.background-dark-10 { background: rgba(25, 25, 25, 0.1) !important; }

.background-dark-hover:hover { background: #191919 !important; }

.color-dark-grey { color: #282828 !important; }

.color-dark-grey-hover:hover { color: #282828 !important; }

.border-color-dark-grey { border-color: #282828 !important; }

.background-dark-grey { background: #282828 !important; }

.background-dark-grey-10 { background: rgba(40, 40, 40, 0.1) !important; }

.background-dark-grey-hover:hover { background: #282828 !important; }

.color-dark-peach { color: #dea655 !important; }

.color-dark-peach-hover:hover { color: #dea655 !important; }

.border-color-dark-peach { border-color: #dea655 !important; }

.background-dark-peach { background: #dea655 !important; }

.background-dark-peach-10 { background: rgba(222, 166, 85, 0.1) !important; }

.background-dark-peach-hover:hover { background: #dea655 !important; }

.color-darkish-pink { color: #de5565 !important; }

.color-darkish-pink-hover:hover { color: #de5565 !important; }

.border-color-darkish-pink { border-color: #de5565 !important; }

.background-darkish-pink { background: #de5565 !important; }

.background-darkish-pink-10 { background: rgba(222, 85, 101, 0.1) !important; }

.background-darkish-pink-hover:hover { background: #de5565 !important; }

.color-gnsw-blue { color: #039fe2 !important; }

.color-gnsw-blue-hover:hover { color: #039fe2 !important; }

.border-color-gnsw-blue { border-color: #039fe2 !important; }

.background-gnsw-blue { background: #039fe2 !important; }

.background-gnsw-blue-10 { background: rgba(3, 159, 226, 0.1) !important; }

.background-gnsw-blue-hover:hover { background: #039fe2 !important; }

.color-light { color: #fff !important; }

.color-light-hover:hover { color: #fff !important; }

.border-color-light { border-color: #fff !important; }

.background-light { background: #fff !important; }

.background-light-10 { background: rgba(255, 255, 255, 0.1) !important; }

.background-light-hover:hover { background: #fff !important; }

.color-light-periwinkle { color: #d9e2ed !important; }

.color-light-periwinkle-hover:hover { color: #d9e2ed !important; }

.border-color-light-periwinkle { border-color: #d9e2ed !important; }

.background-light-periwinkle { background: #d9e2ed !important; }

.background-light-periwinkle-10 { background: rgba(217, 226, 237, 0.1) !important; }

.background-light-periwinkle-hover:hover { background: #d9e2ed !important; }

.color-lightblue { color: #f2fafd !important; }

.color-lightblue-hover:hover { color: #f2fafd !important; }

.border-color-lightblue { border-color: #f2fafd !important; }

.background-lightblue { background: #f2fafd !important; }

.background-lightblue-10 { background: rgba(242, 250, 253, 0.1) !important; }

.background-lightblue-hover:hover { background: #f2fafd !important; }

.color-marine-blue { color: #003474 !important; }

.color-marine-blue-hover:hover { color: #003474 !important; }

.border-color-marine-blue { border-color: #003474 !important; }

.background-marine-blue { background: #003474 !important; }

.background-marine-blue-10 { background: rgba(0, 52, 116, 0.1) !important; }

.background-marine-blue-hover:hover { background: #003474 !important; }

.color-pale-grey { color: #fbfeff !important; }

.color-pale-grey-hover:hover { color: #fbfeff !important; }

.border-color-pale-grey { border-color: #fbfeff !important; }

.background-pale-grey { background: #fbfeff !important; }

.background-pale-grey-10 { background: rgba(251, 254, 255, 0.1) !important; }

.background-pale-grey-hover:hover { background: #fbfeff !important; }

.color-teal-blue { color: #007db3 !important; }

.color-teal-blue-hover:hover { color: #007db3 !important; }

.border-color-teal-blue { border-color: #007db3 !important; }

.background-teal-blue { background: #007db3 !important; }

.background-teal-blue-10 { background: rgba(0, 125, 179, 0.1) !important; }

.background-teal-blue-hover:hover { background: #007db3 !important; }

.color-turtle-green { color: #70bb49 !important; }

.color-turtle-green-hover:hover { color: #70bb49 !important; }

.border-color-turtle-green { border-color: #70bb49 !important; }

.background-turtle-green { background: #70bb49 !important; }

.background-turtle-green-10 { background: rgba(112, 187, 73, 0.1) !important; }

.background-turtle-green-hover:hover { background: #70bb49 !important; }

.color-white { color: #fff !important; }

.color-white-hover:hover { color: #fff !important; }

.border-color-white { border-color: #fff !important; }

.background-white { background: #fff !important; }

.background-white-10 { background: rgba(255, 255, 255, 0.1) !important; }

.background-white-hover:hover { background: #fff !important; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.gnsw-icon { display: inline-block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; vertical-align: text-bottom; }

.gnsw-icon.icon-arrow-right { background-image: url("../images/icon-arrow-right.svg"); }

.gnsw-icon.icon-book { background-image: url("../images/icon-book.svg"); }

.gnsw-icon.icon-calendar { background-image: url("../images/icon-calendar.svg"); }

.gnsw-icon.icon-chevron-down { background-image: url("../images/icon-chevron-down.svg"); }

.gnsw-icon.icon-close { background-image: url("../images/icon-close.svg"); }

.gnsw-icon.icon-dashboard { background-image: url("../images/icon-dashboard.svg"); }

.gnsw-icon.icon-edit { background-image: url("../images/icon-edit.svg"); }

.gnsw-icon.icon-white-edit { background-image: url("../images/icon-white-edit.svg"); }

.gnsw-icon.icon-grid-fill { background-image: url("../images/icon-grid-fill.svg"); }

.gnsw-icon.icon-grid { background-image: url("../images/icon-grid.svg"); }

.gnsw-icon.icon-hamburger { background-image: url("../images/icon-hamburger.svg"); }

.gnsw-icon.icon-home { background-image: url("../images/icon-home.svg"); }

.gnsw-icon.icon-injury { background-image: url("../images/icon-injury.svg"); }

.gnsw-icon.icon-log-out { background-image: url("../images/icon-log-out.svg"); }

.gnsw-icon.icon-settings { background-image: url("../images/icon-settings.svg"); }

.gnsw-icon.icon-shuffle { background-image: url("../images/icon-shuffle.svg"); }

.gnsw-icon.icon-tag { background-image: url("../images/icon-tag.svg"); }

.gnsw-icon.icon-search { background-image: url("../images/icon-search.svg"); }

.gnsw-icon.icon-filter { background-image: url("../images/icon-filter.svg"); }

.accordion .collapsed .icon-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.jslink { cursor: pointer; }

.btn.btn-pill { border-radius: 200px; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.navbar { border-bottom: 1px solid rgba(0, 52, 116, 0.25); background-color: #fff; }

.navbar a { color: #007db3; }

.navbar a:link { color: #007db3; }

.navbar a:visited { color: #007db3; }

.navbar a:focus { color: #007db3; }

.navbar a:hover { color: #007db3; }

.navbar a:active { color: #007db3; }

.breadcrumb-item a { color: #606060; font-weight: normal; }

.breadcrumb-item a:link { color: #606060; }

.breadcrumb-item a:visited { color: #606060; }

.breadcrumb-item a:focus { color: #606060; }

.breadcrumb-item a:hover { color: #606060; }

.breadcrumb-item a:active { color: #606060; }

.breadcrumb-item.active a { color: #007db3; font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 700; }

.breadcrumb-item.active a:link { color: #007db3; }

.breadcrumb-item.active a:visited { color: #007db3; }

.breadcrumb-item.active a:focus { color: #007db3; }

.breadcrumb-item.active a:hover { color: #007db3; }

.breadcrumb-item.active a:active { color: #007db3; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.main-nav h3 { margin-bottom: 5px; font-size: 16px; }

.main-nav h4 { font-size: 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.main-nav .pagelist { margin: 0; padding: 0; list-style-type: none; }

.main-nav .pagelist li { margin: 0; }

.main-nav .nav-link { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; color: #606060; padding: 0; font-size: 14px; font-weight: 400; }

.main-nav .nav-link:link { color: #606060; }

.main-nav .nav-link:visited { color: #535353; }

.main-nav .nav-link:focus { color: #606060; }

.main-nav .nav-link:hover { color: #2d2d2d; }

.main-nav .nav-link:active { color: #606060; }

.main-nav .nav-link:hover { color: #007db3; }

.main-nav .nav-link::before { display: inline-block; width: 20px; height: 20px; margin: 12px 12px 12px 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px 20px; content: ''; vertical-align: -1rem; }

.main-nav .active .nav-link { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 700; color: #007db3; }

.main-nav .nav-item .nav-link::before { background-image: url("../images/icon-grey-book.svg"); }

.main-nav .nav-item:hover .nav-link::before, .main-nav .nav-item.active .nav-link::before { background-image: url("../images/icon-book.svg"); }

.main-nav .nav-item.appdashboardpage .nav-link::before { background-image: url("../images/icon-grey-grid-fill.svg"); }

.main-nav .nav-item.appdashboardpage:hover .nav-link::before, .main-nav .nav-item.appdashboardpage.active .nav-link::before { background-image: url("../images/icon-grid-fill.svg"); }

.main-nav .nav-item.appequipmentadminpage .nav-link::before { background-image: url("../images/icon-grey-tag.svg"); }

.main-nav .nav-item.appequipmentadminpage:hover .nav-link::before, .main-nav .nav-item.appequipmentadminpage.active .nav-link::before { background-image: url("../images/icon-tag.svg"); }

.main-nav .nav-item.appeventholder .nav-link::before { background-image: url("../images/icon-grey-calendar.svg"); }

.main-nav .nav-item.appeventholder:hover .nav-link::before, .main-nav .nav-item.appeventholder.active .nav-link::before { background-image: url("../images/icon-calendar.svg"); }

.main-nav .nav-item.appaccidentreportholder .nav-link::before { background-image: url("../images/icon-grey-injury.svg"); }

.main-nav .nav-item.appaccidentreportholder:hover .nav-link::before, .main-nav .nav-item.appaccidentreportholder.active .nav-link::before { background-image: url("../images/icon-injury.svg"); }

.main-nav .nav-item.applocationselectionpage .nav-link::before { background-image: url("../images/icon-grey-home.svg"); }

.main-nav .nav-item.applocationselectionpage:hover .nav-link::before, .main-nav .nav-item.applocationselectionpage.active .nav-link::before { background-image: url("../images/icon-home.svg"); }

.main-nav .nav-item.apppage .nav-link::before { background-image: url("../images/icon-grey-book.svg"); }

.main-nav .nav-item.apppage:hover .nav-link::before, .main-nav .nav-item.apppage.active .nav-link::before { background-image: url("../images/icon-book.svg"); }

.main-nav .nav-item.apppagewithsections .nav-link::before { background-image: url("../images/icon-grey-book.svg"); }

.main-nav .nav-item.apppagewithsections:hover .nav-link::before, .main-nav .nav-item.apppagewithsections.active .nav-link::before { background-image: url("../images/icon-book.svg"); }

.inline-location-switcher { position: absolute; top: 0; margin: 0; list-style-type: none; }

.modal-cover { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(40, 40, 40, 0.6); z-index: 500; }

.mobile-menu { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; -webkit-transition: width 0.35s ease; -o-transition: width 0.35s ease; transition: width 0.35s ease; background: rgba(40, 40, 40, 0.6); z-index: 1000; }

.mobile-menu .modal-cover { -webkit-transition: width 0s ease; -o-transition: width 0s ease; transition: width 0s ease; z-index: -1; }

.mobile-menu .mobile-slider { max-width: 300px; height: 100vh; padding: 2rem; -webkit-transition: width 0.35s ease; -o-transition: width 0.35s ease; transition: width 0.35s ease; background: #fff; }

.navbar-collapse.collapsing, .navbar-collapse.collapsing .mobile-slider, .navbar-collapse.collapsing .mobile-menu { position: absolute; top: 0; left: 0; width: 0; height: 100vw; -webkit-transition: width 0s ease; -o-transition: width 0s ease; transition: width 0s ease; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.security-login .security-main, .security-login .bg-image { min-height: 100vh; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.security-login form .field { margin-top: 20px; }

.security-login form .action { color: #fff; background-color: #003474; border-color: #003474; display: block; min-width: 150px; margin-top: 40px; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; }

.security-login form .action:hover { color: #fff; background-color: #009fe2; border-color: #009fe2; }

.security-login form .action:focus, .security-login form .action.focus { -webkit-box-shadow: 0 0 0 3px rgba(38, 82, 137, 0.5); box-shadow: 0 0 0 3px rgba(38, 82, 137, 0.5); }

.security-login form .action.disabled, .security-login form .action:disabled { color: #fff; background-color: #003474; border-color: #003474; }

.security-login form .action:not(:disabled):not(.disabled):active, .security-login form .action:not(:disabled):not(.disabled).active, .show > .security-login form .action.dropdown-toggle { color: #fff; background-color: #007db3; border-color: #007db3; }

.security-login form .action:not(:disabled):not(.disabled):active:focus, .security-login form .action:not(:disabled):not(.disabled).active:focus, .show > .security-login form .action.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 3px rgba(38, 82, 137, 0.5); box-shadow: 0 0 0 3px rgba(38, 82, 137, 0.5); }

.security-login form #ForgotPassword { margin-top: 35px; text-align: center; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
footer { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 700; color: #007db3; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content img { max-width: 100%; height: auto; }

.content img.leftAlone { display: block; margin-right: 16px; float: none; clear: both; }

.content img.center { display: block; margin-right: auto; margin-left: auto; }

.content img.left { display: block; margin-top: 0; margin-right: 16px; float: left; }

.content img.right { display: block; margin-top: 0; margin-left: 16px; float: right; }

.status-icon { display: inline-block; width: auto; margin-right: 5px; padding: 0 12px; border-radius: 200px; background: rgba(40, 40, 40, 0.3); font-size: 12px; letter-spacing: 0.9px; line-height: 1.83; text-align: center; text-transform: uppercase; -webkit-box-shadow: inset 0 0 0 1px #282828; box-shadow: inset 0 0 0 1px #282828; content: ' '; vertical-align: 20%; }

.status-icon.safe { background: rgba(112, 187, 73, 0.3); -webkit-box-shadow: inset 0 0 0 1px #70bb49; box-shadow: inset 0 0 0 1px #70bb49; }

.status-icon.safe-but-needs-repair, .status-icon.safe-but-needs-repairs { background: rgba(222, 166, 85, 0.3); -webkit-box-shadow: inset 0 0 0 1px #dea655; box-shadow: inset 0 0 0 1px #dea655; }

.status-icon.unsafe { background: rgba(222, 85, 101, 0.3); -webkit-box-shadow: inset 0 0 0 1px #de5565; box-shadow: inset 0 0 0 1px #de5565; }

.border-radius { border-radius: 2px; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.card { -webkit-box-shadow: 0 3px 4px 0 rgba(0, 52, 116, 0.1); box-shadow: 0 3px 4px 0 rgba(0, 52, 116, 0.1); }

.card-header h4 { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 700; margin: 0; padding: 0; color: #007db3; font-size: 16px; line-height: 1.63; }

.card-header h4 a { text-decoration: none; }

@media (max-width: 575.98px) { .card-page { margin-right: -15px; margin-bottom: 0; margin-left: -15px; border: 0; -webkit-box-shadow: none; box-shadow: none; } }

.card-page .card-page-header { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; font-size: 31px; line-height: 1.16; }

@media (min-width: 768px) { .card-p-wide .card-body, .card-p-wide .card-header, .card-p-wide .card-footer { padding: 2rem; } }

.nav-tabs .nav-link { color: #9b9b9b; border: 0 solid #fff; font-weight: normal; }

.nav-tabs .nav-link:link { color: #9b9b9b; }

.nav-tabs .nav-link:visited { color: #8e8e8e; }

.nav-tabs .nav-link:focus { color: #9b9b9b; }

.nav-tabs .nav-link:hover { color: #686868; }

.nav-tabs .nav-link:active { color: #9b9b9b; }

.nav-tabs .nav-link.active { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 700; color: #009fe2; position: relative; border: 0 solid #fff; border-bottom: 4px solid #009fe2; }

.nav-tabs .nav-link.active:link { color: #009fe2; }

.nav-tabs .nav-link.active:visited { color: #008dc9; }

.nav-tabs .nav-link.active:focus { color: #009fe2; }

.nav-tabs .nav-link.active:hover { color: #00577c; }

.nav-tabs .nav-link.active:active { color: #009fe2; }

.nav-tabs .nav-link.active::after { display: block; position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; border-top: 8px solid #009fe2; border-right: 8px solid transparent; border-left: 8px solid transparent; content: ' '; }

.dashboard-card p, .dashboard-card h6 { margin-bottom: 0.25rem; }

.equipment-index .card-body { padding-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; }

.review-pill { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; color: #191919; display: inline-block; padding-right: 12px; padding-left: 12px; border-radius: 200px; background: rgba(0, 159, 226, 0.1); font-size: 12px; letter-spacing: 0.9px; line-height: 1.83; text-align: center; }

.review-pill:link { color: #191919; }

.review-pill:visited { color: #191919; }

.review-pill:focus { color: #191919; }

.review-pill:hover { color: #191919; }

.review-pill:active { color: #191919; }

.review-pill.overdue { color: #de5565; }

.review-pill.overdue:link { color: #de5565; }

.review-pill.overdue:visited { color: #de5565; }

.review-pill.overdue:focus { color: #de5565; }

.review-pill.overdue:hover { color: #de5565; }

.review-pill.overdue:active { color: #de5565; }

.review-pill.no-review-needed { color: #a8a8a8; }

.review-pill.no-review-needed:link { color: #a8a8a8; }

.review-pill.no-review-needed:visited { color: #a8a8a8; }

.review-pill.no-review-needed:focus { color: #a8a8a8; }

.review-pill.no-review-needed:hover { color: #a8a8a8; }

.review-pill.no-review-needed:active { color: #a8a8a8; }

.review-pill:hover { text-decoration: none; }

.card-category.no-review-needed { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

.card-category.overdue { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.card-category.needs-review { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

#sort-control-select { max-width: 300px; }

@media (min-width: 768px) { .filters .active { border: 2px solid #fff; border-radius: 200px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
h3.step-title { display: none; }

.expand-toggle { text-decoration: underline; }

.expand-toggle::after { display: inline-block; content: "Collapse"; }

.expand-toggle.collapsed::after { content: "Expand"; }

.equipment-categories .fieldgroup-field { margin-top: 0; }

.equipment-categories .fieldholder-small-label { margin-bottom: 0; }

svg .st0 { -webkit-filter: url(#Adobe_OpacityMaskFilter); filter: url(#Adobe_OpacityMaskFilter); }

svg .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF; }

svg .st2 { -webkit-mask: url(#mask-2_1_); mask: url(#mask-2_1_); fill-rule: evenodd; clip-rule: evenodd; fill: #FFFFFF; }

svg .st3 { fill-rule: evenodd; clip-rule: evenodd; }

svg .st4 { -webkit-filter: url(#Adobe_OpacityMaskFilter_1_); filter: url(#Adobe_OpacityMaskFilter_1_); }

svg .st5 { -webkit-mask: url(#mask-4_1_); mask: url(#mask-4_1_); fill-rule: evenodd; clip-rule: evenodd; }

svg .st6 { fill: #009FE2; }

svg .st7 { -webkit-filter: url(#Adobe_OpacityMaskFilter_2_); filter: url(#Adobe_OpacityMaskFilter_2_); }

svg .st8 { -webkit-mask: url(#mask-6_1_); mask: url(#mask-6_1_); fill-rule: evenodd; clip-rule: evenodd; }

svg .st9 { fill: #FFFFFF; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.message.text, label.error, .alert.bad { color: #f00; }

input .form-control.optionset, textarea .form-control.optionset, select .form-control.optionset { height: auto; }

.fieldgroup-field.col-6.date { margin-top: 0; }

.fieldgroup-field.col-6.time { margin-top: 0; }

.fieldgroup-field.col-6 .fieldgroup-field { margin-top: 0; }

.modal-form div.field { margin-bottom: 2rem; }

.modal-form .modal-save { max-width: 500px; margin-right: auto; margin-left: auto; }

textarea.form-control.form-control { height: auto; }

.form-control:focus { border-width: 1px; }

.CompositeField > label { display: block; }

.req-label::after { content: ' *'; }

canvas { display: block; border: 1px solid #b3b3b3; background: #fff; vertical-align: bottom; }

.field, .fieldgroup-field { margin-top: 32px; clear: both; }

.field > label, .fieldgroup-field > label { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; }

.field .AlternativeFormField .fieldgroupField, .fieldgroup-field .AlternativeFormField .fieldgroupField { float: none; }

.field .AlternativeFormField .AlternativeFormFieldAlternativeValue, .fieldgroup-field .AlternativeFormField .AlternativeFormFieldAlternativeValue { margin-top: 16px; margin-right: 0; }

.field .AlternativeFormField select, .fieldgroup-field .AlternativeFormField select { width: 100%; }

.field .AlternativeFormField input.text, .fieldgroup-field .AlternativeFormField input.text { width: 100%; margin-left: 0; }

.AlternativeFormField .AlternativeFormFieldSelectedValue.AlternativeFormFieldSelectedValue { margin-right: 0; }

input.signature { display: block; width: 0 !important; height: 0 !important; border: 0 !important; }

input.signature + canvas { display: block; border: 1px solid #b3b3b3; background: #fff; vertical-align: bottom; }

input.signature + canvas + button { margin-bottom: 1px; margin-left: 4px; }

.main .ss-uploadfield .middleColumn { min-width: 0; }

.main .ss-uploadfield .middleColumn small { display: none; }

form { max-width: 520px; }

form ul { margin: 0 0 15px; padding: 0; list-style-type: none; }

form li { position: initial; }

form li::before { display: none; }

form label { font-weight: normal; }

form #Remember input.checkbox { min-height: 27px; margin-left: -20px; }

.actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 2rem; list-style-type: none; }

.actions ul a { min-width: 150px; }

.ss-ui-button { color: #fff; background-color: #009fe2; border-color: #009fe2; padding: 0.25rem 1rem; font-size: 1rem; line-height: 1; border-radius: 0.25rem; color: #fff; }

.ss-ui-button:hover { color: #fff; background-color: #003474; border-color: #003474; }

.ss-ui-button:focus, .ss-ui-button.focus { -webkit-box-shadow: 0 0 0 3px rgba(38, 173, 230, 0.5); box-shadow: 0 0 0 3px rgba(38, 173, 230, 0.5); }

.ss-ui-button.disabled, .ss-ui-button:disabled { color: #fff; background-color: #009fe2; border-color: #009fe2; }

.ss-ui-button:not(:disabled):not(.disabled):active, .ss-ui-button:not(:disabled):not(.disabled).active, .show > .ss-ui-button.dropdown-toggle { color: #fff; background-color: #007db3; border-color: #007db3; }

.ss-ui-button:not(:disabled):not(.disabled):active:focus, .ss-ui-button:not(:disabled):not(.disabled).active:focus, .show > .ss-ui-button.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 3px rgba(38, 173, 230, 0.5); box-shadow: 0 0 0 3px rgba(38, 173, 230, 0.5); }

.ss-ui-button:link { color: #fff; }

.ss-ui-button:visited { color: #fff; }

.ss-ui-button:focus { color: #fff; }

.ss-ui-button:hover { color: #fff; }

.ss-ui-button:active { color: #fff; }

.ss-ui-button:hover { text-decoration: none; }

form:not(.SubscribeForm) div.checkbox input.checkbox { margin-left: 0; }

.steps-input-form .steps { display: none; }

.steps-input-form .left { font-family: 'Roboto', 'Source Sans Pro', Arial, sans-serif; font-weight: 500; color: #007db3; font-size: 25px; }

.userform input[type="checkbox"], .userform input[type="radio"] { margin-right: 0.5rem; }

.userform .step-buttons button { color: #212529; background-color: #d9e2ed; border-color: #d9e2ed; }

.userform .step-buttons button:hover { color: #212529; background-color: #bfcee1; border-color: #b6c8dd; }

.userform .step-buttons button:focus, .userform .step-buttons button.focus { -webkit-box-shadow: 0 0 0 3px rgba(189, 198, 208, 0.5); box-shadow: 0 0 0 3px rgba(189, 198, 208, 0.5); }

.userform .step-buttons button.disabled, .userform .step-buttons button:disabled { color: #212529; background-color: #d9e2ed; border-color: #d9e2ed; }

.userform .step-buttons button:not(:disabled):not(.disabled):active, .userform .step-buttons button:not(:disabled):not(.disabled).active, .show > .userform .step-buttons button.dropdown-toggle { color: #212529; background-color: #b6c8dd; border-color: #aec1d9; }

.userform .step-buttons button:not(:disabled):not(.disabled):active:focus, .userform .step-buttons button:not(:disabled):not(.disabled).active:focus, .show > .userform .step-buttons button.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 3px rgba(189, 198, 208, 0.5); box-shadow: 0 0 0 3px rgba(189, 198, 208, 0.5); }

.userform .Actions { margin-top: 2rem; }
/*# sourceMappingURL=main.css.map */