/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,38): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(26,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(30,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(35,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(40,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(54,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(55,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(65,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(70,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(156,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(160,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(166,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(170,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(175,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(181,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(187,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(197,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(201,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(205,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(233,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(234,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(242,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(243,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(247,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(248,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(252,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(253,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(257,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(258,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(262,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(263,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(280,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(281,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(285,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(286,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(304,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(305,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(310,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(311,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(315,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(316,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(330,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(331,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(335,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(336,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(340,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(341,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(358,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(373,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(426,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(430,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(440,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(444,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(445,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(450,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(451,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(456,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(458,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(462,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(463,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(473,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(487,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(494,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(499,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(513,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(514,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(519,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(521,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(525,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(533,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(541,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(556,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(561,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(565,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(585,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(589,34): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(593,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(597,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(601,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
 */
:root {
    --sui-primary: #5596e1
}

#menubar {
    background: #0a3255;
}

#menubar #settingHolder .k-menu-group[role='menu'] {
    background: #0a3255;
}

#menu .dropdown-menu,
#menu .dropdown-submenu {
    background: #0a3255;
    color: #465f82;
    z-index: 99999;
}

#menubar .k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0px 0px 0px 1px var(--sui-primary) inset !important;
}

#menubar .k-button:hover {
    background-image: none !important;
    background: var(--sui-primary);
}

#menubar .k-button:hover {
    border-color: var(--sui-primary) !important;
    background-color: #FFF !important;
}

#menubar .k-button:focus, .k-button.k-state-focused {
    border-color: var(--sui-primary) !important;
}

#menubar .k-selected {
    background-color: #465f82 !important;
    border-color: var(--sui-primary) !important;
    color: #FFF !important;
}

#menubar .k-active {
    border-color: #465f82 !important;
    background: #465f82 !important;
}

#menubar .k-state-border-down .k-active {
    color: #FFF !important;
}

#menubar .k-state-hover {
    border-color: var(--sui-primary) !important;
    background-color: var(--sui-primary);
}

#menubar .k-grid-export-image {
    background-image: url("/Content/images/excel.png") !important;
    margin: 0 5px 0 0 !important;
    padding: 4px !important;
}

#menubar .k-dropdown-wrap.k-state-focused {
    background-color: var(--sui-primary) !important;
    background-image: none !important;
}

#menubar .k-textbox:hover {
    border-color: var(--sui-primary) !important;
}

#menubar .k-item {
    border: none !important;
}

#menubar .k-menu {
    border: none !important;
    width: auto !important;
    line-height: inherit !important;
}

#menubar .k-link {
    padding: 23px 24px !important;
    color: #ffffff !important;
}

#menubar .k-link:hover .k-icon.k-font-icon, #menubar .k-link:hover, #menubar .k-active .k-icon.k-font-icon {
    background-color: #465f82 !important;
    color: #ffffff !important;
}

#menubar .navbar-nav {
    margin: 0 !important;
}

#menubar .kb {
    float: left;
    padding-top: 0;
}
#menubar .kb a {
    padding: 23px 24px;
    line-height: 20px;
    min-height: 66px;
    margin: 0 4px;
}
#menubar .kb a:hover {
    background-color: #465f82 !important;
    color: #fff !important;
}
#menubar .kb a svg {
    width: 24px;
    height: 24px;
}

#settings .settings {
    background: url("/Content/kendo/Metro/sprite_2x.png") no-repeat scroll -236px -231px rgba(0, 0, 0, 0);
}

#settings .k-active .settings {
    background: url("/Content/kendo/Metro/sprite_2x.png") no-repeat scroll -284px -231px rgba(0, 0, 0, 0);
}

.topSplashLogo {
    background-image: url('/Content/images/Higg_Logo_Standard_White.avif');
    width: 192px !important;
    height: 30px !important;
    margin: 17px 0px !important;
    background-repeat: no-repeat;
    background-size: contain;
}

@supports not (background-image: url('/Content/images/Higg_Logo_Standard_White.avif')) {
    .topSplashLogo {
        background-image: url('/Content/images/Higg_Logo_Standard_White.webp');
    }
}

@supports not (background-image: url('/Content/images/Higg_Logo_Standard_White.webp')) {
    .topSplashLogo {
        background-image: url('/Content/images/Higg_Logo_Standard_White.png');
    }
}

#menubar .logoHolder {
    width: 220px !important;
}

#home .panelCol {
    background: #FFF;
}

button, button > a,
input[type=button],
input[type=submit] {
    background: var(--sui-primary);
}

.toggle-btn-on {
    background: var(--sui-primary); 
    color: #fff; 
}

#reportNavigationBox {
    height: 500px;
    background-color: var(--sui-primary);
}

.reportManagerColor {
    background-color: var(--sui-primary);
    color: #fff;
}

button.reportManagerColor:hover {
    background: var(--sui-primary) !important;
    color: #fff;
    font-weight: bold;
}

button.reportManagerColor:active {
    background: var(--sui-primary) !important;
    color: #fff;
    font-weight: bold;
}

button.reportManagerColor:focus {
    background: var(--sui-primary) !important;
    color: #fff;
    font-weight: bold;
}

#linkDiv .list-group-item.active {
    background-color: #b04604;
}

#linkDiv .list-group-item.active:hover {
    background-color: var(--sui-primary)99;
}

#linkDiv a.list-group-item:hover {
    background-color: var(--sui-primary)99;
}

#linkDiv a.list-group-item:focus {
    background-color: var(--sui-primary)99;
}

.splashLogo {
    background-image: url('/Content/images/Higg_Logo_Standard_Blue.avif');
    width: 295px !important;
    height: 46px !important;
    margin-bottom: 25px;
}

@supports not (background-image: url('/Content/images/Higg_Logo_Standard_Blue.avif')) {
    .splashLogo {
        background-image: url('/Content/images/Higg_Logo_Standard_Blue.webp');
    }
}

@supports not (background-image: url('/Content/images/Higg_Logo_Standard_Blue.webp')) {
    .splashLogo {
        background-image: url('/Content/images/Higg_Logo_Standard_Blue.png');
    }
}

#q .quoteDetailsTabs li.k-active {
    border-color: #0a3255 !important;
    background-color: #0a3255 !important;
}

.quoteDetailsTabs .k-tabstrip-items li:not(.roleLI) {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#q div.k-content.k-active {
    border-color: #0a3255 !important;
}

#q .quoteDetailsTabs li.k-state-hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#q .quoteDetailsTabs li.k-state-hover:hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#groupsConsumption .k-tabstrip-items li {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#groupsConsumption li.k-state-hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#groupsConsumption li.k-state-hover:hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#groupsConsumption li.k-active {
    border-color: #0a3255 !important;
    background-color: #0a3255 !important;
}

#groupsConsumption div.k-content.k-active {
    border-color: #0a3255 !important;
}

#fulfillmentModel #fulfillmentTabstrip .k-item a.k-link {
    color: #fff
}

#enrollment .k-tabstrip-items .k-state-hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#enrollment .k-tabstrip-items .k-state-hover span {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
    color: #fff;
}

#enrollment .k-tabstrip-items .k-active {
    border-color: #0a3255 !important;
    background-color: #0a3255 !important;
}

#enrollment .k-tabstrip .k-tabstrip-content {
    border-color: #0a3255 !important;
}

#enrollment #fulfillmentTabstrip .k-item a.k-link {
    color: #465f82
}

#en #fulfillmentTabstrip .k-tabstrip-items .k-state-hover a {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
    color: #fff !important;
}

#pendingRemittance .k-tabstrip-items .k-state-hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#pendingRemittance .k-tabstrip-items .k-state-hover a {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
    color: #fff;
}

#pendingRemittance .k-tabstrip-items .k-active {
    border-color: #0a3255 !important;
    background-color: #0a3255 !important;
}

#pendingRemittance .k-tabstrip .k-tabstrip-content {
    border-color: #0a3255 !important;
}

#cashApp .k-tabstrip-items li {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#cashApp li.k-state-hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#cashApp li.k-state-hover:hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

#cashApp li.k-active {
    border-color: #0a3255 !important;
    background-color: #0a3255 !important;
}

#cashApp .k-tabstrip .k-tabstrip-content {
    border-color: #0a3255 !important;
}

#cashApp .k-tabstrip li .k-link {
    color: #FFF !important;
}

#wfMenu li {
    background: var(--sui-primary);
}

#wfMenu li.selected > a {
    border-color: #ffffff;
    background-color: #0a3255;
    color: #ffffff;
}

#wfMenu li.selected.Active > a {
    border-color: #ffffff;
    color: #ffffff;
}

#wfMenu li.selected.Completed > a {
    border-color: var(--sui-primary);
}

#wfMenu li > a {
    color: #FFF;
    border: 3px solid #FFF;
    border-left: none;
}

#wfMenu li.Active {
    border-color: #0a3255;
}

#wfMenu li.Active > a {
    color: white;
}

#wfMenu li.Incomplete {
    background-color: #bec8d7;
}

#wfMenu li.Locked {
    background-color: var(--sui-primary);
}

#wfMenu li.Locked > a {
    color: #FFF;
}

#wfMenu li.Incomplete > a {
    color: #FFF;
}

.instruct {
    color: #bec8d7;
}

#fulfillmentModel .tabstrip li.k-state-hover > span.k-link {
    color: #FFF
}

#fulfillmentModel .tabstrip li > span.k-link {
    color: #465f82;
}

.required {
    color: #FF0000;
    font-size: 1.2em;
    margin: 0 0 0 3px;
}

/*Insight Out styling*/
.IoPrimaryBgColor {
    background-color: var(--sui-primary);
}

.IoSecondaryBgColor {
    background-color: var(--sui-primary);
}

#tabstripReporting .k-tabstrip-items .k-state-default {
    border: none;
    padding: 0;
}

#tabstripReporting .k-tabstrip-items .k-active {
    border: none;
    border-bottom: 3px solid var(--sui-primary);
}

.IoBtnColor {
    color: var(--sui-primary);
    border: 1px solid var(--sui-primary);
    background-color: #fff
}

.IoBtnColor:hover {
    background: var(--sui-primary);
    border: 1px solid var(--sui-primary);
    color: #fff;
}

.IoBtnColorInverted {
    background: var(--sui-primary);
    color: #fff;
    border: 1px solid var(--sui-primary);
}

.IoBtnColorInverted:hover {
    color: var(--sui-primary);
    border: 1px solid var(--sui-primary);
    background-color: #fff;
}

/* Filter is used to change the svg icon color to the company's primary color. generated here: https://codepen.io/sosuke/pen/Pjoqqp */
.IoIconPrimaryColor {
    filter: invert(26%) sepia(97%) saturate(2095%) hue-rotate(21deg) brightness(94%) contrast(101%);
}

.IoPrimaryColor {
    color: var(--sui-primary);
}

#scheduleReport .k-primary:focus, .k-primary:focus:hover {
    box-shadow: 0 0 2px 1px #fff;
    border-color: #fff;
}

#scheduleReport .k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 0 2px 1px #fff;
}

.IoSelectSchedule {
    border: none;
    border-bottom: 2px solid var(--sui-primary);
    width: 50%;
    outline: none !important;
    text-align-last: center;
}

.repeatBtnContainer button.active {
    background-color: var(--sui-primary);
    color: white;
}

.IoSelectBilling {
    border-bottom: 2px solid var(--sui-primary);
}

.IoFadedBorders {
    border-bottom: 2px solid rgba(197, 76, 0, 0.3);
}

.IoFadedBtnColor {
    color: rgba(197, 76, 0, 0.3);
    border: 1px solid rgba(197, 76, 0, 0.3);
    background-color: #fff
}

.IoFadedBtnColor:hover {
    background: var(--sui-primary);
    border: 1px solid var(--sui-primary);
    color: #fff;
}

#mainBillingContentHolder .statusFilterSelection {
    background: var(--sui-primary);
    color: #fff;
    border: 1px solid var(--sui-primary);
}

#mainBillingContentHolder .divisionNameText {
    color: var(--sui-primary);
    text-decoration: underline;
}

/* Vertical tablist styling for Entities/Enrollment/Groups consumption pages */
.vertical-tabs-container {
    display: flex;
    flex-direction: column;
    background-color: var(--sui-primary);
    color: white;
    gap: 0;
    width: 150px;
    min-height: 100vh;
}

.vertical-tab {
    background-color: var(--sui-primary);
    color: white;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    height: 6.5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2;
}

.vertical-tab:not(.vertical-tab-active):hover {
    background-color: var(--sui-primary);
}

.vertical-tab-active {
    background-color: white;
    color: var(--sui-primary);
}

.vertical-tab-placeholder {
    background-color: var(--sui-primary);
    height: 6.5vh;
}

.vertical-tabs-container-data {
    width: 100%;
    background-color: white;
    padding: 10px;
    border: 1px solid #ccc;
}

#productsTabstrip .k-tabstrip-items .k-state-default,
#enrollmentDetailsTabstrip .k-tabstrip-items .k-state-default {
    border: none;
    padding: 0;
}

#productsTabstrip .k-tabstrip-items .k-active,
#enrollmentDetailsTabstrip .k-tabstrip-items .k-active {
    border: none;
    border-bottom: 3px solid var(--sui-primary);
}

.viewDetailsContainer .detailsInfo {
    border-right: 1px solid var(--sui-primary);
}

.viewDetailsContainer .subContainer {
    border-bottom: 1px solid var(--sui-primary);
}

.windowTitleBar {
    background-color: var(--sui-primary) !important;
}

#schedulePart2 .scheduler .k-button.k-active {
    background-color: var(--sui-primary);
    border-color: white;
}

.k-list-container {
    width: auto !important;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    border-bottom: 1px solid #dadada;
    padding: 4px;
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
    overflow: visible;
}

.k-pager-sm .k-pager-info,
.k-pager-sm .k-pager-numbers,
.k-pager-sm .k-pager-sizes {
    display: block !important;
}

/* begin overrides from site.css */
html, body {
    color: #465f82;
}

#menubar {
    border: none !important;
}

#menu div.mimicHolder:hover {
    background: #0a3255 !important;
}

#menu a.mimicClose:hover {
    background: #0a3255 !important;
}

#settings .k-link.hasSprite {
    padding: 23px 24px !important;
}

#menu .nav > li > a:focus,
#menu .nav > li > a:hover {
    background: #465f82 !important;
}

#menu .slicknav_menu .slicknav_parent > .slicknav_item:hover {
    background: #0a3255 !important;
}

.forgotPasswordLink {
    color: #5596e1;
}

#userAdmin label.pageHeader, #profilePropertyDefinitions label.pageHeader, #publishedReports label.pageHeader {
    color: #465f82;
}

a.taskAnchor.hover {
    background-color: #465f82 !important;
}
/* end */

/* begin overrides from kendo.custom.min.css */
.k-draghandle.k-selected:hover,
.k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical,
.k-list > .k-state-highlight, .k-list > .k-selected,
.k-marquee-color,
.k-panel > .k-selected,
.k-scheduler .k-today.k-selected,
.k-selected, .k-selected:link, .k-selected:visited {
    background-color: #0a3255 !important;
    border-color: #0a3255 !important;
}
/* end */

/* begin overrides from kendo.default.min.css */
.k-pager-wrap .k-link.k-selected {
    background-color: #0a3255;
}
/* end */

