/* Minification failed. Returning unminified contents.
(181,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(201,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(209,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(210,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(214,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(218,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(219,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(220,17): run-time error CSS1039: Token not allowed after unary operator: '-sui-secondary'
(224,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(225,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(229,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(230,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(241,28): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(246,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(299,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(323,24): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary-tint'
(384,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(389,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(394,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(399,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(404,22): run-time error CSS1039: Token not allowed after unary operator: '-sui-primary'
(407,18): run-time error CSS1035: Expected colon, found ','
: run-time error CSS1066: Unexpected end of file encountered
 */
/*
 * Font Face Declarations for EB Garamond and Sarabun
 * These fonts are used exclusively for the Lockton tenant
 */

/* EB Garamond - Display/Title Font */
@font-face {
    font-family: 'EB Garamond';
    src: url('../../fonts/EBGaramond-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EB Garamond';
    src: url('../../fonts/EBGaramond-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'EB Garamond';
    src: url('../../fonts/EBGaramond-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*Sarabun - Text/Subhead Font*/


@font-face {
    font-family: 'Sarabun';
    src: url('../../fonts/Sarabun-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../../fonts/Sarabun-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../../fonts/Sarabun-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*
!* Font Utility Classes for Lockton Tenant *!
.font-display-title {
    font-family: 'EB Garamond', serif;
}

.font-display-title-regular {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.font-display-title-italic {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    font-style: italic;
}

.font-display-title-bold {
    font-family: 'EB Garamond', serif;
    font-weight: 700;
}

!* Sarabun font classes - using fallback fonts until Sarabun files are added *!
.font-text-subhead {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.font-text-subhead-light {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 300;
}

.font-text-subhead-light-italic {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 300;
    font-style: italic;
}

.font-text-subhead-regular {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.font-text-subhead-italic {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    font-style: italic;
}

.font-text-subhead-medium {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
}

.font-text-subhead-medium-italic {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
    font-style: italic;
}

.font-text-subhead-semibold {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
}

.font-text-subhead-semibold-italic {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-style: italic;
}

.font-text-subhead-bold {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
}

.font-text-subhead-bold-italic {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    font-style: italic;
}

!* Utility classes for common usage patterns *!
.title-display {
    font-family: 'EB Garamond', serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2;
}

.subtitle-display {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.3;
}

.heading-text {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.4;
}

.body-text {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
}

.caption-text {
    font-family: 'Sarabun', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.5;
}*/

body, html {
    font-family: 'Sarabun', sans-serif;
}
.panelHeaderText, .pageHeader, .panelHeaderText, .page-header, .promptHeader, .modal-header, .highlight {
    font-family: 'EB Garamond', serif;
    color: var(--sui-primary) !important;
}
:root {
    --sui-primary: #000000;
    --sui-primary-tint: #BFBDBD;
    --sui-secondary: #00C0F3;
}

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

#menubar .k-link .k-icon {
    /*position: absolute;*/
    top: 50%;
    margin: -8px 0 0 0;
    right: 4px;
}

#menubar .k-popup[role='menu'] {
    background: var(--sui-primary);
}

#menubar .k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0px 0px 0px 1px #FFF inset !important;
}

#menubar .k-button:hover {
    border-color: var(--sui-primary-tint) !important;
    background-color: var(--sui-primary-tint) !important;
}

#menubar .k-button:focus, .k-button.k-state-focused {
    border-color: var(--sui-primary-tint) !important;
}

#menubar .k-state-selected {
    background-color: var(--sui-primary-tint) !important;
    border-color: var(--sui-primary-tint) !important;
    color: var(--sui-secondary) !important;
}

#menubar .k-state-active {
    border-color: var(--sui-primary-tint) !important;
    background: var(--sui-primary-tint) !important;
}

#menubar .k-state-hover {
    border-color: var(--sui-primary-tint) !important;
    background-color: var(--sui-primary-tint);
    background-image: none;
}

#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-tint) !important;
    background-image: none !important;
}

#menubar .k-textbox:hover {
    border-color: var(--sui-primary-tint) !important;
}

#menubar .k-item {
    border: none !important;
}

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

#menubar .k-link {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-size: 18px;
    padding-top: 20px;
}

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


#menubar .k-link:hover .k-icon, #menubar .k-link:hover, #menubar .k-state-active .k-icon {
    background-position: -16px -32px !important;
}

.k-menu#settings {
    background: url("/Content/kendo/Metro/sprite_2x.png");
}



.topSplashLogo {
    background-image: url('/Content/images/lockton_white.png');
    height: 41px;
    width: 143px;
    background-size: contain;
    margin-bottom: 5px;
    margin-right: 25px;
    background-repeat: no-repeat;
}

#home .panelCol {
    background: #D3ECF7;
}

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

.splashLogo {
    background-image: url('/Content/images/lockton_black.png');
    height: 100px;
    width: 250px;
    margin: auto auto 18px;
}

.splash-container {
    background-color: #FFF;
}

.forgotPasswordLink {
    color: #00a7e1;
}

#wfMenu li {
    background: #D3ECF7;
}

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

#wfMenu li.selected.Active > a {
    border-color: #FFF;
}

#wfMenu li.selected.Completed > a {
    border-color: #A7A9AC;
}

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

#wfMenu li.Active {
    background-color: #FFF;
}

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

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

#wfMenu li.Locked {
    background-color: #D3ECF7;
}

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

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

#menubar ul.k-group.k-menu-group.k-popup.k-reset {
    overflow: visible;
}

#menubar ul.k-group.k-menu-group.k-popup.k-reset .k-link .k-i-arrow-e {
    position: relative;
    margin-top: 0;
    margin-left: 3px;
}

#menubar span .k-icon.k-i-arrow-s {
    margin-left: 3px;
}

#menubar .k-group {
    overflow-y: visible;
}

.k-button:hover {
    background: var(--sui-primary);
    color: white;
}

.k-button:focus {
    background: var(--sui-primary);
    color: white;
}

.k-dropdown .k-state-focused .k-input {
    background: var(--sui-primary);
    color: white;
}

.k-dropdown .k-state-hover .k-input {
    background: var(--sui-primary);
    color: white;
}

.k-state-focused .k-select, .k-state-hover .k-select {
    background: var(--sui-primary);
    color: white;

.k-state-selected, span.k-input {
    background: var(--sui-primary);
    color: white;
}
.k-state-selected {
    border-color: var(--sui-primary) !important;
}


.k-grid span.checkmark {
    color: var(--sui-primary);
}

.k-picker-wrap .k-state-default {
    color: white;
}
.k-tabstrip-items .k-state-active .k-link, .k-panelbar > li.k-state-active > .k-link {
    background: var(--sui-primary);
    color: white;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    background: var(--sui-primary);
    color: white;
}

li.k-state-hover, li.k-state-selected {
    background: var(--sui-primary) !important;
    color: white;
}

#menu > li.k-item.k-state-default > span, #menu > li.k-item.k-state-default, #menu > li.k-item.k-state-default.k-first > a {
    height: 62px;
}

#settings, #settings > li, #groupSet, #groupSet > li, #groupSet > li > span, #settings_mn_active > span, #settings > li > span {
    height: 62px;
}

.k-item.k-state-default.k-first.k-state-hover {
    background: var(--sui-primary) !important;
}

.k-pager-wrap > a.k-link:hover {
    background: var(--sui-primary) !important;
    color: white;
}
.k-pager-numbers .k-link:hover {
    background: var(--sui-primary) !important;
    color: white;
}

.isApproved {
    color: #00a7e1;
}

    .k-filter-menu .k-button.k-primary {
        background-color: #000000 !important;
        border-color: #000000 !important;
        color: #ffffff !important;
    }

    /* Default dropdown background - keep it light */
    .userPortalsHoverHolder {
        background-color: #fff !important; /* white */
        color: #000 !important; /* black text */
        border: 1px solid #ccc !important;
    }

    /* Dropdown item default (light) */
    .userPortalsHoverHolder .portalAnchor {
        background-color: #fff !important;
        color: #000 !important;
    }

    /* Hover effect - dark instead of blue */
    .userPortalsHoverHolder .portalAnchor:hover {
        background-color: #111 !important; /* dark gray/black */
        color: #fff !important; /* white text */
    }

    /* Active/selected value */
    .userPortalsHoverHolder .portalAnchor:focus,
    .userPortalsHoverHolder .portalAnchor.active {
        background-color: #000 !important; /* black */
        color: #fff !important;
    }