.headerContainer {
  background: #FFFFFF !important;
  position: relative !important;
  height: 44px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important;
  z-index: 999 !important;
}

.headerContainerAdmin {
  background: #FFFFFF !important;
  position: fixed !important;
  height: 44px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important;
  z-index: 9999 !important;
}

.udcIcon {
  width: 77px;
  height: 32px;
  margin: 0px 0 0 35px;
}

.mayahiiIcon {
  width: 100px;
  height: 16px;
  margin: 0;
  position: relative;
  left: 30px;
  float: left;
}

@media (min-width: 600px) {
  .mayahiiIcon {
    width: 128px;
    height: 21px;
    margin: 0;
    position: relative;
    left: 30px;
    float: left;
  }
}

@media (min-width: 980px) {
  .mayahiiIcon {
    left: -20px;
  }
}

@media (min-width: 1441px) {
  .mayahiiIcon {
    margin-left: 25px;
  }
}

.mayahiiIconAdmin {
  width: 128px;
  height: 21px;
  margin: 0;
  position: relative;
  left: -30px;
  float: left;
}

.imgAvatar {
  width: 100%;
  height: 100%;
}

.headerMenu {
  width: calc(100% - 44px);
  margin-right: 0;
  position: relative;
  min-height: 44px !important;
}

@media (min-width: 600px) {
  .headerMenu {
    padding-right: 20px !important;
  }
}

@media (min-width: 980px) {
  .headerMenu {
    width: 925px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1440px) {
  .headerMenu {
    width: 1280px;
    margin-left: 40px;
    margin-right: 0;
  }
}
@media (min-width: 1441px) {
  .headerMenu {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 979px) {
  .tabsContainer {
    display: none;
  }
}

.menuHeader {
  display: none !important;
}

@media (min-width: 980px) {
  .menuHeader {
    display: block !important;
    margin: 0 2.5%;
    min-width: 75%;
    max-width: 75%;
    float: left;
    margin-left: -20px;
  }
}

.menuHeaderUDC {
  display: block;
  margin: 0 2.5% 0 494px;
  min-width: 50%;
  max-width: 50%;
  float: left;
}

.menuHeader__itemNoShow {
  display: none !important;
}

.tabSelectedCampus {
  background-color: rgb(253, 233, 236) !important;
  margin: 15px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 160px !important;
}

@media (min-width: 1440px) {
  .tabSelectedCampus {
    font-size: 13px !important;
    width: 188px !important;
  }
}

.menuHeader__itemCampus {
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 168px !important;
}

@media (min-width: 1440px) {
  .menuHeader__itemCampus {
    font-size: 13px !important;
    width: 188px !important;
  }
}

.tabSelectedStore {
  background-color: rgb(253, 233, 236) !important;
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #000000 !important;
  font-family: Roboto !important;
  width: 121px !important;
}

@media (min-width: 1440px) {
  .tabSelectedStore {
    font-size: 13px !important;
    width: 155px !important;
  }
}

.menuHeader__itemStore {
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 147px !important;
  min-width: 160px !important;
}

@media (min-width: 1440px) {
  .menuHeader__itemStore {
    font-size: 13px !important;
    width: 155px !important;
  }
}

.tabSelectedTeach {
  background-color: rgb(253, 233, 236) !important;
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #000000 !important;
  font-family: Roboto !important;
  width: 170px !important;
}

@media (min-width: 1440px) {
  .tabSelectedTeach {
    font-size: 13px !important;
    width: 215px !important;
  }
}

.menuHeader__itemTeach {
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 170px !important;
}

@media (min-width: 1440px) {
  .menuHeader__itemTeach {
    font-size: 13px !important;
    width: 215px !important;
  }
}

.menuHeader__itemAdmin {
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 170px !important;
}

@media (min-width: 1440px) {
  .menuHeader__itemAdmin {
    font-size: 13px !important;
    width: 238px !important;
  }
}

.menuHeader__itemSelectedAdmin {
  background-color: rgb(253, 233, 236) !important;
  margin: 25px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 238px !important;
  padding: 6px 12px !important;
}

@media (min-width: 1440px) {
  .menuHeader__itemSelectedAdmin {
    font-size: 13px !important;
    width: 238px !important;
  }
}

.menuHeader__itemAbout {
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 100px !important;
  min-width: 160px !important;
}

@media (min-width: 1440px) {
  .menuHeader__itemAbout {
    font-size: 13px !important;
    width: 148px !important;
    min-width: 160px !important;
  }
}

.menuHeader__itemSelectedAbout {
  background-color: rgb(253, 233, 236) !important;
  margin: 10px 0 !important;
  min-height: 10px !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #494949 !important;
  font-family: Roboto !important;
  width: 148px !important;
}

.userOptions {
  width: 150px !important;
  position: absolute !important;
  right: 0 !important;
  top: 10px;
}

@media (min-width: 600px) {
  .userOptions {
    margin-right: 40px;
  }
}


@media (min-width: 980px) {
  .userOptions {
    margin-right: 20px;
  }
}

.btnUserMenu {
  color: #000000 !important;
  float: left !important;
  min-width: 60px !important;
  max-width: 60px !important;
  padding: 0 !important;
  display: none;
}

@media (min-width: 1440px) {
  .btnUserMenu {
    display: inline-flex;
  }
}

.btnUserMenu:hover {
  background: transparent !important;
}

.btnUserMenuAdmin {
  color: #000000 !important;
  float: left !important;
  min-width: 60px !important;
  max-width: 60px !important;
  padding: 0 !important;
  left: 30px;
}

.btnUserMenuAdmin:hover {
  background: transparent !important;
}

@media (min-width: 1441px) {
  .btnUserMenuAdmin {
    left: 25px;
  }
}

.menuUserLanguage {
  background-color: #FFFFFF !important;
  margin-top: 40px !important;
  margin-left: -20px !important;
  width: 125px !important;
}

.menuItemLanguage {
  color: #000000 !important;
}

.menuItemLanguage:hover: {
  background: #464872 !important;
  color: #FFFFFF !important;
}

.helpIconContainer {
  position: absolute !important;
  right: 30px !important;
  z-index: 9;
  padding: 0 !important;
  min-width: 20px !important;
}
.helpIconContainer:hover {
  background-color: transparent !important;
}

@media (min-width: 1440px) {
  .helpIconContainer {
    display: block;
  }
}

.helpIcon {
  color: #000000 !important;
  float: left !important;
  font-size: 25px !important;
}
.helpIcon:hover {
  background-color: transparent !important;
}

.btnUser {
  position: absolute !important;
  right: -3px;
  min-width: 20px !important;
}

.btnUser:hover {
  background-color: transparent !important;
}

@media (min-width: 1440px) {
  .btnUser {
    top: 0
  }
}

.userAvatar {
  width: 25px !important;
  height: 25px !important;
  margin: 10px 0 0 0px !important;
  float: left !important;
  position: absolute;
}

.noUserAvatar {
  width: 25px !important;
  height: 25px !important;
  margin: 23px 0 0 0px !important;
  float: left !important;
  position: absolute;
}

.imgAvatarUser {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  float: left !important;
}

.menuUserContainer {
  background-color: #FFFFFF !important;
  margin-top: 30px !important;
  margin-left: 20px !important;
  width: 265px !important;
  left: calc(100% - 300px) !important;
}

@media (min-width: 1441px): {
  .menuUserContainer {
    left: calc(100% - 450px) !important;
  }
}

.menuUserInfoItem {
  height: 100px !important;
}

.menuUserInfoItem:hover {
  background-color: transparent !important;
}

.userAvatarMenu {
  width: 59px !important;
  height: 59px !important;
  margin: 0 !important;
  float: left !important;
}

.userName {
  font-size: 16px !important;
  margin-left: 10px !important;
  font-weight: bold !important;
  float: left !important;
  top: 15px !important;
  position: relative !important;
}
.userEmail {
  font-size: 10px !important;
  width: 100% !important;
  position: absolute !important;
  top: 80px !important;
}

.menuUserItem {
  color: #000000 !important;
  fontSize: 14px !important;
  height: 40px !important;
  border-top: 1px solid #9f9f9f !important;
}

.menuUserItem:hover {
  background-color: #EEDBDE !important;
}