﻿#headerbar {
  min-height: 26px;
  background-color: #1f3d7a;
  display: inline-block;
  width: 100%;
}

#headerbar #mainmenu {
  z-index: 100;
  *width: 81%;
  background-color: #1f3d7a;
  float: left;
  height: 26px;
}

#headerbar #status {
  height: 25px;
  float: right;
  z-index: 101;
  background-color: #1f3d7a;
  margin: 0 7px;
}

#headerbar #status #statusIcons {
  height: 25px;
  display: inline-block;
}

#headerbar #status #statusIcons a {
  margin: -2px 5px 0 5px;
  padding: 0 0 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
}

#headerbar #status #statusIcons a.emailIcon {
  background: url(../../Images/email_icon.gif) no-repeat top left;
}

#headerbar #status #statusIcons a.emailIcon:hover {
  background-position: bottom;
}

#headerbar #status #statusIcons a.exportIcon {
  background: url(../../Images/export_icon.gif) no-repeat top left;
}

#headerbar #status #statusIcons a.exportIcon:hover {
  background-position: bottom;
}

#headerbar #status #statusIcons a.printPreviewIcon {
  background: url(../../Images/printPreview_icon.gif) no-repeat top left;
}

#headerbar #status #statusIcons a.printPreviewIcon:hover {
  background-position: bottom;
}

#headerbar #status #statusIcons a.helpIcon {
  background: url(../../Images/help_icon.gif) no-repeat top left;
}

#headerbar #status #statusIcons a.helpIcon:hover {
  background-position: bottom;
}

#headerbar #status #statusIcons a.preferencesIcon {
  background: url(../../Images/preferences_icon.png) no-repeat top left;
}

#headerbar #status #statusIcons a.preferencesIcon:hover {
  background-position: bottom;
}

#headerbar #status #statusIcons a.logoutIcon {
  margin-right: 10px;
  background: url(../../Images/logout_icon.gif) no-repeat top left;
}

#headerbar #status #statusIcons a.logoutIcon:hover {
  margin-right: 10px;
  background-position: bottom;
}

#admin-headerbar {
  min-height: 26px;
  background-color: #1f3d7a;
  display: inline-block;
  width: 100%;
}

#admin-headerbar #admin-mainmenu {
  z-index: 100;
  *width: 81%;
  background-color: #1f3d7a;
  float: left;
  height: 26px;
}

#admin-headerbar #admin-status {
  height: 25px;
  float: right;
  z-index: 101;
  background-color: #1f3d7a;
  margin: 0 7px;
}

#admin-headerbar #admin-status a {
  margin: -2px 5px 0 5px;
  padding: 0 0 0 0;
  display: inline-block;
  width: 25px;
  height: 25px;
}

#admin-headerbar #admin-status a.logoutIcon {
  margin-right: 10px;
  background: url(../../Images/logout_icon.gif) no-repeat top left;
}

#admin-headerbar #admin-status a.logoutIcon:hover {
  margin-right: 10px;
  background-position: bottom;
}

#mainmenu, #admin-mainmenu {
  border-collapse: collapse;
}

#mainmenu a, #admin-mainmenu a {
  font-size: 100% !important;
}

#mainmenu a:hover, #admin-mainmenu a:hover {
  text-decoration: none !important;
  color: #fff;
}

#mainmenu td, #admin-mainmenu td {
  padding: 0;
  border: 0;
}

.mainMenuStatic td {
  width: auto !important;
}

.mainMenuStatic a {
  margin-left: 10px !important;
  margin-right: 10px;
}

.mainMenuStaticItem {
  height: 25px;
  text-align: center;
  border-right: 1px solid #d2e9f7;
}

.mainMenuDynamic {
  padding-bottom: 2px;
  background: #83c1e8 url(../../Images/fadestrip.png) repeat-x bottom left;
}

.mainMenuDynamic table {
  border-bottom: solid 1px #fff;
}

.mainMenuDynamic a {
  display: inline-block;
  white-space: nowrap !important;
  width: 100%;
  padding: 4px 10px;
}

.mainMenuDynamicHover a {
  color: #fff !important;
}

.mainMenuDynamicHover td {
  background: #d1d100;
}

#mobileLogoContainer {
  display: none;
}

@media (max-width: 1024px) {
  #status {
    display: none;
  }
  .currentUserDiv {
    display: none;
  }
  #mobileLogoContainer {
    text-align: center;
    height: 36px;
    top: 0;
    position: absolute;
    width: 100%;
    display: block;
    pointer-events: none;
  }
  #mobileLogo {
    background: url(../../Images/toplogo.png) no-repeat top left;
    width: 170px;
    display: inline-block;
    height: 36px;
  }
  #hamburger {
    padding: 7px 0 0 5px;
  }
  #headerbar {
    display: none;
  }
  #footer {
    display: none;
  }
  #statusInMenu {
    text-align: center;
  }
  #statusInMenu a {
    margin: 0 12%;
    padding: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
  }
  #statusInMenu a.printPreviewIcon {
    display: none;
  }
  #statusInMenu a.logoutIcon:hover {
    background-position: bottom;
  }
  #statusInMenu a.preferencesIcon:hover {
    background-position: bottom;
  }
  #statusInMenu a.helpIcon:hover {
    background-position: bottom;
  }
  #statusInMenu .logoutIcon {
    background: url(../../Images/logout_icon.gif) no-repeat top left;
  }
  #statusInMenu .preferencesIcon {
    background: url(../../Images/preferences_icon.png) no-repeat top left;
  }
  #statusInMenu .helpIcon {
    background: url(../../Images/help_icon.gif) no-repeat top left;
  }
  #curentUserInMenu {
    text-align: center;
    padding-left: 14px;
  }
  #curentUserInMenu span {
    color: #8f9ebc;
    padding: 20px;
  }
  #header h1 {
    display: none;
  }
  span .hamburger-inner {
    background-color: #fff;
    width: 30px;
    height: 3px;
  }
  span .hamburger-inner:after {
    background-color: #fff;
    width: 30px;
    height: 3px;
  }
  span .hamburger-inner:before {
    background-color: #fff;
    width: 30px;
    height: 3px;
  }
}

.search-text-box {
  border: 1px solid #1f3d7a;
  padding-left: 5px;
  padding-right: 18px;
  float: right;
  Width: 160px;
}

.search-mmenu {
  text-decoration: none !important;
}

.search-textbox-mmenu {
  color: #fff !important;
  background: #2c4f96 !important;
  padding-left: 8px;
  padding-right: 20px;
  border-radius: 8px;
  width: 100%;
}

.search-textbox-mmenu:-ms-input-placeholder {
  color: #5980cf;
}

.search-textbox-mmenu:-moz-placeholder {
  color: #5980cf;
  opacity: 1;
}

.search-textbox-mmenu::-webkit-input-placeholder {
  color: #5980cf;
}

.search-textbox-mmenu::-moz-placeholder {
  color: #5980cf;
  opacity: 1;
}

.search-icon-mmenu {
  background: #2c4f96 !important;
  color: #5980cf !important;
  position: absolute !important;
  top: 12px;
  right: 14px;
  font-size: 13px;
}

.mmenu-iconbar-bottom {
  margin: 0 !important;
  padding: 0 3em 0 3em !important;
  display: flex !important;
  justify-content: space-around !important;
}

.mmenu-icon {
  color: #bbc4d0 !important;
  font-size: 16px !important;
  padding: 6px !important;
}

.mmenu-icon:hover {
  color: #f8f9fb !important;
  background-color: #61728f !important;
}

#mmenu {
  display: none;
  z-index: 999;
}

.mm-menu.mm-offcanvas {
  display: none;
  width: 290px !important;
}

.mm-opening .mm-slideout {
  -webkit-transform: translate3d(290px, 0, 0) !important;
}

.mainMenuStaticHover td {
  white-space: nowrap;
}

.mainMenuDynamicItem td {
  vertical-align: middle;
  background-color: #a8d2ee;
  color: #002060;
  height: 25px;
}

/*# sourceMappingURL=CommonMainMenu.css.map */