﻿.header {
  z-index: 1030;
  width: 100%;
  height: 60px;
  background-color: white;
  position: relative;
  user-select: none; }
  .header a.submenu-open i.fa-chevron-down {
    -moz-transform: 180deg;
    -ms-transform: 180deg;
    -o-transform: 180deg;
    -webkit-transform: 180deg;
    transform: 180deg; }
  .header a.submenu-open i.fa-chevron-down {
    -moz-transform: 180deg;
    -ms-transform: 180deg;
    -o-transform: 180deg;
    -webkit-transform: 180deg;
    transform: 180deg; }
  .header ul.header-menu {
    float: right;
    position: relative; }
    .header ul.header-menu li.header-items > .submenu {
      top: 100%;
      right: 0; }
    .header ul.header-menu .has-submenu {
      position: relative; }
    .header ul.header-menu .submenu {
      float: right;
      white-space: nowrap;
      position: absolute;
      right: 100%;
      top: 0;
      background-color: #45546e;
      /*border: 1px solid lighten($color-second, 2%);*/
      transform: scaleY(0);
      transform-origin: top;
      transition: 0.3s;
      opacity: 0; }
      .header ul.header-menu .submenu li {
        width: 100%; }
      .header ul.header-menu .submenu .has-submenu a {
        border-right: 1px solid gray; }
      .header ul.header-menu .submenu.has-submenu {
        position: relative; }
        .header ul.header-menu .submenu.has-submenu .submenu {
          display: none; }
      .header ul.header-menu .submenu a {
        /*color: $color-second !important;*/
        text-shadow: none !important;
        /*For Menu ????? */
        /*text-align: center;
                                width: 85%;*/
        white-space: nowrap; }
    .header ul.header-menu .header-items i {
      font-size: 10px !important;
      position: relative;
      top: 2px;
      right: 8px; }
    .header ul.header-menu .header-items a {
      padding: 21px 17px !important; }
      .header ul.header-menu .header-items a:hover {
        color: lightgray !important; }
    .header ul.header-menu .header-items a {
      padding: 17px;
      display: block;
      font-size: 10px;
      font-weight: bold;
      text-shadow: none !important; }
    .header ul.header-menu li.header-items > .submenu {
      top: 100%;
      right: 0; }
    .header ul.header-menu .has-submenu {
      position: relative; }
    .header ul.header-menu .submenu {
      float: right;
      white-space: nowrap;
      position: absolute;
      right: 100%;
      top: 0;
      background-color: white;
      /*border: 1px solid lighten($color-second, 2%);*/
      transform: scaleY(0);
      transform-origin: top;
      transition: 0.3s;
      opacity: 0; }
      .header ul.header-menu .submenu li {
        width: 100%; }
      .header ul.header-menu .submenu .has-submenu a {
        border-right: 1px solid gray; }
      .header ul.header-menu .submenu.has-submenu {
        position: relative; }
        .header ul.header-menu .submenu.has-submenu .submenu {
          display: none; }
      .header ul.header-menu .submenu a {
        /*color: $color-second !important;*/
        text-shadow: none !important;
        /*For Menu ????? */
        /*text-align: center;
                                width: 85%;*/
        white-space: nowrap; }
    .header ul.header-menu .header-items i {
      font-size: 10px !important;
      position: relative;
      top: 2px;
      right: 8px; }
    .header ul.header-menu .header-items a {
      padding: 21px 17px !important; }
      .header ul.header-menu .header-items a:hover {
        color: lightgray !important; }
    .header ul.header-menu .header-items:first-child {
      padding: 0 !important; }
    .header ul.header-menu .brand-logo i {
      font-size: 48px !important;
      text-align: center;
      margin-left: 0 !important;
      margin-right: 10px; }
    .header ul.header-menu .brand-logo a {
      padding: 5px 30px 5px 30px; }
  .header .header-items > a {
    font-size: 13px;
    display: block;
    font-weight: bold;
    color: #2d3749 !important;
    padding: 20px 15px; }
    .header .header-items > a:hover {
      color: gray !important; }
  .header .header-tools {
    float: left; }
    .header .header-tools .account-menu a {
      padding: 10px !important; }
    .header .header-tools a {
      color: #088cc2 !important;
      padding: 20px 15px !important; }
      .header .header-tools a:hover {
        color: #0aaff3 !important; }
  .header li.header-items i {
    position: relative;
    top: 3px;
    margin-left: 8px;
    line-height: 1 !important; }
  .header li.header-items small {
    opacity: 0.8; }
  .header a.account-menu-button i.fa-chevron-down {
    position: absolute;
    left: 0;
    top: 23px;
    margin: 0 !important; }
    .header a.account-menu-button i.fa-chevron-down a.submenu-open i.fa-chevron-down {
      -moz-transform: 180deg;
      -ms-transform: 180deg;
      -o-transform: 180deg;
      -webkit-transform: 180deg;
      transform: 180deg; }
  .header .account-menu {
    position: absolute;
    width: 100%;
    background-color: white;
    right: 0;
    top: 90%;
    min-width: 180px;
    opacity: 1;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .header .account-menu.ng-hide {
      opacity: 0;
      top: 120%; }
    .header .account-menu > ul {
      z-index: 99;
      position: relative; }
    .header .account-menu .header-items {
      display: block;
      float: initial !important;
      width: 100%;
      padding: 0px;
      color: black !important;
      line-height: 1.4 !important; }
      .header .account-menu .header-items.first-menu-item a {
        color: #414f68 !important; }
        .header .account-menu .header-items.first-menu-item a i {
          float: left;
          top: 0px;
          font-size: 11px !important;
          margin-left: 3px; }
      .header .account-menu .header-items ul.second-menu-items {
        background-color: whitesmoke;
        -moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        height: auto;
        overflow: hidden; }
        .header .account-menu .header-items ul.second-menu-items.ng-hide {
          height: 0 !important; }
        .header .account-menu .header-items ul.second-menu-items a {
          color: #088cc2 !important;
          padding-right: 15px !important;
          padding-left: 15px !important; }
          .header .account-menu .header-items ul.second-menu-items a:hover {
            color: #414f68 !important; }

.header-items.has-menu {
  position: relative;
  padding-right: 10px !important;
  min-width: 140px; }

html body .language-menu .language-menu ul {
  float: left !important; }
  html body .language-menu .language-menu ul.header-tools.language-tools {
    color: white; }
    html body .language-menu .language-menu ul.header-tools.language-tools a {
      font-weight: normal !important;
      padding: 0 14px !important;
      margin: 11px 0 !important; }
      html body .language-menu .language-menu ul.header-tools.language-tools a.selected-language {
        font-weight: bold !important;
        pointer-events: none; }
      html body .language-menu .language-menu ul.header-tools.language-tools a img {
        position: relative;
        top: 0px;
        right: -4px; }
    html body .language-menu .language-menu ul.header-tools.language-tools li a {
      border-left: 1px solid gray; }
    html body .language-menu .language-menu ul.header-tools.language-tools li:last-child a {
      border-left: none !important; }

html body .language-menu .language-menu li {
  position: relative; }

html body .language-menu li {
  position: relative; }
