@font-face {
    font-family: 'E.ON BrixSans Web';
    src: url("/EON_BrixSansWeb-Regular.eot");
    src: url("/EON_BrixSansWeb-Regular.eot?#iefix") format('embedded-opentype'), url("/EON_BrixSansWeb-Regular.woff2") format('woff2'), url("/EON_BrixSansWeb-Regular.woff") format('woff'), url("/EON_BrixSansWeb-Regular.ttf") format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'E.ON BrixSans Web';
    src: url("/EON_BrixSansWeb-Medium.eot");
    src: url("/EON_BrixSansWeb-Medium.eot?#iefix") format('embedded-opentype'), url("/EON_BrixSansWeb-Medium.woff2") format('woff2'), url("/EON_BrixSansWeb-Medium.woff") format('woff'), url("/EON_BrixSansWeb-Medium.ttf") format('truetype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'E.ON BrixSans Web';
    src: url("/EON_BrixSansWeb-Bold.eot");
    src: url("/EON_BrixSansWeb-Bold.eot?#iefix") format('embedded-opentype'), url("/EON_BrixSansWeb-Bold.woff2") format('woff2'), url("/EON_BrixSansWeb-Bold.woff") format('woff'), url("/EON_BrixSansWeb-Bold.ttf") format('truetype');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'E.ON BrixSans Web';
    src: url("/EON_BrixSansWeb-Black.eot");
    src: url("/EON_BrixSansWeb-Black.eot?#iefix") format('embedded-opentype'), url("/EON_BrixSansWeb-Black.woff2") format('woff2'), url("/EON_BrixSansWeb-Black.woff") format('woff'), url("/EON_BrixSansWeb-Black.ttf") format('truetype');
    font-weight: 900;
    font-display: swap;
}

html {
    min-height: 100%
}

body {
    position: relative;
    min-height: 100vh;
}

body::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-image: linear-gradient(90deg, #1ea2b1 0%, #1ea2b1 60%, #e3e000 60%, #e3e000 70%, #ea1b0a 70%, #ea1b0a 100%)
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'E.ON BrixSans Web'
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 100%;
    color: #ea1b0a
}

h1.eon-turquoise,
h2.eon-turquoise,
h3.eon-turquoise,
h4.eon-turquoise,
h5.eon-turquoise,
h6.eon-turquoise {
    color: #1ea2b1
}

h1.eon-white,
h2.eon-white,
h3.eon-white,
h4.eon-white,
h5.eon-white,
h6.eon-white {
    color: #ffffff
}

h1.eon-grey,
h2.eon-grey,
h3.eon-grey,
h4.eon-grey,
h5.eon-grey,
h6.eon-grey {
    color: #39393a
}

.brandcolor-turquoise h1,
.brandcolor-turquoise h2,
.brandcolor-turquoise h3,
.brandcolor-turquoise h4,
.brandcolor-turquoise h5,
.brandcolor-turquoise h6 {
    color: #1ea2b1
}

h1,
h2,
h3,
h4 {
    font-weight: 900
}

h5,
h6 {
    font-weight: 700
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 34px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 20px;
}

p,
li,
th,
td {
    color: #39393a
}

a {
    font-weight: 700;
    text-decoration: none;
    color: #ea1b0a
}

a:hover,
a:focus {
    text-decoration: underline;
    color: #ea1b0a
}

.brandcolor-turquoise a {
    color: #1ea2b1
}

.brandcolor-turquoise a:hover,
.brandcolor-turquoise a:focus {
    color: #1ea2b1
}

.eon-bar {
    align-items: stretch;
    display: flex;
    height: 4px;
    justify-content: flex-start;
    max-width: none;
    z-index: 9999
}

.eon-bar.eon-bar-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

.eon-bar .eb-turquoise {
    background-color: #1ea2b1;
    width: 60%
}

.eon-bar .eb-yellow {
    background-color: #e3e000;
    width: 10%
}

.eon-bar .eb-red {
    background-color: #ea1b0a;
    width: 30%
}

@media screen and (min-width:768px) {
    .text-sm-right {
        text-align: right
    }
}

@media screen and (min-width:992px) {
    .text-md-right {
        text-align: right
    }
}

@media screen and (min-width:1200px) {
    .text-lg-right {
        text-align: right
    }
}

@media screen and (min-width:1200px) {
    .text-xl-right {
        text-align: right
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*='col-'] {
    padding-right: 0;
    padding-left: 0
}

.container {
    max-width: 1920px
}

@media (min-width:768px) {
    .container {
        width: auto
    }
}

@media (min-width:992px) {
    .container {
        width: auto
    }
}

@media (min-width:1200px) {
    .container {
        width: auto
    }
}

.container.eon-header {
    padding: 0;
    border-bottom: 4px solid #E8E8E8
}

.container.eon-header .searchbar .searchbar-container,
.container.eon-header .profilebar .profilebar-container {
    box-sizing: border-box;
    padding: 12px 24px
}

@media screen and (min-width:1200px) {

    .container.eon-header .searchbar .searchbar-container,
    .container.eon-header .profilebar .profilebar-container {
        padding: 0
    }

    .container.eon-header .searchbar .searchbar-container.searchbar-container,
    .container.eon-header .profilebar .profilebar-container.searchbar-container {
        padding: 10px 12px
    }
}

.container.eon-header .profilebar .nav li.profile-title {
    font-size: 150%
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999
}

.fixed-header+.fixed-header-spacer {
    height: 62px
}

@media screen and (min-width:768px) {
    .fixed-header+.fixed-header-spacer {
        height: 62px
    }
}

@media screen and (min-width:1200px) {
    .fixed-header+.fixed-header-spacer {
        height: 76px
    }
}

.navbar.navbar-default {
    border: none;
    margin: 0
}

.navbar.navbar-default::after {
    clear: both
}

.navbar.navbar-default .navbar-toggle {
    float: left;
    margin: 0;
    background-color: transparent;
    border: none;
    padding: 17px 10px;
    height: 54px
}

.navbar.navbar-default .navbar-toggle.search-toggle {
    padding-top: 15px;
    padding-bottom: 15px
}

.navbar.navbar-default .navbar-toggle .icon-bar {
    border: none;
    background-color: #39393a;
    transform: rotate(0deg);
    opacity: 1;
    transition: transform 500ms ease-in-out, opacity 500ms ease-in-out, margin 500ms ease-in-out
}

.navbar.navbar-default .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px
}

.navbar.navbar-default .navbar-toggle .icon-bar:first-child,
.navbar.navbar-default .navbar-toggle .sr-only+.icon-bar {
    margin-top: 1px
}

.navbar.navbar-default .navbar-toggle svg {
    display: block;
    overflow: visible
}

.navbar.navbar-default .navbar-toggle svg path {
    fill: #39393a
}

.navbar.navbar-default .navbar-toggle.profile-toggle svg {
    margin: -3px 0
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-toggle.profile-toggle svg {
        margin: -1px 0
    }
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-toggle.search-toggle svg {
        margin: 2px 0
    }
}

.navbar.navbar-default .navbar-toggle.profile-toggle,
.navbar.navbar-default .navbar-toggle.search-toggle {
    display: block
}

@media screen and (min-width:1200px) {

    .navbar.navbar-default .navbar-toggle.profile-toggle,
    .navbar.navbar-default .navbar-toggle.search-toggle {
        padding: 20px 16px 24px 16px;
        height: auto
    }
}

.navbar.navbar-default .navbar-toggle:not(.collapsed) {
    background-color: #f6f6f7
}

.navbar.navbar-default .navbar-toggle:not(.collapsed) .icon-bar {
    transform: rotate(45deg)
}

.navbar.navbar-default .navbar-toggle:not(.collapsed) .icon-bar+.icon-bar {
    transform: rotate(-45deg);
    margin-top: -2px
}

.navbar.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:last-child {
    width: 0;
    height: 0;
    opacity: 0
}

.navbar.navbar-default .navbar-brand {
    float: right;
    margin: 0 0 0 auto;
    height: auto;
    padding: 7px 15px 0
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-brand {
        padding: 14px 15px
    }
}

.navbar.navbar-default .navbar-brand a {
    display: block
}

.navbar.navbar-default .navbar-brand img,
.navbar.navbar-default .navbar-brand svg {
    max-height: 40px;
    width: auto
}

.navbar.navbar-default .navbar-collapse {
    position: fixed;
    right: 100%;
    bottom: 0;
    max-height: none !important;
    background-color: #ffffff;
    border-top: 4px solid #E8E8E8;
    padding: 0
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-collapse {
        position: static;
        border-top: none
    }
}

.navbar.navbar-default .navbar-collapse.in {
    right: 10%;
    left: 0
}

@media screen and (min-width:1200px) {

    .navbar.navbar-default .navbar-collapse.profilebar,
    .navbar.navbar-default .navbar-collapse.searchbar {
        position: absolute;
        display: none !important;
        right: 0;
        bottom: auto;
        top: 100% !important;
        width: 500%;
        max-width: 300px;
        border: 1px solid #E8E8E8;
        border-top-width: 4px
    }

    .navbar.navbar-default .navbar-collapse.profilebar.in,
    .navbar.navbar-default .navbar-collapse.searchbar.in {
        display: block !important;
        right: 0;
        left: auto
    }

    .navbar.navbar-default .navbar-collapse.profilebar .navbar-nav,
    .navbar.navbar-default .navbar-collapse.searchbar .navbar-nav {
        float: none
    }

    .navbar.navbar-default .navbar-collapse.profilebar .navbar-nav>li,
    .navbar.navbar-default .navbar-collapse.searchbar .navbar-nav>li {
        float: none;
        padding: 10px 12px
    }

    .navbar.navbar-default .navbar-collapse.profilebar .navbar-nav>li.profile-title:hover,
    .navbar.navbar-default .navbar-collapse.searchbar .navbar-nav>li.profile-title:hover {
        background-color: transparent
    }
}

.navbar.navbar-default .navbar-nav {
    margin: 0
}

.navbar.navbar-default .navbar-nav li {
    padding: 12px 48px 12px 24px;
    position: relative;
    min-height: 49px;
    line-height: 24px;
    font-size: 18px;
    color: #39393a;
    font-weight: 700;
    cursor: pointer;
    display: block
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-nav li {
        padding: 20px 16px 24px 16px
    }

    .navbar.navbar-default .navbar-nav li:hover {
        background-color: #f6f6f7
    }
}

.navbar.navbar-default .navbar-nav li:not(:first-child)::before,
.navbar.navbar-default .navbar-nav li:last-child::after {
    content: '';
    position: absolute;
    left: 32px;
    top: 0;
    right: 0;
    height: 1px;
    background-color: #E8E8E8
}

@media screen and (min-width:1200px) {

    .navbar.navbar-default .navbar-nav li:not(:first-child)::before,
    .navbar.navbar-default .navbar-nav li:last-child::after {
        display: none
    }
}

.navbar.navbar-default .navbar-nav li:last-child::after {
    top: auto;
    bottom: -1px
}

.navbar.navbar-default .navbar-nav li.effect:hover::after,
.navbar.navbar-default .navbar-nav li.effect.active::after,
.navbar.navbar-default .navbar-nav li.effect:focus-within::after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    background-color: #39393a;
    z-index: 9999;
    width: 4px;
    bottom: 0;
    top: 0
}

@media screen and (min-width:1200px) {

    .navbar.navbar-default .navbar-nav li.effect:hover::after,
    .navbar.navbar-default .navbar-nav li.effect.active::after,
    .navbar.navbar-default .navbar-nav li.effect:focus-within::after {
        height: 4px;
        width: auto;
        bottom: -4px;
        right: 0;
        top: auto
    }
}

.navbar.navbar-default .navbar-nav li a {
    position: relative;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    display: block
}

.navbar.navbar-default .navbar-nav li a,
.navbar.navbar-default .navbar-nav li a:hover,
.navbar.navbar-default .navbar-nav li a:focus {
    color: inherit;
    font-weight: inherit;
    background-color: transparent;
    border: none
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-nav li a span.fa.fa-home {
        margin-top: -3px;
        display: inline-block
    }
}

.navbar.navbar-default .navbar-nav li a svg {
    position: absolute;
    right: 26px;
    top: 14px;
    transform: translateY(-50%)
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-nav li a svg {
        display: none
    }
}

.navbar.navbar-default .navbar-nav li a .caret {
    display: none
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-nav li.dropdown:hover>.dropdown-menu {
        display: block
    }
}

@media screen and (min-width:1200px) {
    .navbar.navbar-default .navbar-nav .dropdown-menu {
        padding: 0;
        border: 1px solid #E8E8E8;
        border-top-width: 4px
    }
}

.navbar.navbar-default .navbar-nav .dropdown-menu li {
    position: relative;
    min-height: 49px;
    line-height: 24px;
    padding: 12px 48px 12px 24px;
    font-size: 18px;
    color: #39393a;
    font-weight: 700;
    cursor: pointer;
    display: block
}

.navbar.navbar-default .navbar-nav .dropdown-menu li:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 32px;
    top: 0;
    right: 0;
    height: 1px;
    background-color: #E8E8E8
}

.navbar.navbar-default .navbar-nav .dropdown-menu li:last-child::after {
    display: none
}

.navbar.navbar-default .navbar-nav .dropdown-menu li.effect:hover::after,
.navbar.navbar-default .navbar-nav .dropdown-menu li.effect.active::after,
.navbar.navbar-default .navbar-nav .dropdown-menu li.effect:focus-within::after {
    height: auto;
    width: 4px;
    bottom: 0;
    right: auto;
    top: 0
}

.navbar.navbar-default .navbar-nav .dropdown-menu li a {
    position: static;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    display: block
}

.navbar.navbar-default .navbar-nav .dropdown-menu li a,
.navbar.navbar-default .navbar-nav .dropdown-menu li a:hover,
.navbar.navbar-default .navbar-nav .dropdown-menu li a:focus {
    color: inherit;
    font-weight: inherit;
    background-color: transparent
}

.navbar.navbar-default .navbar-search-profile {
    float: right;
    position: relative
}

.navbar.navbar-default .navbar-search-profile,
.navbar.navbar-default .navbar-left {
    padding-top: 4px
}

.breadcrumb li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #39393a
}

.breadcrumb li+li::before {
    content: '';
    padding: 0;
    margin: 0 9px 0 5px;
    display: inline-block;
    height: 14px;
    vertical-align: -3px;
    width: 10px;
    background-size: auto 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath fill-rule='evenodd' fill='%2339393a' d='M1 16a1 1 0 01-.561-1.828C3.712 11.954 6.212 9.88 7.875 8 6.21 6.12 3.71 4.044.439 1.828A1 1 0 011.56.172c3.615 2.45 6.248 4.666 8.05 6.777.52.61.52 1.494-.001 2.104-1.801 2.11-4.434 4.326-8.05 6.776a1.006 1.006 0 01-.44.164L1 16z'%3E%3C/path%3E%3C/svg%3E")
}

.breadcrumb li a {
    font-weight: 700;
    text-decoration: none;
    color: #1ea2b1
}

.breadcrumb li a:hover {
    text-decoration: underline;
    color: #1ea2b1
}

.crmEntityFormView,
select,
option,
input,
textarea,
body select.form-control,
body option.form-control,
body input.form-control,
body textarea.form-control,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control,
body .input-group select,
body .input-group textarea,
body .input-group select.form-control,
body .input-group textarea.form-control,
body .searchbar-container .dropdown button,
body .entitylist-filter-option-group>div.form-control,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),
body input+.text-muted,
body select+.text-muted,
body textarea+.text-muted {
    color: #39393a
}

.crmEntityFormView::-webkit-input-placeholder,
select::-webkit-input-placeholder,
option::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
body select.form-control::-webkit-input-placeholder,
body option.form-control::-webkit-input-placeholder,
body input.form-control::-webkit-input-placeholder,
body textarea.form-control::-webkit-input-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])::-webkit-input-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control::-webkit-input-placeholder,
body .input-group select::-webkit-input-placeholder,
body .input-group textarea::-webkit-input-placeholder,
body .input-group select.form-control::-webkit-input-placeholder,
body .input-group textarea.form-control::-webkit-input-placeholder,
body .searchbar-container .dropdown button::-webkit-input-placeholder,
body .entitylist-filter-option-group>div.form-control::-webkit-input-placeholder,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])::-webkit-input-placeholder,
body input+.text-muted::-webkit-input-placeholder,
body select+.text-muted::-webkit-input-placeholder,
body textarea+.text-muted::-webkit-input-placeholder {
    color: #39393a !important
}

.crmEntityFormView::-moz-placeholder,
select::-moz-placeholder,
option::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
body select.form-control::-moz-placeholder,
body option.form-control::-moz-placeholder,
body input.form-control::-moz-placeholder,
body textarea.form-control::-moz-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])::-moz-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control::-moz-placeholder,
body .input-group select::-moz-placeholder,
body .input-group textarea::-moz-placeholder,
body .input-group select.form-control::-moz-placeholder,
body .input-group textarea.form-control::-moz-placeholder,
body .searchbar-container .dropdown button::-moz-placeholder,
body .entitylist-filter-option-group>div.form-control::-moz-placeholder,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])::-moz-placeholder,
body input+.text-muted::-moz-placeholder,
body select+.text-muted::-moz-placeholder,
body textarea+.text-muted::-moz-placeholder {
    color: #39393a !important
}

.crmEntityFormView:-ms-input-placeholder,
select:-ms-input-placeholder,
option:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
body select.form-control:-ms-input-placeholder,
body option.form-control:-ms-input-placeholder,
body input.form-control:-ms-input-placeholder,
body textarea.form-control:-ms-input-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):-ms-input-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control:-ms-input-placeholder,
body .input-group select:-ms-input-placeholder,
body .input-group textarea:-ms-input-placeholder,
body .input-group select.form-control:-ms-input-placeholder,
body .input-group textarea.form-control:-ms-input-placeholder,
body .searchbar-container .dropdown button:-ms-input-placeholder,
body .entitylist-filter-option-group>div.form-control:-ms-input-placeholder,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):-ms-input-placeholder,
body input+.text-muted:-ms-input-placeholder,
body select+.text-muted:-ms-input-placeholder,
body textarea+.text-muted:-ms-input-placeholder {
    color: #39393a !important
}

.crmEntityFormView:-moz-placeholder,
select:-moz-placeholder,
option:-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
body select.form-control:-moz-placeholder,
body option.form-control:-moz-placeholder,
body input.form-control:-moz-placeholder,
body textarea.form-control:-moz-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):-moz-placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control:-moz-placeholder,
body .input-group select:-moz-placeholder,
body .input-group textarea:-moz-placeholder,
body .input-group select.form-control:-moz-placeholder,
body .input-group textarea.form-control:-moz-placeholder,
body .searchbar-container .dropdown button:-moz-placeholder,
body .entitylist-filter-option-group>div.form-control:-moz-placeholder,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):-moz-placeholder,
body input+.text-muted:-moz-placeholder,
body select+.text-muted:-moz-placeholder,
body textarea+.text-muted:-moz-placeholder {
    color: #39393a !important
}

.crmEntityFormView::placeholder,
select::placeholder,
option::placeholder,
input::placeholder,
textarea::placeholder,
body select.form-control::placeholder,
body option.form-control::placeholder,
body input.form-control::placeholder,
body textarea.form-control::placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])::placeholder,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control::placeholder,
body .input-group select::placeholder,
body .input-group textarea::placeholder,
body .input-group select.form-control::placeholder,
body .input-group textarea.form-control::placeholder,
body .searchbar-container .dropdown button::placeholder,
body .entitylist-filter-option-group>div.form-control::placeholder,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])::placeholder,
body input+.text-muted::placeholder,
body select+.text-muted::placeholder,
body textarea+.text-muted::placeholder {
    color: #39393a !important
}

body .searchbar-container .form-group input,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control,
body .input-group select,
body .input-group textarea,
body .input-group select.form-control,
body .input-group textarea.form-control,
body .searchbar-container .dropdown button,
body .entitylist-filter-option-group>div.form-control,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),
body .login-heading-section~div>.form-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),
body .login-heading-section~.form-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),
body .crmEntityFormView .cell input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]),
body .crmEntityFormView .cell textarea,
body .crmEntityFormView .form-control-cell textarea,
body .crmEntityFormView .boolean-radio-cell .control,
body .crmEntityFormView .picklist-cell .control select,
body .crmEntityFormView .picklist-cell .control select[readonly][disabled] {
    float: none;
    display: block;
    margin: 0;
    height: auto;
    font-size: 18px;
    line-height: 22px;
    padding: 11px 12px;
    box-shadow: 0 0 0 2px #8f9192;
    border-radius: 1px !important;
    border: none;
    width: 100%;
    outline: none
}

/* handle disabled and readonly inputs */
body .crmEntityFormView .cell input:not([type=checkbox])[disabled]:not([type=radio])[disabled]:not([type=button])[disabled]:not([type=submit])[disabled]:not([type=reset])[disabled]:not([type=range])[disabled],
body .crmEntityFormView .cell input:not([type=checkbox])[readonly]:not([type=radio])[readonly]:not([type=button])[readonly]:not([type=submit])[readonly]:not([type=reset])[readonly]:not([type=range])[readonly]:not(.lookup),
body .crmEntityFormView .cell select[disabled],
body .crmEntityFormView .cell select[readonly],
body .crmEntityFormView .cell textarea[disabled],
body .crmEntityFormView .cell textarea[readonly],
body .crmEntityFormView .cell textarea[disabled]:focus,
body .crmEntityFormView .cell textarea[readonly]:focus,
body .crmEntityFormView .picklist-cell .control select[readonly][disabled] {
    box-shadow: 0 0 0 2px #dad3d3;
    outline: none;
}

ody .searchbar-container .form-group input:focus,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):focus,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]).form-control:focus,
body .input-group select:focus,
body .input-group textarea:focus,
body .input-group select.form-control:focus,
body .input-group textarea.form-control:focus,
body .searchbar-container .dropdown button:focus,
body .entitylist-filter-option-group>div.form-control:focus,
body .entitylist-filter-option .checkbox input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):focus,
body .login-heading-section~div>.form-group input:not([type=checkbobx]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):focus,
body .login-heading-section~.form-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):focus,
body .crmEntityFormView .cell input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):focus,
body .crmEntityFormView .cell textarea:focus,
body .crmEntityFormView .form-control-cell textarea:focus,
body .crmEntityFormView .boolean-radio-cell .control:focus,
body .crmEntityFormView .picklist-cell .control select:focus,
body .crmEntityFormView .picklist-cell .control select[readonly][disabled]:focus {
    box-shadow: 0 0 0 3px #1ea2b1;
    outline: none
}

body input+.text-muted,
body select+.text-muted,
body textarea+.text-muted {
    position: absolute;
    top: 11px !important;
    left: 12px !important
}

body .input-group {
    width: auto
}

body .input-group.entitylist-filter-option-text .input-group-addon {
    display: none
}

body .input-group select,
body .input-group select.form-control,
body .searchbar-container .dropdown button,
body .crmEntityFormView .picklist-cell .control select,
body .crmEntityFormView .picklist-cell .control select[readonly][disabled] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 55px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' viewBox='0 0 43 43'%3E%3Cpath fill='%23f6f6f7' fill-rule='evenodd' d='M 0,0 H 43 V 43 H 0 Z'%3E%3C/path%3E%3Cpath fill='%238f9192' fill-rule='evenodd' d='m 13.499967,17.499627 a 1,1 0 0 1 1.828,-0.56 c 2.218,3.272 4.292,5.772 6.172,7.435 1.88,-1.665 3.956,-4.165 6.172,-7.436 a 1.0001525,1.0001525 0 0 1 1.656,1.122 c -2.45,3.615 -4.666,6.248 -6.777,8.05 a 1.613,1.613 0 0 1 -2.104,-0.001 c -2.11,-1.801 -4.327,-4.434 -6.777,-8.05 a 0.998,0.998 0 0 1 -0.164,-0.44 z'%3E%3C/path%3E%3C/svg%3E")
}

body .input-group select:focus-within,
body .input-group select.form-control:focus-within,
body .searchbar-container .dropdown button:focus-within,
body .crmEntityFormView .picklist-cell .control select:focus-within,
body .crmEntityFormView .picklist-cell .control select[readonly][disabled]:focus-within {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' viewBox='0 0 43 43'%3E%3Cpath fill='%23f6f6f7' fill-rule='evenodd' d='M 0,0 H 43 V 43 H 0 Z'%3E%3C/path%3E%3Cpath fill='%238f9192' fill-rule='evenodd' d='m 13.499967,25.500372 a 1,1 0 0 0 1.828,0.56 c 2.218,-3.272 4.292,-5.772 6.172,-7.435 1.88,1.665 3.956,4.165 6.172,7.436 a 1.0001525,1.0001525 0 0 0 1.656,-1.122 c -2.45,-3.615 -4.666,-6.248 -6.777,-8.05 a 1.613,1.613 0 0 0 -2.104,10e-4 c -2.11,1.801 -4.327,4.434 -6.777,8.05 a 0.998,0.998 0 0 0 -0.164,0.44 z'%3E%3C/path%3E%3C/svg%3E")
}

body .searchbar-container .dropdown button {
    text-align: left
}

body .searchbar-container .dropdown button .caret {
    display: none
}

body .entitylist-filter-option-group>div.form-control[id$=DateRange],
body .cell.datetime.form-control-cell .datetimepicker input {
    padding-right: 55px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43' viewBox='0 0 43 43'%3E%3Cpath fill='%23f6f6f7' fill-rule='evenodd' d='M 0,0 H 43 V 43 H 0 Z'%3E%3C/path%3E%3Cpath fill='%238f9192' fill-rule='evenodd' d='m 22.5,28 h 3 v -3 h -3 z m 0,-5 h 3 v -3 h -3 z m -5,5 h 3 v -3 h -3 z m 0,-5 h 3 v -3 h -3 z m 10,5 h 3 v -3 h -3 z m 7,-15 c 0,-1.1 -0.9,-2 -2,-2 h -4 V 9 c 0,-0.6 -0.4,-1 -1,-1 -0.6,0 -1,0.4 -1,1 v 2 h -10 V 9 c 0,-0.6 -0.4,-1 -1,-1 -0.6,0 -1,0.4 -1,1 v 2 h -4 c -1.1,0 -2,0.9 -2,2 v 17 c 0,1.1 0.9,2 2,2 h 22 c 1.1,0 2,-0.9 2,-2 z m -2,17 h -22 V 13 h 22 z m -5,-7 h 3 v -3 h -3 z m -12,2 h -3 v 3 h 3 z m 0,-5 h -3 v 3 h 3 z m 15,-5 h -18 v 3 h 18 z'%3E%3C/path%3E%3C/svg%3E")
}

body .entitylist-filter-option-group>div.form-control[id$=DateRange] i.fa,
body .cell.datetime.form-control-cell .datetimepicker input i.fa {
    display: none
}

body .cell.datetime.form-control-cell .datetimepicker .input-group-addon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0;
    width: 100%
}

/* the following rule fixes date-time input width from being shrunk and instead expands it to fill its parent container*/
.input-group.datetimepicker {
    display: block;
}

.entitylist .panel-body .list-inline>li>ul,
body .login-heading-section~div>.form-group,
body .login-heading-section~.form-group,
body .crmEntityFormView .cell:not(.checkbox-cell) .info {
    position: relative;
    z-index: 99;
    margin-top: 12px;
}

.entitylist .panel-body .list-inline>li>label.entitylist-filter-option-group-label,
body .login-heading-section~div>.form-group label,
body .login-heading-section~.form-group label,
body .crmEntityFormView .cell:not(.checkbox-cell) .info label {
    position: absolute;
    color: #39393a;
    font-weight: 400;
    font-size: 14px;
    top: 2px;
    left: 21px;
    z-index: 100;
    margin: 0;
    padding: 0 7px;
    line-height: 18px;
    background-color: #ffffff;
    text-align: left;
    width: auto;
    float: none
}

.view-grid {
    padding: 0 10px;
}

html[dir=ltr] .crmEntityFormView td.cell.checkbox-cell:first-child {
    padding-left: 25px
}

body .crmEntityFormView .cell:not(.checkbox-cell) .info label {
    top: -12px;
    left: 12px
}

html[dir='ltr'] body .crmEntityFormView .cell:not(.checkbox-cell) .info .validators {
    position: absolute;
    z-index: 101;
    float: none;
    margin: 0;
    padding: 0;
    top: -12px;
    right: 12px
}

html[dir='ltr'] body .crmEntityFormView .cell:not(.checkbox-cell) .info .validators>span[style*='hidden'] {
    display: none
}

html[dir='ltr'] body .crmEntityFormView .cell:not(.checkbox-cell) .info .validators>span:not([style*='hidden']) {
    display: block;
    padding: 0 7px;
    background-color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.boolean-radio,
.boolean-radio > .aspNetDisabled {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto 1em auto;
    justify-content: start;
    gap: 0.5em;
}
.boolean-radio.aspNetDisabled {
    display: flex;
    flex-direction: row;
    justify-content: left;
}
/* Special override of preform CSS */
html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell .boolean-radio span:nth-child(2) input[type=radio] {
    margin-left: 0;
}

.crmEntityFormView .cell.boolean-radio-cell input[type=radio],
html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    margin: 0;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #8f9192;
    border-radius: 50%;
    display: grid;
    place-content: center;
}

html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #1ea2b1;
}

html[dir=ltr] .crmEntityFormView .cell.boolean-radio-cell input[type=radio]:checked::before {
    transform: scale(1);
}

body .crmEntityFormView .tab {
    padding: 10px
}

body .crmEntityFormView .actions {
    padding: 20px 30px 0 30px;
}

body .crmEntityFormView legend.section-title {
    margin-bottom: 21px
}

.btn:not(.dropdown.action > button.btn) {
    position: relative;
    padding: 14px 35px;
    border: none;
    border-radius: 15px;
    background-color: #ea1b0a;
    color: #ffffff;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: none;
}

.btn.btn-default:not(.launchentitylookup):not(.dropdown.action > button.btn),
.btn.btn-eon.btn-white:not(.dropdown.action > button.btn) {
    background-color: #ffffff;
    border: 1px solid #797979;
    color: #ea1b0a;
}

.input-group.pull-left {
    margin-left: 10px
}
.pull-right > .btn {
    margin-right: 10px;
}

body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])~.input-group-btn button.btn-disabled,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]) .form-control~.input-group-btn button.btn-disabled,
.crmEntityFormView .btn.btn-primary.btn-disabled,
.sharepoint-documents .sharepoint-grid a.btn.btn-disabled,
.toolbar-actions .view-search .input-group-btn button.btn-disabled,
.toolbar-actions .input-group .btn.btn-info.btn-disabled,
.entitylist .content-panel .panel-body>div>.btn.btn-disabled,
.login-heading-section~.form-group .btn.btn-primary.btn-disabled,
.login-heading-section+.btn.btn-disabled,
.login-heading-section+div>.btn.btn-disabled,
.form-horizontal .list-group form .btn.btn-default.btn-disabled,
.form-group .btn.btn-primary.btn-disabled,
.actions .btn.btn-primary.btn-disabled,
.actions .btn.btn-default.btn-disabled,
.form-custom-actions .btn.btn-default.btn-disabled,
.toolbar-actions .btn.btn-primary.btn-disabled,
.btn.btn-eon.btn-disabled,
.btn.btn-eon-icon.btn-disabled {
    background-color: #d2d2d2;
    color: #39393a
}

body.brandcolor-turquoise .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])~.input-group-btn button,
body.brandcolor-turquoise .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]) .form-control~.input-group-btn button,
.brandcolor-turquoise .crmEntityFormView .btn.btn-primary,
.brandcolor-turquoise .sharepoint-documents .sharepoint-grid a.btn,
.brandcolor-turquoise .toolbar-actions .view-search .input-group-btn button,
.brandcolor-turquoise .toolbar-actions .input-group .btn.btn-info,
.brandcolor-turquoise .entitylist .content-panel .panel-body>div>.btn,
.brandcolor-turquoise .login-heading-section~.form-group .btn.btn-primary,
.brandcolor-turquoise .login-heading-section+.btn,
.brandcolor-turquoise .login-heading-section+div>.btn,
.brandcolor-turquoise .form-horizontal .list-group form .btn.btn-default,
.brandcolor-turquoise .form-group .btn.btn-primary,
.brandcolor-turquoise .actions .btn.btn-primary,
.brandcolor-turquoise .actions .btn.btn-default,
.brandcolor-turquoise .form-custom-actions .btn.btn-default,
.brandcolor-turquoise .toolbar-actions .btn.btn-primary,
.brandcolor-turquoise .btn.btn-eon,
.brandcolor-turquoise .btn.btn-eon-icon {
    background-color: #1ea2b1
}

body.brandcolor-turquoise .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])~.input-group-btn button::after,
body.brandcolor-turquoise .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]) .form-control~.input-group-btn button::after,
.brandcolor-turquoise .crmEntityFormView .btn.btn-primary::after,
.brandcolor-turquoise .sharepoint-documents .sharepoint-grid a.btn::after,
.brandcolor-turquoise .toolbar-actions .view-search .input-group-btn button::after,
.brandcolor-turquoise .toolbar-actions .input-group .btn.btn-info::after,
.brandcolor-turquoise .entitylist .content-panel .panel-body>div>.btn::after,
.brandcolor-turquoise .login-heading-section~.form-group .btn.btn-primary::after,
.brandcolor-turquoise .login-heading-section+.btn::after,
.brandcolor-turquoise .login-heading-section+div>.btn::after,
.brandcolor-turquoise .form-horizontal .list-group form .btn.btn-default::after,
.brandcolor-turquoise .form-group .btn.btn-primary::after,
.brandcolor-turquoise .actions .btn.btn-primary::after,
.brandcolor-turquoise .actions .btn.btn-default::after,
.brandcolor-turquoise .form-custom-actions .btn.btn-default::after,
.brandcolor-turquoise .toolbar-actions .btn.btn-primary::after,
.brandcolor-turquoise .btn.btn-eon::after,
.brandcolor-turquoise .btn.btn-eon-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231ea2b1' d='M24,48c-4.5,0-12.9-0.3-16.2-1c-3.4-0.7-5.5-2.8-6.2-6.2S0,30.6,0,24S0.8,10.5,1.5,7.2S4.4,1.6,7.8,1 S19.5,0,24,0V48z'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231ea2b1' transform='rotate(180 12 24)' d='M24,48c-4.5,0-12.9-0.3-16.2-1c-3.4-0.7-5.5-2.8-6.2-6.2S0,30.6,0,24S0.8,10.5,1.5,7.2S4.4,1.6,7.8,1 S19.5,0,24,0V48z'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 24 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231ea2b1' transform='rotate(180 12 24)' d='M24,48c-4.5,0-12.9-0.3-16.2-1c-3.4-0.7-5.5-2.8-6.2-6.2S0,30.6,0,24S0.8,10.5,1.5,7.2S4.4,1.6,7.8,1 S19.5,0,24,0V48z'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 24 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231ea2b1' d='M24,48c-4.5,0-12.9-0.3-16.2-1c-3.4-0.7-5.5-2.8-6.2-6.2S0,30.6,0,24S0.8,10.5,1.5,7.2S4.4,1.6,7.8,1 S19.5,0,24,0V48z'%3E%3C/path%3E%3C/svg%3E")
}

body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])~.input-group-btn button,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]) .form-control~.input-group-btn button,
.toolbar-actions .view-search .input-group-btn button,
.btn.btn-eon-icon {
    padding: 6px 12px;
    font-size: 20px
}

body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])~.input-group-btn button,
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range]) .form-control~.input-group-btn button {
    margin: 0 0 0 5px;
}

/* override padding and color for lookup/search buttons */
body .input-group input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])~.input-group-btn button.launchentitylookup,
body .view-search input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=range])~.input-group-btn button {
    padding: 12px 20px;
    background-color: #ea1b0a;
    color: #ffffff;
    border: none;
}

body .login-heading-section {
    padding-top: 21px;
    color: #1ea2b1;
    border-bottom: none
}

body .login-heading-section~div>.form-group,
body .login-heading-section~.form-group {
    margin-bottom: 30px
}

body .login-heading-section~div>.form-group [class*=offset],
body .login-heading-section~.form-group [class*=offset] {
    margin-left: 0
}

body .login-heading-section~div>.form-group [class*=col]:not(label),
body .login-heading-section~.form-group [class*=col]:not(label) {
    width: 100%
}

body .login-heading-section~div>.form-group:last-child:not(:first-child),
body .login-heading-section~.form-group:last-child:not(:first-child) {
    text-align: right
}

body .login-heading-section~div>.form-group:last-child:not(:first-child)::after,
body .login-heading-section~.form-group:last-child:not(:first-child)::after {
    display: block;
    content: '';
    clear: both
}

body .login-heading-section~div>.form-group:last-child:not(:first-child) .btn.btn-primary,
body .login-heading-section~.form-group:last-child:not(:first-child) .btn.btn-primary {
    float: left
}

body .login-heading-section~div>.form-group:last-child:not(:first-child) .btn.btn-default,
body .login-heading-section~.form-group:last-child:not(:first-child) .btn.btn-default {
    color: #ea1b0a;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 15px 0 0;
    font-weight: 700
}

body .login-heading-section~div>.form-group label,
body .login-heading-section~.form-group label {
    top: -11px
}

body .nav.nav-tabs {
    border-bottom-width: 4px;
    border-bottom-color: #d7d7d7;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 15px;
}

body .nav.nav-tabs::before,
body .nav.nav-tabs::after {
    display: none
}

body .nav.nav-tabs>li {
    float: none;
    flex-basis: auto;
    flex-shrink: 0;
    flex-grow: 0;
    border-bottom: 4px solid transparent;
    position: relative;
    z-index: 1;
    margin: -1px 0 -4px
}

body .nav.nav-tabs>li>a {
    display: block;
    border: none;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    padding: 20px 24px;
    color: #39393a;
    height: 100%
}

body .nav.nav-tabs>li>a .fa {
    display: none
}

body .nav.nav-tabs>li>a:hover {
    border: none;
    background-color: #f6f6f7
}

body .nav.nav-tabs>li.active {
    border-bottom-color: #39393a
}

body .nav.nav-tabs>li.active>a {
    border: none;
    background-color: #f6f6f7;
    font-weight: 500;
    color: #39393a
}

@media screen and (min-width:992px) {
    section.hero {
        height: 400px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap
    }
}

@media screen and (min-width:1200px) {
    section.hero {
        height: 480px
    }
}

section.hero .hero-image {
    width: 100%;
    height: 320px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: nowrap
}

@media screen and (min-width:992px) {
    section.hero .hero-image {
        height: 100%;
        align-items: flex-end;
        width: calc((100% / 1.5) - 1px)
    }
}

section.hero .hero-txt,
section.hero .hero-txt-small {
    color: #ffffff;
    padding: 24px
}

section.hero .hero-txt {
    background: #ea1b0a;
    font-size: 48px;
    line-height: 100%;
    font-weight: 700
}

@media screen and (min-width:768px) {
    section.hero .hero-txt {
        font-size: 60px
    }
}

@media screen and (min-width:992px) {
    section.hero .hero-txt {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: stretch;
        flex-wrap: nowrap;
        padding: 55px
    }

    section.hero .hero-txt>div {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media screen and (min-width:1200px) {
    section.hero .hero-txt {
        font-size: 72px
    }
}

section.hero.gap-bottom {
    margin-bottom: 50px
}

.entitylist {
    border: none;
    background-color: transparent;
    color: #39393a
}

.entitylist .view-toolbar {
    border: none
}

.entitylist .content-panel {
    border: none;
    background-color: transparent;
    box-shadow: none
}

.entitylist .input-group:not(:first-child) {
    margin-top: 10px
}

.entitylist .panel-body {
    padding: 15px 0
}

.entitylist .panel-body .list-inline {
    display: block
}

.entitylist .panel-body .list-inline .entitylist-filter-option-group-box-overflow {
    overflow-y: visible;
    max-height: none
}

.entitylist .panel-body .list-inline .input-group {
    display: block
}

.entitylist .panel-body .list-inline>li {
    display: block;
    padding: 15px;
    position: relative
}

.entitylist .panel-body .list-inline>li .entitylist-filter-option .checkbox {
    margin: 0
}

.entitylist .panel-body .list-inline>li .entitylist-filter-option .checkbox>label {
    display: block;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .entitylist .panel-body .list-inline {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .entitylist .panel-body .list-inline>li {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media screen and (min-width:992px) {
    .entitylist .panel-body .list-inline>li {
        flex-basis: 25%
    }
}

.entitylist .toolbar-actions .entitylist-search>.input-group-btn {
    padding-left: 10px
}

.entitylist .toolbar-actions .input-group a.btn.action {
    margin: 0
}

body table.table th.sort-enabled a {
    color: #39393a;
    text-decoration: none;
    font-weight: 700
}

body table.table th.sort-enabled a:hover {
    text-decoration: none
}

body table.table tr {
    border: none !important;
    padding: 25px 0;
    background-color: transparent
}

body table.table tr:nth-child(even) {
    background-color: #f6f6f7
}

@media screen and (min-width:768px) {
    body table.table tr:nth-child(even) {
        background-color: transparent
    }
}

body table.table th,
body table.table td {
    color: #39393a;
    font-size: 14px;
    line-height: 18px;
    max-width: 300px;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body table.table td::before,
body table.table th {
    border: none;
    font-size: 14px;
    line-height: 18px;
}

body table.table th {
    padding: 9px 32px 9px 0;
    border-bottom: 2px solid #39393a
}

body table.table th:last-child {
    padding-right: 0
}

body table.table td {
    padding: 10px 0 10px 13rem !important;
    border-bottom: 1px solid #39393a;
    border-top: none
}

@media screen and (min-width:768px) {
    body table.table td {
        padding: 9px 32px 9px 0 !important
    }

    body table.table td:last-child {
        padding-right: 0
    }
}

body table.table td[aria-label^=Aktions] .fa {
    display: none
}

body table.table td[aria-label^=Aktions] button {
    border-color: #ea1b0a;
    padding: 4px 2px
}

body table.table td[aria-label^=Aktions] button::before {
    display: block;
    content: '';
    height: 10px;
    width: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath fill-rule='evenodd' fill='%23ea1b0a' d='M0 1A1 1 0 011.828.44C4.046 3.712 6.12 6.212 8 7.875 9.88 6.21 11.956 3.71 14.172.439a1 1 0 011.656 1.122c-2.45 3.615-4.666 6.248-6.777 8.05a1.613 1.613 0 01-2.104-.001C4.837 7.809 2.62 5.176.17 1.56a.998.998 0 01-.164-.44L0 1z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat
}

body table.table td::before {
    padding: 10px 0;
    margin: -10px 0 -10px -13rem
}

body.brandcolor-turquoise table.table td[aria-label^=Aktions] button {
    border-color: #1ea2b1
}

body.brandcolor-turquoise table.table td[aria-label^=Aktions] button::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath fill-rule='evenodd' fill='%231ea2b1' d='M0 1A1 1 0 011.828.44C4.046 3.712 6.12 6.212 8 7.875 9.88 6.21 11.956 3.71 14.172.439a1 1 0 011.656 1.122c-2.45 3.615-4.666 6.248-6.777 8.05a1.613 1.613 0 01-2.104-.001C4.837 7.809 2.62 5.176.17 1.56a.998.998 0 01-.164-.44L0 1z'%3E%3C/path%3E%3C/svg%3E")
}

.modal-dialog,
.modal-content,
.modal .modal-body,
.modal .modal-body iframe {
    height: 100%;
}

.modal .modal-body {
    height: calc(100% - 60px);
}

.modal .modal-header {
    border: none;
}

.modal .modal-header h1 .fa,
.modal .modal-header h2 .fa,
.modal .modal-header h3 .fa,
.modal .modal-header h4 .fa,
.modal .modal-header h5 .fa,
.modal .modal-header h6 .fa {
    display: none
}

.modal .modal-body iframe {
    transition: opacity 500ms ease-in-out;
    opacity: 1
}

.modal .modal-body .form-loading:not([style*=display])+iframe {
    opacity: 0
}

.modal .modal-dialog {
    margin: 0;
    width: auto
}

@media (min-width:768px) {
    .modal .modal-dialog {
        margin: 0 30px;
        width: auto
    }
}

.modal-content,
.popover-content,
.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
    border: none;
    color: #39393a;
    background-color: #ffffff
}

button.form-close {
    font-size: 3rem;
}

body .crmEntityFormView .cell .info label {
    top: -12px;
    left: 5px
}


body.containediniframe::after {
    display: none
}

body.containediniframe>.container {
    width: auto
}

body .crmEntityFormView#ProfileFormView .cell .info label {
    top: -12px
}

body .crmEntityFormView#ProfileFormView .cell div.info div.validators {
    position: absolute
}

.eon-main-footer {
    padding: 48px 0;
    color: #39393a
}

.eon-main-footer .eon-de-footer__social-media__icons {
    list-style-type: none;
    padding: 0;
    margin: 24px 0
}

@media screen and (min-width:992px) {
    .eon-main-footer .eon-de-footer__social-media__icons {
        margin: 12px 0 0
    }
}

.eon-main-footer .eon-de-footer__social-media__icons li {
    display: inline-block;
    padding: 0 5px;
    margin: 0
}

.eon-main-footer .eon-de-footer__social-media__icons li a {
    display: block;
    margin: 0
}

.eon-main-footer .eon-de-footer__social-media__icons li a,
.eon-main-footer .eon-de-footer__social-media__icons li a:hover,
.eon-main-footer .eon-de-footer__social-media__icons li a:focus {
    color: inherit;
    font-weight: inherit;
    background-color: transparent;
    text-decoration: none
}

.eon-main-footer .eon-de-footer__social-media__icons svg {
    display: block;
    height: 22px;
    width: auto
}

.eon-main-footer .eon-de-footer__social-media__icons svg path {
    fill: currentColor
}

.eon-main-footer .footer-links {
    list-style-type: none;
    margin: 0 0 24px;
    padding: 0
}

@media screen and (min-width:992px) {
    .eon-main-footer .footer-links {
        margin: 13px 0 0
    }
}

.eon-main-footer .footer-links li {
    display: block
}

@media screen and (min-width:992px) {
    .eon-main-footer .footer-links li {
        display: inline-block;
        margin: 0 12px
    }

    .eon-main-footer .footer-links li:first-child {
        margin-left: 0
    }

    .eon-main-footer .footer-links li:last-child {
        margin-right: 0
    }
}

.eon-main-footer .footer-links li a {
    font-size: 14px;
    line-height: 18px
}

.eon-main-footer .footer-links li a,
.eon-main-footer .footer-links li a:hover,
.eon-main-footer .footer-links li a:focus {
    color: inherit;
    font-weight: bold
}

.eon-main-footer .eon-footer-logo-copyright {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap
}

@media screen and (max-width:320px) {
    .eon-main-footer .eon-footer-logo-copyright {
        flex-wrap: wrap
    }
}

.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-text {
    color: #8f9192;
    font-size: 14px;
    line-height: 24px;
    margin: 0 auto 0 0;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

@media screen and (max-width:320px) {
    .eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-text {
        flex-basis: 100%
    }
}

@media screen and (min-width:567px) {
    .eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-text {
        margin: 0
    }
}

@media screen and (min-width:992px) {
    .eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-text {
        margin: 0 auto 0 0
    }
}

.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo {
    margin: 0 0 0 24px;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

@media screen and (max-width:320px) {
    .eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo {
        margin: 12px 0 0;
        flex-basis: 100%
    }
}

.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo a,
.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo a img,
.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo a svg {
    display: block;
    margin: 0;
    padding: 0
}

.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo a,
.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo a:hover,
.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo a:focus {
    text-decoration: none
}

.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo img,
.eon-main-footer .eon-footer-logo-copyright .eon-de-footer__copy-right-logo svg {
    height: 50px;
    width: auto
}


/* Fix for iFrame quickforms that are initially hidden by our custom js to make tab navigation */

/*iframe.quickform {
    height: auto !important;
}*/
#QuickView_Order_Project {
    min-height: 250px !important;
}
#Salesorderproducts {
    min-height: 600px !important;
}

/* Hide the label for the salesorderproducts subgrid */
.crmEntityFormView .cell .field-label[for="Salesorderproducts"] {
    display: none;
}