﻿#kendoNewMenu > li > span {
  background-color: var(--theme-color-1) !important;
}

#mainMenuDiv1 {
  background-color: var(--theme-color-1) !important;
}

#mainMenuDiv1 .k-menu .k-item:not(.k-separator) {
    display: flex;
    height: calc(100% - 16px);
}

#mainMenuDiv1 #kenoMainMenu.k-menu .k-item:not(.k-separator):not(:last-child) {
    display: flex;
    margin-right: 4px;
}

#mainMenuDiv1 .module-main-menu.k-header.k-menu.k-menu-horizontal:not(.k-context-menu) {
    display: flex;
    align-items: center;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > a.k-link,
#mainMenuDiv1 #kenoMainMenu > li.k-item > span.k-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    line-height: 0;
    border-radius: 4px;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item.current-page > a.k-link,
#mainMenuDiv1 #kenoMainMenu > li.k-item.current-page > span.k-link {
    background-color: #4f5661 !important;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-link.k-menu-link > .k-icon.k-menu-expand-arrow,
#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container .k-popup .k-item > .k-link > .k-icon.k-menu-expand-arrow {
    font-size: 16px;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-link.k-menu-link > .k-icon.k-menu-expand-arrow {
    margin-top: 2px;
    margin-left: 2px;
    margin-right: -4px;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-link.k-menu-link > .k-icon.k-menu-expand-arrow:before,
#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container .k-popup .k-item > .k-link > .k-icon.k-menu-expand-arrow:before {
    content: "\e015";
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container .k-popup .k-item > .k-link > .k-icon.k-menu-expand-arrow:before {
    transform: rotate(-90deg);
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container .k-popup {
    border-radius: 6px;
    box-shadow: 0 8px 36px rgba(0, 0, 0, 0.2) !important;
    padding: 4px;
    border: 1px solid #454c5c;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container > .k-popup {
    margin-top: 6px;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container .k-popup .k-item {
    margin-right: 0;
    background-color: transparent;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container .k-popup .k-item > .k-link {
  border-radius: 4px;
  transition: .3s;
}

#mainMenuDiv1 #kenoMainMenu > li.k-item > .k-animation-container .k-popup .k-item > a.k-link {
  width: 100%;
}

#hamburgerOpen .k-icon,
#hamburgerClose .k-icon {
    color: #fff !important;
}

#menuConfig {
  background-color: var(--theme-color-1) !important;
}

.k-header {
  box-sizing: border-box;
  height: auto;
}

#newMenuConfig li > a {
  color: var(--text-color-normal);
  /*background-color: var(--theme-color-1) !important;*/
}

#newMenuConfig li > a:hover {
  /*background-color: var(--button-color-standard) !important;*/
}

#newMenuConfig .config-account > a {
    height: 26px;
    width: 26px;
    /*background-color: rgba(255,255,255,0.05) !important;*/
    border-radius: 47px;
    padding: 1px;
    filter: var(--image-filter);
}

#newMenuConfig .config-account > a:hover {
  /*background-color: rgba(255,255,255,0.12) !important;*/
  border-radius: 50% !important;
}

/*New cyber Add New Button group   */
/* --newMenuDiv*/
/* ----kendoNewMenu*/
li#kendoNewMenu_mn_active.k-item.k-state-default {
  background: var(--theme-color-1);
}

#kendoNewMenu > li > div > ul > li > a {
  background-color: var(--theme-color-1) !important;
}

#kendoNewMenu > li > div > ul > li > a:hover {
  background-color: var(--button-color-standard) !important;
}

.cyberHeaderbtn {
  background: #0a71f1;
  color: var(--text-color-normal);
}

#mainMenuDiv1 #newMenuDiv {
    width: auto !important;
}

#mainMenuDiv1 #kendoNewMenu > li.k-item > .k-animation-container .k-popup {
    border-radius: 6px;
    box-shadow: 0 8px 36px rgba(0, 0, 0, 0.2) !important;
    padding: 4px;
    border: 1px solid #454c5c !important;
}

#mainMenuDiv1 #kendoNewMenu > li.k-item > .k-animation-container > .k-popup {
    top: 0;
    margin-top: 6px;
}

#mainMenuDiv1 #kendoNewMenu > li.k-item > .k-animation-container .k-popup .k-item {
    margin-right: 0;
    background-color: transparent;
}

#mainMenuDiv1 #kendoNewMenu > li.k-item > .k-animation-container .k-popup .k-item > .k-link {
    border-radius: 4px;
    transition: .3s;
}

#mainMenuDiv1 #kendoNewMenu .k-item.header-menu-item-New > .k-link {
    background-color: #0a71f1 !important;
    padding: 0;
    border-radius: 4px;
}

#mainMenuDiv1 #kendoNewMenu .cyberHeaderbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    background-color: transparent;
}

#mainMenuDiv1 #kendoNewMenu .cyberHeaderbtn p {
    position: static !important;
    margin-left: 8px;
}

#mainMenuDiv1 #kendoNewMenu .cyberHeaderbtn img {
    position: static !important;
    padding: 0;
    width: 16px !important;
    height: 16px !important;
    transform: rotate(-90deg);
}

#mainMenuDiv1 #kendoNewMenu .cyberHeaderbtn:first-child {
    width: auto;
    padding: 0 6px 0 10px;
    border-right: none;
}

#mainMenuDiv1 #kendoNewMenu .cyberHeaderbtn:first-child img {
    width: 10px !important;
    height: 10px !important;
}

#mainMenuDiv1 .verticalLine,
#mainMenuDiv1 .verticalLineRight {
    height: 26px;
    display: flex;
    align-items: center;
}

.cyberHeaderbtn:first-child {
    border-right: 1px solid #0a54e4;
}

#kendoNewMenu > li > div > ul > li > a {
  background-color: var(--theme-color-1);
}

#kendoAppMenu > li > a,
#kendoAppMenu > li > span {
  background-color: var(--theme-color-6) !important;
}

#kendoAppMenu .k-menu-link {
  background: var(--theme-color-1);
}

.config-menu .k-menu .personalize-set > .k-link {
  background-color: rgba(255, 255, 255, 0.05);
}

.config-menu .k-menu .personalize-set > .k-link:hover {
  /*background-color: rgba(255, 255, 255, 0.12) !important;*/
}

.config-menu .k-menu .config-account > .k-link:hover {
  /*background-color: rgba(255, 255, 255, 0.12) !important;*/
}

.config-menu .k-menu li span.k-link {
  background-color: var(--theme-color-1) !important;
}

/*sign out hover state*/
#menuConfig li.csSignOut > span.k-link:hover {
  background-color: var(--button-color-standard) !important;
}

.k-item.k-state-default.rmItem.messenger.k-first.k-state-focused {
  background-color: var(--theme-color-1) !important;
}

.k-item.k-state-default.rmItem.messenger.k-first:focus {
  background: var(--theme-color-1) !important;
}

.k-item.k-state-default.rmItem.messenger.k-first {
  background-color: var(--theme-color-1) !important;
}

.k-item.k-state-default.imgPadding.personalize-set.k-last {
  background-color: var(--theme-color-1) !important;
}

#myWildcardSearch1 {
  background: var(--theme-color-8);
}

#myWildcardSearch1 #txtKeywords {
  background: var(--theme-color-8);
  color: var(--text-color-muted);
}

.cyber-new-ui #myWildcardSearch1 #txtKeywords {
  color: var(--text-color-normal);
}

#txtKeywords::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  /*color: var(--text-color-normal);*/
}

#txtKeywords:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  /*color: var(--text-color-normal);*/
}

.help-menu-group select {
  border-color: rgba(0, 0, 0, 0.08);
  color: var(--text-color-muted);
  background-color: var(--theme-color-8);
  /* background-image: linear-gradient(#242528, #242528); */ 
}

#kendoAppMenu .k-menu-link {
  background: var(--theme-color-6);
}

.headerWrap .help-menu {
  background: var(--theme-color-6);
}

#kenoMainMenu > li.k-item > span.k-link,
#kenoMainMenu > li.k-item > a.k-link {
  background-color: var(--theme-color-1) !important;
  transition: .3s;
}

#kenoMainMenu > li.k-item > span.k-link:hover {
  background-color: var(--button-color-standard) !important;
}

#kenoMainMenu > li.k-item > a.k-link:hover {
  background-color: var(--button-color-standard) !important;
}

#kenoMainMenu > li.k-item > div ul li > span.k-link,
#kenoMainMenu > li.k-item > div ul li > a.k-link {
 background: var(--theme-color-1) !important;
 height:25px;
 margin:0;
}

#kenoMainMenu > li.k-item > div > ul li a.k-link:hover {
 background-color: var(--button-color-standard) !important;
 height:25px;
 margin:0;
}

#kenoMainMenu > li.k-item > div > ul > li > span.k-link:hover, #kenoMainMenu > li.k-item > div > ul > li > a.k-link:hover
{
   background-color: var(--button-color-standard) !important;
   height:25px;
   margin:0;
}
