* {
    scrollbar-width: thin;
    scrollbar-color:  #999 #ccc;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #ccc;
}

*::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 20px;
    border: 3px solid #ccc;
}
body {
    min-width: 375px;
    margin: 0;
    padding: 15px 15px 45px;
    min-height: 100%;
    font: 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    background: #ebeff4 !important;
    overflow-x: hidden;
    position: relative;
}
body.has-side-nav { min-width: 768px; padding-top: 62px; padding-left: 95px;}
body.error-page { padding: 15px;}
.app-footer { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; color: #999; text-align: center; }
.has-side-nav .app-footer { left: 80px;}

@font-face {
    font-family: 'cmanager-fonts';
    src:  url('../Fonts/cmanager.eot?eyssar');
    src:  url('../Fonts/cmanager.eot?eyssar#iefix') format('embedded-opentype'),
    url('../Fonts/cmanager.ttf?eyssar') format('truetype'),
    url('../Fonts/cmanager.woff?eyssar') format('woff'),
    url('../Fonts/cmanager.svg?eyssar#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'cmanager-fonts' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-file-text:before{content:"\e928";}
.icon-xml:before{content:"\e900";}
.icon-xls:before{content:"\e901";}
.icon-txt:before{content:"\e902";}
.icon-pdf:before{content:"\e903";}
.icon-doc:before{content:"\e904";}
.icon-csv:before{content:"\e905";}
.icon-App_Setup:before{content:"\e906";}
.icon-User_Ref_data:before{content:"\e907";}
.icon-Security:before{content:"\e917";}
.icon-Report:before{content:"\e918";}
.icon-Promotions:before{content:"\e919";}
.icon-Programs_Management:before{content:"\e91a";}
.icon-Inquiries:before{content:"\e91b";}
.icon-Home-main:before{content:"\e926";}
.icon-Batch_Process:before{content:"\e927";}
.icon-App_Ref_Data:before{content:"\e929";}
.icon-cross:before{content:"\e92a";}
.icon-search:before{content:"\e908";}
.icon-angle-right:before{content:"\e909";}
.icon-angle-left:before{content:"\e90a";}
.icon-angle-double-right:before{content:"\e90b";}
.icon-angle-double-left:before{content:"\e90c";}
.icon-history:before{content:"\e90d";}
.icon-help-circle:before{content:"\e90e";}
.icon-folder:before{content:"\e90f";}
.icon-trash-2:before{content:"\e910";}
.icon-copy:before{content:"\e911";}
.icon-check-circle:before{content:"\e912";}
.icon-calendar:before{content:"\e913";}
.icon-search1:before{content:"\e914";}
.icon-add-outline:before{content:"\e915";}
.icon-close-outline:before{content:"\e916";}
.icon-expand:before{content:"\e91c";}
.icon-home:before{content:"\e91d";}
.icon-checkmark:before{content:"\e91e";}
.icon-circle:before{content:"\e91f";}
.icon-close:before{content:"\e920";}
.icon-chevron-down:before{content:"\e921";}
.icon-chevron-right:before{content:"\e922";}
.icon-chevron-left:before{content:"\e923";}
.icon-chevron-up:before{content:"\e924";}
.icon-logout:before{content:"\e925";}
.icon-logout-new:before { content: "\e92b"; }

.lds-roller{position:absolute;width:80px;height:80px;top:50%; left: 50%; margin: -40px 0 0 -40px; }
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px;}
.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#39B7E9;margin:-4px 0 0 -4px;}
.lds-roller div:nth-child(1){animation-delay:-0.036s;}
.lds-roller div:nth-child(1):after{top:63px;left:63px;}
.lds-roller div:nth-child(2){animation-delay:-0.072s;}
.lds-roller div:nth-child(2):after{top:68px;left:56px;}
.lds-roller div:nth-child(3){animation-delay:-0.108s;}
.lds-roller div:nth-child(3):after{top:71px;left:48px;}
.lds-roller div:nth-child(4){animation-delay:-0.144s;}
.lds-roller div:nth-child(4):after{top:72px;left:40px;}
.lds-roller div:nth-child(5){animation-delay:-0.18s;}
.lds-roller div:nth-child(5):after{top:71px;left:32px;}
.lds-roller div:nth-child(6){animation-delay:-0.216s;}
.lds-roller div:nth-child(6):after{top:68px;left:24px;}
.lds-roller div:nth-child(7){animation-delay:-0.252s;}
.lds-roller div:nth-child(7):after{top:63px;left:17px;}
.lds-roller div:nth-child(8){animation-delay:-0.288s;}
.lds-roller div:nth-child(8):after{top:56px;left:12px;}
@keyframes lds-roller{0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
.loader-holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.98); z-index: 1500; }
.page-loaded .loader-holder { display: none; }
.section-loading { position: relative; }
.section-loader { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.9); z-index: 9; }

.hidden { display: none !important;}

.btn:focus { outline: 1px dotted #222; outline-offset: 1px;}

.skipTocontent { position: fixed; top: 10px; left: 10px; z-index: 103; -ms-transform: translate(0, -150%); transform: translate(0, -150%); transition: 0.25s ease; }
.skipTocontent:focus { -ms-transform: translate(0, 0); transform: translate(0, 0); }

#main-header { min-height: 44px; position: fixed; left: 0; top: 0; right: 0; background: #fff; padding: 5px 15px; font-size: 9px; color: #333; z-index: 100; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.02); border-bottom: solid 1px #fff; }
#main-header.fixed { border-bottom-color: #e8e8e8; }
.main-logo img { width: 50px; height: auto; }
.main-logo:where(:hover, :focus) { outline: dotted 2px #555; outline-offset: 1px; }

/* header-navigation */
.header-navigation *, .header-navigation :after, .header-navigation:before, .header-navigation { box-sizing: border-box; }
.page-loaded .header-navigation { transition: all 0.25s ease;}
.header-navigation { width: 80px; position: fixed; top: 44px; left: 0; bottom: 0; z-index: 99; }
.header-navigation:where(:hover, :focus, :focus-within) { width: 250px; }
.header-navigation.down { position: fixed; top: 0; }
.header-navigation .header-menu { height: 100%; position: relative; z-index: 2; background: #000; display: flex; flex-direction: column;}
.header-navigation.down .header-menu { padding: 0 0 50px; }
.header-navigation .parent-navigation { height: 100%; position: relative; padding: 16px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; flex-grow: 1; }
.header-navigation .parent-navigation ul,
.header-navigation ul { margin: 0; padding: 0; list-style: none; }
.header-navigation a { display: block; font-size: 12px !important; line-height: 16px; font-weight: normal !important; color: #8F8E8E; padding: 14px 25px 14px 20px; position: relative; text-decoration: none; }
.header-navigation > .header-menu > ul > li > a .ico { font-size: 8px; margin: -4px 0 0; position: absolute; top: 50%; right: 10px; }
.header-navigation li.drop-open > a,
.header-navigation li.active > a,
.header-navigation li:hover > a,
.header-navigation a:where(:hover) { color: #fff; background-color: #4b494a; }
.header-navigation a:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #FFB946; display: none; }
.header-navigation li:hover > a:before,
.header-navigation a:where(:hover, :focus):before,
.header-navigation .active > a:before,
.header-navigation .hover > a:before { display: block; }
.header-navigation > nav > ul > li + li { margin: 5px 0 0; }
.header-navigation > nav > ul > li > a { max-width: 100%; min-height: 40px; border-radius: 7px; padding: 12px 11px 12px 48px; color: #8F8E8E; position: relative; white-space: nowrap; display: flex; align-items: center; }
.header-navigation:not(:hover, :focus-within) > nav > ul > li > a { padding-right: 0;}
.header-navigation > nav > ul > li > a .ico-link { width: 32px; margin: 0 8px 0 0; text-align: center; font-size: 32px; line-height: 1; position: absolute; top: 50%; left: 8px; transform: translateY(-50%) }
.header-navigation:not(:hover, :focus-within) > nav > ul > li > a > .ico-link { margin: 0;}
.header-navigation > nav > ul > li > a > span { max-width: 0; opacity: 0; visibility: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.25s ease;}
.header-navigation:where(:hover, :focus-within) > nav > ul > li > a > span { max-width: 250px; opacity: 1; visibility: visible; }
.header-navigation > nav > ul > li:hover > a > .ico { -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.header-navigation > nav > ul > li > a > .ico,
.header-navigation > nav > ul > li > a:before { display: none !important; }
.header-navigation > nav > ul > li > a:where(:hover),
.header-navigation > nav > ul > li:hover > a,
.header-navigation > nav > ul > li.drop-opwn > a { background: #4b494a; color: #fff;  outline: none; text-decoration: none; }

/* secondary navigation */
.header-navigation .secondary-navigation { flex-shrink: 0;}
.header-navigation .secondary-navigation > li { margin: 0;}
.header-navigation .logout-link:not(.logout-link-li) { box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2); border-width: 0; }
.header-navigation .secondary-navigation > li > a { padding: 18px 20px !important; text-align: center; border-radius: 0; font-size: 13px; line-height: 16px; font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center; }
.header-navigation .secondary-navigation > li > a > .ico-link { width: 24px; height: 24px; font-size: 17px; position: static; transform: none; display: inline-flex; align-items: center; justify-content: center;}
.header-navigation .secondary-navigation > li > a.btn-nav-collapse .ico-link { font-size: 20px; position: relative; top: -2px; left: auto;}
.header-navigation > nav > ul > li > a .icon-logout-new { font-size: 17px; left: 23px; display: none; }
.header-navigation .logout-link a.logout-link-a:before { display: none !important;}
.header-navigation .logout-link-li { box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2); transition: left 0.25s ease; }
.header-navigation .secondary-navigation .btn-nav-collapse { display: none;}
.header-navigation .secondary-navigation li.single-sign-on-li a{    color: #fff;
    background-color: #4b494a;padding: 12px 0px 12px 48px !important;justify-content: flex-start;border-radius: 7px;}
.header-navigation .secondary-navigation li.single-sign-on-li::before{
    content: "";
    display: inline-block;
    width: 21px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1666 11.8767V18.3334H3.83325C3.83299 17.3158 4.06569 16.3116 4.5135 15.3979C4.96132 14.4841 5.61237 13.685 6.41677 13.0617C7.22117 12.4385 8.15757 12.0077 9.15421 11.8022C10.1509 11.5968 11.1813 11.6223 12.1666 11.8767ZM10.4999 10.8334C7.73742 10.8334 5.49992 8.59588 5.49992 5.83337C5.49992 3.07087 7.73742 0.833374 10.4999 0.833374C13.2624 0.833374 15.4999 3.07087 15.4999 5.83337C15.4999 8.59588 13.2624 10.8334 10.4999 10.8334ZM15.9883 14.1667L14.4641 12.6434L15.6433 11.4642L19.1783 15L15.6433 18.5359L14.4641 17.3567L15.9883 15.8334H12.9999V14.1667H15.9883Z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
}


.header-navigation .secondary-navigation li.single-sign-on-li{
    margin: 16px;
    position: relative;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup{
    position: absolute;
    background-color: #fff;
    left: 234px;
    bottom: 0;
    min-width: 293px;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 0 10px 10px 0;
    box-shadow: 6px 10px 15px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    transition-property: opacity, visibility, margin;
    margin: 0 0 0 30px;
}

.header-navigation .secondary-navigation li.single-sign-on-li:hover .single-sign-on-popup{
    opacity: 1;
    margin: 0;
    visibility: visible;
    pointer-events: inherit;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup .single-sign-on-input-wrapper{
    background-color: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    padding: 6px 9px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-top: 15px;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup .single-sign-on-input-wrapper input{
    width: 100%;
    border: none;
    font-style: italic;
    font-size: 11px;
    color: #BBBBBB;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup .single-sign-on-input-wrapper input::placeholder{
    color: #BBBBBB;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup .single-sign-on-popup-heading {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup .single-sign-on-input-wrapper .single-sign-on-search-icon{
    content: "";
    display: inline-block;
    width: 21px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.3" d="M11.2998 10.5745L11.7675 11.4584L11.9505 11.3616L12.0801 11.2L11.2998 10.5745ZM11.0918 10.7214L11.767 11.4589L11.767 11.4589L11.0918 10.7214ZM10.8491 11.0617L11.5332 11.7911L11.6847 11.649L11.767 11.4583L10.8491 11.0617ZM11.7494 12.9206L12.4869 12.2453L11.8636 11.5644L11.1351 12.1315L11.7494 12.9206ZM13.1293 11.4661L12.309 10.8942L11.8512 11.5509L12.3917 12.1413L13.1293 11.4661ZM15.8421 14.4293L16.5797 13.754L16.5797 13.754L15.8421 14.4293ZM15.7798 15.8421L15.1045 15.1045L15.1045 15.1045L15.7798 15.8421ZM14.3669 15.7798L15.1045 15.1045L15.1045 15.1045L14.3669 15.7798ZM7.66115 2C4.53431 2 2 4.53431 2 7.66115H4C4 5.63888 5.63888 4 7.66115 4V2ZM13.3223 7.66115C13.3223 4.53431 10.788 2 7.66115 2V4C9.68342 4 11.3223 5.63888 11.3223 7.66115H13.3223ZM12.0801 11.2C12.8569 10.231 13.3223 8.99899 13.3223 7.66115H11.3223C11.3223 8.52792 11.0223 9.32198 10.5196 9.94902L12.0801 11.2ZM11.767 11.4589L11.7675 11.4584L10.8321 9.69063C10.684 9.76901 10.5441 9.86693 10.4165 9.98377L11.767 11.4589ZM11.767 11.4583L11.767 11.4589L10.4165 9.98376C10.203 10.1792 10.0402 10.4125 9.9311 10.665L11.767 11.4583ZM7.66115 13.3223C9.15833 13.3223 10.5216 12.7398 11.5332 11.7911L10.165 10.3323C9.50937 10.9471 8.6302 11.3223 7.66115 11.3223V13.3223ZM2 7.66115C2 10.7874 4.53431 13.3223 7.66115 13.3223V11.3223C5.63902 11.3223 4 9.68294 4 7.66115H2ZM11.1351 12.1315C10.176 12.8781 8.97188 13.3223 7.66115 13.3223V15.3223C9.43245 15.3223 11.0658 14.72 12.3636 13.7097L11.1351 12.1315ZM7.66115 13.3223C4.53431 13.3223 2 10.7874 2 7.66115H0C0 11.8918 3.42959 15.3223 7.66115 15.3223V13.3223ZM2 7.66115C2 4.53431 4.53431 2 7.66115 2V0C3.42974 0 0 3.42974 0 7.66115H2ZM7.66115 2C10.788 2 13.3223 4.53431 13.3223 7.66115H15.3223C15.3223 3.42974 11.8926 0 7.66115 0V2ZM13.3223 7.66115C13.3223 8.86464 12.9478 9.97779 12.309 10.8942L13.9497 12.0379C14.8148 10.7969 15.3223 9.28673 15.3223 7.66115H13.3223ZM12.3917 12.1413L15.1045 15.1045L16.5797 13.754L13.8669 10.7908L12.3917 12.1413ZM15.1045 15.1045V15.1045L16.455 16.5797C17.2697 15.8338 17.3256 14.5687 16.5797 13.754L15.1045 15.1045ZM15.1045 15.1045H15.1045L13.6293 16.455C14.3752 17.2697 15.6403 17.3256 16.455 16.5797L15.1045 15.1045ZM15.1045 15.1045L12.4869 12.2453L11.0118 13.5958L13.6293 16.455L15.1045 15.1045Z" fill="%23999999"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup .single-sign-on-input-wrapper input:focus {
    box-shadow: none;
    outline: none;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup ul li a{
    font-size: 12px !important;
    color: #444;
    font-weight: 400 !important;
    background-color: initial;
    padding: 14px 0 0 0 !important;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup ul li a:hover{
    color: #2cb6ea;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup ul li a:before{
    display: none;
}

.header-navigation .secondary-navigation li.single-sign-on-li .single-sign-on-popup ul li:first-child a{
    padding: 0 !important;
}

.header-navigation .secondary-navigation li.single-sign-on-li a .menu-text {
    font-size: 12px;
    font-weight: 700;
}

.header-navigation .secondary-navigation li.single-sign-on-li .border-inside-popup {
    margin: 16px -15px;
    border: none;
    height: 1px;
    background-color: #EEEEEE;
}

.header-navigation .active > a { font-weight: 700 !important; }
/*.header-navigation ul ul { display: none; width: 214px; background: #000; border-left: solid 1px #222; position: absolute; top: 0; left: 100%; }*/
.header-navigation ul ul { scrollbar-width: thin; }
.header-navigation ul ul::-webkit-scrollbar { width: 10px; pointer-events: none; }
.header-navigation ul ul::-webkit-scrollbar-track { background: #f0f0f0; }
.header-navigation ul ul::-webkit-scrollbar-thumb { background: #cdcdcd; }

.header-navigation:not(.version-1) li li:hover > ul, .header-navigation:not(.version-1) li li.hover > ul { display: block; }
/* mega menu */
.mega-dropdown-menu *, .mega-dropdown-menu :after, .mega-dropdown-menu :before,
.mega-dropdown-menu { box-sizing: border-box; }
.header-navigation.version-1 > .header-menu > ul > li:hover > .mega-dropdown-menu .ul-col > ul { display: block; }
.header-navigation .drop-open > .mega-dropdown-menu,
.header-navigation.version-1 > .header-menu > ul > li:where(:hover) > .mega-dropdown-menu  { opacity: 1; margin: 0; visibility: visible; pointer-events: inherit; }
.mega-dropdown-menu { opacity: 0; visibility: hidden; margin: 0 0 0 30px; transition: all 0.5s ease; transition-property: opacity, visibility, margin; position: fixed; top: 0; left: 250px; background: #fff; border: 1px solid #ccc; border-radius: 3px; width: 640px; border-radius: 0 10px 10px 0; box-shadow: 6px 10px 15px 0 rgba(0,0,0,0.2); pointer-events: none; }
.mega-dropdown-menu:before { content: ''; right: 100%; top: 0; bottom: 0; width: 27px; background: rgba(0,0,0,0); position: absolute; }
.mega-dropdown-menu .css-scroll { /*max-height: 100%;*/ overflow-y: auto; }
.header-navigation.version-1 > .header-menu > ul > li:hover > .mega-dropdown-menu ul { position: static; background: none; width: auto; }
.mega-dropdown-menu .menu-head:after { content: ''; clear: both; display: block; }
.mega-dropdown-menu .menu-head { border-bottom: solid 1px #eee; padding: 15px; }
.mega-dropdown-menu .menu-head .menu-name { float: left; padding: 7px 0 0; color: #000; font-size: 15px; line-height: 19px;  }
.mega-dropdown-menu .menu-head .menu-search-header { float: right; width: 240px; }
.mega-dropdown-menu .menus-cols { width: 100%; display: table; table-layout: fixed; }
.mega-dropdown-menu  .ul-col { width: 50%; display: table-cell; vertical-align: top; padding: 20px 25px; }
.mega-dropdown-menu .col-right { border-left: solid 1px #eee; }
.header-navigation .mega-dropdown-menu .ul-col > ul > li > a:before { display: none !important; }
.mega-dropdown-menu a { padding: 5px 20px 5px 0; color: #444; font-size: 11px !important; font-weight: normal !important; }
.mega-dropdown-menu a:visited, .mega-dropdown-menu a:link{ color: #444; }
.header-navigation .mega-dropdown-menu li.active > a,
.header-navigation .mega-dropdown-menu li:hover > a,
.header-navigation .mega-dropdown-menu a:where(:hover, :focus) { color: #2cb6ea; background: #fff }
.header-navigation .mega-dropdown-menu .ico { position: absolute; right: 0; top: 50%; font-size: 8px; margin: -4px 0 0; transition: all 0.25s ease; }
.header-navigation .mega-dropdown-menu .active-slide > a > .ico { -ms-transform: rotate(180deg); transform: rotate(180deg); }
.header-navigation .mega-dropdown-menu ul ul { padding: 0 0 5px;  }
.header-navigation .mega-dropdown-menu .active-slide > a { color: #2cb6ea; background: #fff }
.header-navigation .mega-dropdown-menu ul ul { padding: 0 0 0 14px; border-left: 1px solid #eee; margin: 7px 0; }
.header-navigation .mega-dropdown-menu ul ul a { font-size: 11px; }
.header-navigation .mega-dropdown-menu ul ul .active > a:where(:hover, :focus),
.header-navigation .mega-dropdown-menu ul ul .active > a { color: #2cb6ea; }
.header-navigation .mega-dropdown-menu ul ul > li > a:before { width: 1px; left: -15px; background: #2cb6ea; }
.header-navigation .mega-dropdown-menu ul ul > li > a:where(:hover, :focus):before,
.header-navigation .mega-dropdown-menu ul ul > .active > a:before { display: block; }
.menu-search-header { position: relative;}
.menu-search-header input { width: 100%; border-width: 0 0 1px; padding: 4px 40px 4px 15px; border-radius: 0; }
.menu-search-header .clear-search { position: absolute; top: 2px; right: 2px; text-decoration: none; font-size: 16px; padding: 3px 10px; font-size: 10px; border-radius: 1px; }
.header-navigation .mega-dropdown-menu .menu-search-header input { border: 1px solid #ccc; height: 36px !important; border-radius: 5px; color: #444; font-size: 11px; line-height: 16px; }
.header-navigation .mega-dropdown-menu .menu-search-header input::placeholder { color: #bbb; opacity: 1; font-style: italic; }
.header-navigation .mega-dropdown-menu .menu-search-header input:-ms-input-placeholder { color: #bbb; font-style: italic; }
.header-navigation .mega-dropdown-menu .menu-search-header input::-ms-input-placeholder { color: #bbb; font-style: italic; }
.header-navigation .mega-dropdown-menu.single-col .menus-cols > ul { padding: 20px 25px; }
.header-navigation .mega-dropdown-menu.single-col .menus-cols > ul > li > a:before { display: none; }
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search { min-width: inherit; right: 12px; top: 50%; font-size: 10px !important; margin: -8px 0 0; color: #999 !important; border-width: 0 !important; padding: 3px !important; }
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search:where(:hover, :focus) { color: #2cb6ea !important; background: none !important; }
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search:where(:hover, :focus):before,
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search:where(:hover, :focus):after { display: block !important;}
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search:before { max-width: 200px; width: auto; content: attr(data-original-title); padding: 3px 8px;
    margin: 0 0 5px; font-size: 10px; font-style: normal; font-weight: 400; line-height: 1.42857143; color: #fff; background: #000; border-radius: 4px; position: absolute; left: 50%; bottom: 100%; top: auto; transform: translateX(-50%); text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap;}
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search:after { content: ""; border-width: 5px 5px 0; border-style: solid; border-color: #000 transparent transparent; position: absolute; left: 50%; bottom: 100%; margin-left: -5px; display: none;}
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search[aria-describedby]:before,
.header-navigation .mega-dropdown-menu .menu-search-header .clear-search[aria-describedby]:after { display: none !important;}
.mega-dropdown-menu .show:not(.ul-col):not(.menus-cols):not(.css-scroll) { display: block !important;}
.mega-dropdown-menu .no-record { text-align: center; }
.header-navigation > .header-menu > ul > li .mega-dropdown-menu > .keyword-search-holder > .menus-cols > ul { display: block; }
.mega-dropdown-menu.single-col { width: 320px; }
.mega-dropdown-menu.single-col .menu-head .menu-search-header,
.mega-dropdown-menu.single-col .menu-head .menu-name { float: none; width: auto; display: block; }
.mega-dropdown-menu.single-col .menu-head .menu-name { padding: 0 0 10px; }
.mega-dropdown-menu.single-col .menus-cols > ul ul,
.mega-dropdown-menu .menus-cols > .ul-col > ul ul { display: none; }
.no-record-holder { text-align: center; padding: 40px 15px; display: none; font-size: 11px; line-height: 17px; color: #000; letter-spacing: 0.014375rem; }
.no-record-holder .no-record { font-size: 12px; margin: 0 0 3px; }
.no-record-holder .img-holder { margin: 0 0 20px; }
.no-record-holder img { display: block; margin: 0 auto; }
.no-record-holder p { text-align: center; margin: 0; color: #555; }

.header-navigation .logout-link-li a { display: table-cell; vertical-align: top; padding: 17px 10px; text-align: center; border-left: #333333 solid 1px; background: #000; }
.header-navigation .logout-link-li a.nav-expand, .header-navigation .logout-link-li a.nav-opener { display: none; }
.header-navigation .logout-link-li a:where(:hover, :focus) { background: #333; }
.header-navigation .logout-link-li a.logout-link-a { border-width: 0; }
.header-navigation .logout-link-li a:not(.logout-link-a) { color: #fff; }
.header-navigation .logout-link-li a:before { display: none !important; }
.header-navigation .logout-link-li a .ico { display: block; transition: all 0.25s ease; font-size: 16px; }

/* mega menu */

/* nav sho hide */
body.nav-hide .header-navigation { left: -214px; }
body.nav-hide .header-navigation .logout-link-li { left: -214px; }
body.nav-hide .header-navigation:before { left: -214px; }
body.nav-hide .nav-opener { position: absolute; left: 100%; bottom: 0; border-radius: 0 100% 100% 0; }
body.nav-hide .nav-opener .ico { transform: rotate(180deg); }

@media screen and (min-width: 1500px) {
    #main-header { padding: 13px 15px 12px; }
    .main-logo img { width: 56px; }
    body { padding: 24px 24px 52px; }
    body.page-loaded { transition: all 0.25s ease; }
    body.error-page { padding: 24px;}
    body.has-side-nav { padding-top: 87px; padding-left: 104px;}
    body.has-side-nav:not(.navbar-collapsed) { padding-left: 274px;}
    .app-footer { padding: 20px;}
    .has-side-nav:not(.navbar-collapsed) .app-footer { left: 250px;}
    .header-navigation { top: 62px;}
    .header-navigation.pointer-none { pointer-events: none;}
    .header-navigation:where(:hover, :focus, :focus-within),
    .has-side-nav:not(.navbar-collapsed) .header-navigation { width: 250px;}
    .header-navigation > nav > ul > li + li { margin: 10px 0 0; }
    .has-side-nav:not(.navbar-collapsed) .header-navigation > nav > ul > li > a > span { max-width: 250px; opacity: 1; visibility: visible; }
    .has-side-nav:not(.navbar-collapsed) .header-navigation .secondary-navigation > li > a > .ico-link { margin: 0 8px 0 0;}
    .header-navigation .secondary-navigation .btn-nav-collapse { display: flex;}
    .navbar-collapsed .header-navigation .secondary-navigation .btn-nav-collapse .ico-link { transform: scaleX(-1); }
}






.ui-widget { font-family: inherit !important;}
/* timeout-dialog styles START */
body .ui-widget-overlay { background: #000; opacity: 0.65; filter: Alpha(Opacity=65); }
body .ui-dialog.ui-timeout-dialog { max-height: 90vh; max-width: inherit; overflow-y: auto; padding: 30px; border-width: 0; text-align: center; font-size: 13px; line-height: 18px; background: #fff; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); }
body .ui-dialog.ui-timeout-dialog .ui-dialog-titlebar { background: none; text-align: center; color: #222; display: block; padding: 10px 15px; margin: 0 0 10px; font-size: 18px; line-height: 1.22222; border-width: 0; }
body .ui-dialog.ui-timeout-dialog p { text-align: center; margin: 0 auto 20px; max-width: 330px; font-size: 13px; line-height: 17px; color: #444; letter-spacing: normal; }
body .ui-dialog.ui-timeout-dialog .counter-timer { width: 120px; height: 120px; margin:0 auto 40px; position: relative; }
body .ui-dialog.ui-timeout-dialog .ui-dialog-buttonpane { border-width: 0; text-align: center; padding: 0; background: none; }
body .ui-dialog.ui-timeout-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
body .ui-dialog.ui-timeout-dialog .ui-dialog-buttonpane button { min-width: 145px; height: 40px !important; margin: 0 4px; float: none !important; display: inline-block; vertical-align: top; font-size: 12px; font-weight: 700;  }
body .ui-dialog.ui-timeout-dialog .ui-dialog-title { width: 100%; font-size: inherit; line-height: inherit; float: none; margin: 0; }
body .ui-dialog.ui-timeout-dialog .ui-dialog-titlebar-close { display: none; }
body .ui-dialog.ui-timeout-dialog .ui-dialog-content { width: auto !important; height: auto !important; padding: 0; border: none; }
body .ui-dialog.ui-timeout-dialog .sub-title { display: block; color: #000; margin: 0 0 40px; }
body .ui-dialog.ui-timeout-dialog .counter-timer svg { width: 100%; height: 100%; -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
body .ui-dialog.ui-timeout-dialog .static-canvas { stroke-width: 1px; }
body .ui-dialog.ui-timeout-dialog .counter svg circle:first-child,
body .ui-dialog.ui-timeout-dialog .progress-circle .static-canvas { stroke: rgba(216, 221, 228, .5); }
body .ui-dialog.ui-timeout-dialog .progress-circle .progress__value { stroke: #1a90bd; stroke-width: 3px; }
body .ui-dialog.ui-timeout-dialog span.hoorizontal { position: absolute; height: 2px; width: 4px; top: 50%; margin: -1px 0 0; background: rgba(216, 221, 228, .5); }
body .ui-dialog.ui-timeout-dialog span.vertical.top { top: 7px; margin: 0 0 0 -1px; }
body .ui-dialog.ui-timeout-dialog span.vertical.bottom { bottom: 7px; margin: 0 0 0 -1px; }
body .ui-dialog.ui-timeout-dialog span.hoorizontal.left { left: 7px; }
body .ui-dialog.ui-timeout-dialog span.hoorizontal.right { right: 7px; }
body .ui-dialog.ui-timeout-dialog span.vertical { position: absolute; left: 50%; width: 2px; height: 4px; background: rgba(216, 221, 228, .5); margin: 0 0 0 2px; }
body .ui-dialog.ui-timeout-dialog .counter-active .progress__value,
body .ui-dialog.ui-timeout-dialog .form.edit-ready .progress__value { -webkit-animation-play-state: running; animation-play-state: running; }
body .ui-dialog.ui-timeout-dialog #countDownTimer { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 30px 0 0; z-index: 4; font-size: 30px; line-height: 1; padding: 0 3px 0 0; white-space: nowrap; color: #1a90bd; }
body .ui-dialog.ui-timeout-dialog .seconds { font-weight: 700; font-size: 13px; line-height: 1.38462; vertical-align: top; margin: 0 0 0 5px; letter-spacing: 1px; }
body .ui-dialog.ui-timeout-dialog  #countDownTimer:before { content: attr(data-title);  color: #666; font-size: 10px; line-height: 1.2; margin: 0 4px 3px 0; position: absolute; bottom: 0; right: 0; }
body .ui-dialog.ui-timeout-dialog .ui-dialog-buttonpane button.btn.btn-primary {
    background: #2cb6ea !important;
    color: #fff !important;
    border-color: #2cb6ea !important;
}
body .ui-dialog.ui-timeout-dialog .ui-dialog-buttonpane button.btn.btn-primary:where(:hover, :focus) {
    background: #138bb9 !important;
    border-color: #138bb9 !important;
}
body .ui-dialog.ui-timeout-dialog .ui-dialog-buttonpane button.btn-default {
    background: #fff !important;
    border-color: #d0d0d0 !important;
    border-radius: 5px;
    box-shadow: none;
    color: #777 !important;
}
body .ui-dialog.ui-timeout-dialog .ui-dialog-buttonpane button.btn.btn-default:where(:hover, :focus) {
    background: #ebeff4 !important;
    color: #333 !important;
}
.counter .progress__value {
    stroke-dasharray: 339.292;
    stroke-dashoffset: 339.292;
    -webkit-animation: progress paused linear;
    animation: progress paused linear;
    animation-duration: 0s;
}
@-webkit-keyframes progress{
    from{stroke-dashoffset:339.292}
    to{stroke-dashoffset:0}
}
@keyframes progress{
    from{stroke-dashoffset:339.292}
    to{stroke-dashoffset:0}
}
/* timeout-dialog styles END */
#main-header h1 {
    float: left;
    margin: 3px 0 0 16px;
    font-size: 28px;
}