/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(33,38): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(39,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(43,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(48,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'
(68,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(69,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(79,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(84,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(105,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(163,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(167,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(172,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(176,28): 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'
(193,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(203,32): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(207,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(211,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(228,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(230,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(241,17): run-time error CSS1030: Expected identifier, found '.'
(241,33): run-time error CSS1031: Expected selector, found ')'
(241,33): run-time error CSS1025: Expected comma or open brace, found ')'
(246,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(252,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(256,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(261,32): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(266,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(267,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(271,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(276,32): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(299,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(300,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(309,32): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(351,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(367,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(372,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(373,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(378,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(384,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(395,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(409,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(531,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(549,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(550,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(555,26): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(556,32): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(561,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(563,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(567,21): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(568,32): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(578,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(592,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(599,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(604,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(618,26): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(619,32): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(624,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(626,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(633,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(641,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(661,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(665,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(677,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(679,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(691,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(695,34): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(699,35): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(703,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(707,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(712,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(737,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
 */
:root {
    --sui-primary: #01A7E1;
}

body {
    background-color: #fff !important;
}

#menubar {
    background: #fff;
    border-top-color: #fff !important;
    box-shadow: 5px 5px 5px #e0e0e0;
    border-bottom-color: #fff !important;
    margin-bottom: 20px !important;
}

#settings .k-popup[role='menu'],
#menubar .k-popup[role='menu'] {
    background: #fff;
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}

#settings .k-menu-group,
#menu .dropdown-menu,
#menu .dropdown-submenu {
    background: #fff;
    color: var(--sui-primary);
    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 /*, linear-gradient(to bottom, #02b4df 0px, #02b4df 100%)*/ !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: #787878 !important;
    border-color: var(--sui-primary) !important;
    color: #FFF !important;
}

#menubar .k-active {
    border-color: #787878 !important;
    background: #787878 !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;
    /*float: left !important;*/
}

#menubar .k-menu {
    border: none !important;
    width: auto !important;
    line-height: inherit !important;
}

#menubar .k-link {
    padding: 10px 24px 10px 12px !important;
    /*min-width: 65px !important;*/
    /*float:left;*/
}

#menubar .k-link {
    color: var(--sui-primary) !important;
}

#menubar .k-icon .k-font-icon:not(.k-i-close) {
    background-position: 0 -32px !important;
}

#menubar .k-link:hover {
    background-color: #787878;
    color: #fff !important;
}

/*#menubar .k-link:hover .k-icon .k-font-icon, #menubar .k-link:hover, #menubar .k-active .k-icon .k-font-icon {
    background-position: -16px -32px !important;
    background-color: #787878 !important;
    color: #FFF !important;
}
*/

#menubar .kb {
    float: left;
    padding-top: 10px;
}

#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/Aflac_Logo.avif');
    width: 72px !important;
}

@supports not (background-image: url('/Content/images/Aflac_Logo.avif')) {
    .topSplashLogo {
        background-image: url('/Content/images/Aflac_Logo.webp');
    }
}

@supports not (background-image: url('/Content/images/Aflac_Logo.webp')) {
    .topSplashLogo {
        background-image: url('/Content/images/Aflac_Logo.png');
    }
}

#home .panelCol {
    background: #FFF;
    border-color: #e3e1e1 !important;
    padding-bottom: 15px !important;
}

button, button > a,
input[type=button],
input[type=submit] {
    background: var(--sui-primary);
}

.toggle-btn-on {
    background: var(--sui-primary); 
    color: #fff; 
}

#reportNavigationBox {
    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: #007ba6;
}

    #linkDiv .list-group-item.active:hover {
        background-color: var(--sui-primary);
    }

#linkDiv a.list-group-item:hover {
    background-color: var(--sui-primary);
}

#linkDiv a.list-group-item:focus {
    background-color: var(--sui-primary);
}


.splashLogo {
    background-image: url('/Content/images/Aflac_Logo.png');
    width: 230px !important;
    height: 75px !important;
}

#tasksPanel, #tasksBtnHolder {
    background-color: #fff !important;
    border: 0px solid #fff;
    border-top: 0px solid #aaa !important;
}

#q .quoteDetailsTabs li.k-active {
    border-color: var(--sui-primary) !important;
    background-color: #FFF !important;
    color: var(--sui-primary);
}

#mainHolder {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f1f1f1;
    box-shadow: 5px 5px 6px #c7c7c7;
    border-color: #fff;
}

#mainHolder:has(.reportingHeader){
    background: #fff;
}

.quoteDetailsTabs .k-tabstrip-items li:not(.roleLI) {
    background-color: var(--sui-primary) !important;
    border-color: #787878 !important;
}

#q div.k-content.k-active {
    border-color: #Fff !important;
    color: var(--sui-primary) !important;
}

#q .quoteDetailsTabs li.k-state-hover {
    background-color: var(--sui-primary) !important;
    border-color: #787878 !important;
}

    #q .quoteDetailsTabs li.k-state-hover:hover {
        background-color: var(--sui-primary) !important;
        border-color: #787878 !important;
    }

#groupsConsumption .k-tabstrip-items li {
    background-color: var(--sui-primary) !important;
    border: 1px solid var(--sui-primary);
}

#groupsConsumption li.k-state-hover {
    background-color: var(--sui-primary) !important;
    border-color: #787878 !important;
}

    #groupsConsumption li.k-state-hover:hover {
        background-color: var(--sui-primary) !important;
        border-color: #787878 !important;
    }

/*#groups .tabstrip li.k-active > span.k-link {
    color: #FFF;
}*/

#groupsConsumption li.k-active {
    border-color: #8dd6ef !important;
    background-color: #8dd6ef !important;
    color: #787878 !important;
}

#groupsConsumption div.k-content.k-active {
    border-color: white !important;
}

/*#groups .tabstrip li > span.k-link {
    color: #FFF!important;
}*/

#enrollment .tabstrip .k-tabstrip-items li {
    background-color: var(--sui-primary) !important;
    border: 1px solid var(--sui-primary);
}

#enrollment .tabstrip li.k-state-hover {
    background-color: #8dd6ef !important;
    border-color: #787878 !important;
}

    #enrollment .tabstrip li.k-state-hover:hover {
        background-color: var(--sui-primary) !important;
        border-color: #787878 !important;
    }

#enrollment .tabstrip li.k-active {
    border-color: #8dd6ef !important;
    background-color: #8dd6ef !important;
    color: #787878 !important;
}

#enrollment .k-tabstrip .k-tabstrip-content {
    border-color: #a6a6a6 !important;
}


#enrollment .tabstrip li.k-active > span.k-link {
    color: #787878;
}


#enrollment .tabstrip li > span.k-link {
    color: #FFF;
}

#commissionStatement .k-tabstrip-items li, #cashApp .k-tabstrip-items li {
    /* background-color: #f1f1f1 !important; */
    border-color: #a6a6a6 !important;
}

#commissionStatement li .k-state-hover, #cashApp li .k-state-hover {
    background-color: #8dd6ef !important;
    border-color: #787878 !important;
}

#commissionStatement li.k-state-hover:hover, #cashApp li.k-state-hover:hover {
        background-color: #8dd6ef !important;
        border-color: #787878 !important;
    }

#commissionStatement li.k-active, #cashApp li.k-active {
    border-color: #787878 !important;
    background-color: #FFF !important;
    color: var(--sui-primary) !important;
}

#commissionStatement .k-tabstrip .k-tabstrip-content, #cashApp .k-tabstrip .k-tabstrip-content, #billing .k-tabstrip .k-tabstrip-content {
    border-color: #a6a6a6 !important;
}

#commissionStatement .k-tabstrip li .k-link, #cashApp .k-tabstrip li .k-link {
    color: #787878 !important;
}

#commissionStatement .k-item .k-state-default .k-last .k-state-hover, #cashApp .k-item .k-state-default .k-last .k-state-hover {
    background-color: #A7A9AC !important;
}

#wfMenu li {
    background: var(--sui-primary);
}

s
#wfMenu li.selected > a {
    border-color: var(--sui-primary);
    background-color: var(--sui-primary);
    color: white !important;
}

#wfMenu li.selected.Active > a {
    border-color: var(--sui-primary);
    color: #fff !important;
    /*Removed border-with property for GI-6521*/
}

#wfMenu li.selected.Completed > a {
    border-color: var(--sui-primary);
}

#wfMenu li > a {
    color: #FFF;
    border: 3px solid #FFF;
    border-left: none;
    border-right: 1px solid #FFF;
}

#wfMenu li.Active {
    border-color: var(--sui-primary);
}

    #wfMenu li.Active > a {
        color: white;
    }



#wfMenu li.Incomplete {
    background-color: #A7A9AC;
}

#wfMenu li.Locked {
    background-color: var(--sui-primary);
}

    #wfMenu li.Locked > a {
        color: #FFF;
    }

#wfMenu li.Incomplete > a {
    color: #FFF;
}

.instruct {
    color: #A7A9AC;
}


.k-tabstrip-items .k-active, .k-panelbar .k-tabstrip-items .k-active, .k-ie7 .k-tabstrip-items .k-active .k-loading {
    background-color: #f2f2f2 !important;
    border-color: #fff !important;
}

.k-widget, .k-tooltip, .k-tabstrip {
    border-color: #a6a6a6 !important;
}

k-active, k-state, .k-active:hover, .k-active-filter, .k-active {
    border-color: #fff !important;
}

.k-input .k-input-button, .k-picker .k-input-button {
    color: inherit;
    background: #8dd6ef;
}

    .k-input .k-input-button:active, .k-picker .k-input-button:active, .k-input .k-input-button:hover, .k-picker .k-input-button:hover, .k-input:visited, .k-input:link, .k-select, .selected-value {
        background: #8dd6ef;
        color: inherit;
    }

input [type=text] {
    color: white;
}

.k-picker-wrap .k-input, .k-dropdown-wrap .k-input, .k-picker-wrap {
    background-color: white !important;
}

.k-autocomplete .k-input {
    background-color: white !important;
}

.inputDemo:not([type='checkbox']):not([type='radio']) {
    background-color: white !important;
}

.k-dropdown-wrap .k-input {
    color: #787878 !important;
}

.k-dropdown-wrap .k-state-default .k-state-hover {
    color: #787878 !important;
}

.k-picker-wrap, .k-state-default, .k-state-hover, .k-state-focused, .k-input:hover {
    color: #787878 !important;
}

.k-item .k-state-default {
    color: white !important;
}

.k-first .k-state-hover {
    color: white !important;
}

.k-widget k-autocomplete k-header k-state-default k-state-hover {
    color: white !important;
}

.k-input .k-autocomplete {
    color: #787878 !important;
}

.k-pager-wrap .k-link.k-selected {
    color: #fff;
    background-color: #25A0DA;
}


.k-selected {
    color: #fff !important;
    background-color: #25A0DA;
    border-color: #25A0DA;
}

.k-grid tr.k-selected:hover {
    background-color: #25A0DA;
}

.k-button.k-state-focused,
.k-button.k-state-focused:hover {
    border-color: #25A0DA;
}

.k-button:focus, .k-button:focus:hover {
    border-color: #25A0DA;
    box-shadow: 0 0 2px 1px #25A0DA;
}

.k-primary, .k-primary:hover {
    border-color: #25A0DA;
    background-color: #25A0DA;
}

.required {
    color: #FF0000;
    font-size: 1.2em;
    margin: 0 0 0 3px;
}

/*Insight Out styling*/
.IoPrimaryBgColor {
    background-color: var(--sui-primary);
}

.IoSecondaryBgColor {
    background-color: #8dd6ef;
}

#tabstripReporting .k-tabstrip-items .k-state-default {
    border: none;
    padding: 0;
}

#tabstripReporting .k-tabstrip-items .k-active {
    border: none;
    border-bottom: 3px solid #25a0da;
}

.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(48%) sepia(35%) saturate(3261%) hue-rotate(163deg) brightness(97%) contrast(99%);
}

.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(1, 167, 255, 0.3);
}

.IoFadedBtnColor {
    color: rgba(1, 167, 255, 0.3);
    border: 1px solid rgba(1, 167, 255, 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);
}

/* 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: #006DA3
    }

.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;
}

#mainBillingContentHolder .statusFilterSelection {
    background: var(--sui-primary);
    color: #fff;
    border: 1px solid var(--sui-primary);
}

#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;
}

#mainBillingContentHolder .divisionNameText {
    color: var(--sui-primary);
    text-decoration: underline;
}

#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;
}

#editReport .k-selected, .k-list > .k-selected {
    color: black;
    background-color: var(--sui-primary);
    border-color: black;
}