.visibleVisibility {
		visibility: visible!important;
	}
	
	.b-navigation__dropdown-label-copy {
  display: block; }
  .b-navigation__dropdown-label-copy:after {
    display: inline-block;
    width: 24px;
    height: 18px;
    background-image: url("/eGuide/jakarta.faces.resource/w/images/icons/icon-triangle-down.png.xhtml?v=2");
    background-size: 24px;
    background-repeat: no-repeat;
    content: ""; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
      .b-navigation__dropdown-label-copy:after {
        background-image: url(""); } }

.b-navigation__dropdown-label-copy--is-active {
  color: #47d5ff; }

.b-navigation__dropdown-label-copy:hover:after,
.b-navigation__dropdown-label-copy:focus:after,
.b-navigation__dropdown-label-copy--is-active:after {
  background-image: url("/eGuide/jakarta.faces.resource/w/images/icons/icon-triangle-down.png.xhtml?v=2"); }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .b-navigation__dropdown-label-copy:hover:after,
    .b-navigation__dropdown-label-copy:focus:after,
    .b-navigation__dropdown-label-copy--is-active:after {
      background-image: url(""); } }
	
	
@font-face {
    font-family: 'simplon', Arial, Meiryo, sans-serif;
    font-weight: 400;
    src: url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Regular-WebXL.eot");
    src: url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Regular-WebXL.eot#iefix") format('embedded-opentype'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Regular-WebXL.woff2") format('woff2'), 
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Regular-WebXL.woff") format('woff'), 
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Regular-WebXL.ttf") format('truetype'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Regular-WebXL.svg#Font") format('svg')
  }
  
  @font-face {
    font-family: 'simplon', Arial, Meiryo, sans-serif;
    font-weight: 500;
    src: url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Medium-WebXL.eot");
    src: url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Medium-WebXL.eot#iefix") format('embedded-opentype'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Medium-WebXL.woff2") format('woff2'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Medium-WebXL.woff") format('woff'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Medium-WebXL.ttf") format('truetype'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Medium-WebXL.svg#Font") format('svg')
  }
  
  @font-face {
    font-family: 'simplon', Arial, Meiryo, sans-serif;
    font-weight: 700;
    src: url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Bold-WebXL.eot");
    src: url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Bold-WebXL.eot#iefix") format('embedded-opentype'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Bold-WebXL.woff2") format('woff2'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Bold-WebXL.woff") format('woff'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Bold-WebXL.ttf") format('truetype'),
         url("https://webaccess.wipo.int/gipp-navbar/fonts/SimplonNorm-Bold-WebXL.svg#Font") format('svg')
  }
  
  
  html {
   font-family: sans-serif;
   /* 1 */
   -ms-text-size-adjust: 100%;
   /* 2 */
   -webkit-text-size-adjust: 100%;
   /* 2 */ }
  
  /**
  * Remove default margin.
  */
  body {
   margin: 0; }
  
   .a-white:link {
    color: white !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-white:hover{
    color: white !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-white:active {
    color: white !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-white:visited {
    color: white !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  /**/
  .a-black:link {
    color: black !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-black:hover{
    color: black !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-black:active {
    color: black !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-black:visited {
    color: black !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }


  .a-grey:link {
    color: gray !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-grey:hover{
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-grey:active, .a-grey:focus {
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .a-grey:visited {
    color: gray !important;
    text-decoration: none !important;
    font-weight: normal !important;
  }

  .uppercase {
    text-transform: uppercase;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
   display: block; }
  
  
  audio,
  canvas,
  progress,
  video {
   display: inline-block;
   /* 1 */
   vertical-align: baseline;
   /* 2 */ }
  
  
  audio:not([controls]) {
   display: none;
   height: 0; }
  
  
  [hidden],
  template {
   display: none; }
  
  /* Links
    ========================================================================== */
  /**
  * Remove the gray background color from active links in IE 10.
  */
  a {
   background-color: transparent; }
  
  /**
  * Improve readability of focused elements when they are also in an
  * active/hover state.
  */
  a:active,
  a:hover {
   outline: 0; }
  
  /* Text-level semantics
    ========================================================================== */
  /**
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */
  abbr[title] {
   border-bottom: 1px dotted; }
  
  
  b,
  strong {
   font-weight: bold; }
  
  /**
  * Address styling not present in Safari and Chrome.
  */
  dfn {
   font-style: italic; }
  
  
  h1 {
   font-size: 2em;
   margin: 0.67em 0; }
  
  /**
  * Address styling not present in IE 8/9.
  */
  mark {
   background: #ff0;
   color: #000; }
  
  /**
  * Address inconsistent and variable font size in all browsers.
  */
  small {
   font-size: 80%; }
  
  
  sub,
  sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline; }
  
  sup {
   top: -0.5em; }
  
  sub {
   bottom: -0.25em; }
  
  /* Embedded content
    ========================================================================== */
  
  img {
   border: 0; }
  
  /**
  * Correct overflow not hidden in IE 9/10/11.
  */
  svg:not(:root) {
   overflow: hidden; }
  
  /* Grouping content
    ========================================================================== */
  /**
  * Address margin not present in IE 8/9 and Safari.
  */
  figure {
   margin: 1em 40px; }
  
  /**
  * Address differences between Firefox and other browsers.
  */
  hr {
   box-sizing: content-box;
   height: 0; }
  
  /**
  * Contain overflow in all browsers.
  */
  pre {
   overflow: auto; }
  
  
  code,
  kbd,
  pre,
  samp {
   font-family: monospace, monospace;
   font-size: 1em; }
  
  button,
  input,
  optgroup,
  select,
  textarea {
   color: inherit;
   /* 1 */
   font: inherit;
   /* 2 */
   margin: 0;
   /* 3 */ }
  
  
  button {
   overflow: visible; }
  
  
  button,
  select {
   text-transform: none; }
  
  
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
   -webkit-appearance: button;
   /* 2 */
   cursor: pointer;
   /* 3 */ }
  
  /**
  * Re-set default cursor for disabled elements.
  */
  button[disabled],
  html input[disabled] {
   cursor: default; }
  
  /**
  * Remove inner padding and border in Firefox 4+.
  */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
   border: 0;
   padding: 0; }
  
  
  input {
   line-height: normal; }
  
  
  input[type="checkbox"],
  input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */ }
  
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
   height: auto; }
  
  input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   box-sizing: content-box;
   /* 2 */ }
  
  
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }
  
  /**
  * Define consistent border, margin, and padding.
  */
  fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
  
  
  legend {
   border: 0;
   /* 1 */
   padding: 0;
   /* 2 */ }
  
  /**
  * Remove default vertical scrollbar in IE 8/9/10/11.
  */
  textarea {
   overflow: auto; }
  
  
  optgroup {
   font-weight: bold; }
  
  /* Tables
    ========================================================================== */
  /**
  * Remove most spacing between table cells.
  */
  table {
   border-collapse: collapse;
   border-spacing: 0; }
  
  td,
  th {
   padding: 0; }
  
  /* Generic
  ------------------------------------------ */
  html {
   box-sizing: border-box; }
  
  * {
   box-sizing: inherit; }
  
  /* Base styles
  ------------------------------------------ */
  html {
   min-width: 1080px;
   background-color: #f7f7f7;
   color: #1a1a1a;
   font-size: 100%;
   font-family: "simplon", Arial, Meiryo, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
   .lt-ie9 html {
     width: 1080px; }
  
  body {
   width: 100%;
   font-size: 16px;
   line-height: 1.5; }
  
  ::-moz-selection {
   background-color: #b2d7ff; }
  
  ::selection {
   background-color: #b2d7ff; }
  
  a {
   color: inherit;
   text-decoration: underline;
   cursor: pointer; }
   
   a:focus {
     outline: 0; }
  
  fieldset {
   margin-right: 0;
   margin-left: 0;
   border: 0;
   padding: 0; }
  
  select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #1a1a1a; }
  
  p {
   margin-top: 1em;
   margin-bottom: 0; }
   p:first-child {
     margin-top: 0; }
  
  ul {
   margin-top: 1.5em;
   margin-bottom: 0;
   padding-left: 1em; }
   ul:first-child {
     margin-top: 0; }
  
  .navbar-wrapper {
   margin-right: auto;
   margin-left: auto; 
   overflow-y: auto;
   position: absolute;
   max-height: 100%;
   width: 100%;
   z-index: 10000;
  }

  .navbar-wrapper:after {
     display: table;
     clear: both;
     content: ""; 
    }
  .triangle:after {
    display: block;
    content: ""; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: 27px; margin-left: -11px;
    left: 50%;
    z-index: 10001;
   } 
   .navbar-cart_dropdown{
    left: -50px !important;
   }
   .navbar-cart_dropdown:after{
    margin-left: 22% !important;
   }
   .navbar-navigation__dropdown-group:after{
    display: block;
    content: ""; 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -9px;
    margin-left: 10%;
   } 


  .logged-username,.logged-customerId {    
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden; 
    /* padding-top: 17px;
    margin-bottom: -9px; */
    }
    .logged-username{
      max-width: 14em;
    }
    .mobile-list.logged-username{
      max-width: 7em;
    }
  
  /* navbar-pointer
  ------------------------------------------ */
  .navbar-pointer {
   position: relative;
   background-clip: padding-box; }
  
  .navbar-pointer__arrow:after, .navbar-pointer__arrow:before {
   position: absolute;
   left: 50%;
   z-index: 5;
   width: 0;
   height: 0;
   margin-left: -13px;
   border: 13px solid transparent;
   content: " ";
   pointer-events: none; }
  .navbar-pointer__arrow:before {
   bottom: -17px;
   border-bottom-color: #cccccc; }
  .navbar-pointer__arrow:after {
   bottom: -18px;
   border-bottom-color: #ffffff; }
  
  .navbar-pointer--left .navbar-pointer__arrow:after, .navbar-pointer--left .navbar-pointer__arrow:before {
   left: 1.5em; }
  
  .navbar-pointer--right .navbar-pointer__arrow:after, .navbar-pointer--right .navbar-pointer__arrow:before {
   left: 80%; }
  
  .navbar-pointer--small .navbar-pointer__arrow:before {
   margin-left: -10px;
   border-width: 10px; }
  .navbar-pointer--small .navbar-pointer__arrow:after {
   margin-left: -9px;
   border-width: 9px; }
  
  .navbar-pointer--top .navbar-pointer__arrow:after, .navbar-pointer--top .navbar-pointer__arrow:before {
   bottom: 100%; }
  
  .navbar-pointer--is-edit-denied > .navbar-pointer__arrow:after {
   border-bottom-color: #f0f0f0; }
  
  .navbar-pointer__arrow--hover:after {
   border-bottom-color: #f0f0f0; }
  
  /* Icons
  ------------------------------------------ */
  .navbar-icon {
   opacity: 0.4;
   filter: alpha(opacity=40);
   display: block;
   overflow: hidden;
   width: 23px;
   background-size: 24px;
   background-repeat: no-repeat;
   text-indent: 100%;
   white-space: nowrap;
   transition: opacity 160ms ease-in; }
  
  .navbar-icon--inline {
   display: inline-block;
   margin-top: -0.1875em;
   vertical-align: middle;
   line-height: 1.5; }
  
   .navbar-icon--close {
    background-image: url("https://webaccess.wipo.int/gipp-navbar/images/icons/icon-close.png") !important
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:192dpi), screen and (min-resolution:2dppx) {
    .navbar-icon--close {
      background-image: url("https://webaccess.wipo.int/gipp-navbar/images/icons/icon-close@2x.png") !important
    }
  }
  
  /* Button Group
  ------------------------------------------ */
  .navbar-button-group:after {
   display: table;
   clear: both;
   content: ""; }
  .navbar-button-group .navbar-button {
   float: left; }
   [dir="rtl"] .navbar-button-group .navbar-button {
     float: right; }
  
  .navbar-button-group--right {
   float: right;
   margin-left: auto;
   text-align: right; }
   [dir="rtl"] .navbar-button-group--right {
     float: left; }
  
  .navbar-button-group--is-narrow {
   width: 50%; }
  
  .navbar-button-group--full-height {
   position: absolute;
   top: 0;
   bottom: 0; }
   [dir="rtl"] .navbar-button-group--full-height {
     right: auto;
     left: 0; }
   .navbar-button-group--full-height, [dir="ltr"] .navbar-button-group--full-height {
     right: 0;
     left: auto; }
  
  /* Full Height Button: Small
  ------------------------------------------ */
  .navbar-button-small {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 0;
   border-radius: 0;
   vertical-align: top;
   text-decoration: none;
   line-height: inherit;
   cursor: pointer;
   height: 100%;
   outline: 1px solid transparent;
   padding: 0 0.75em;
   transition: background-color 160ms ease-in;
   min-height: 2.9375em;
   line-height: 2.9375em;
   background-color: #f0f0f0;
   color: #808080;
   box-shadow: none; }
   [dir="rtl"] .navbar-button-small {
     border-right: 1px solid #cccccc;
     border-left: 0; }
   .navbar-button-small, [dir="ltr"] .navbar-button-small {
     border-right: 0;
     }
   .navbar-button-small:hover, .navbar-button-small:focus, .navbar-button-small:active {
     position: relative;
     z-index: 4;
     transition: background-color 160ms ease-out; }
     [dir="rtl"] .navbar-button-small:hover, [dir="rtl"] .navbar-button-small:focus, [dir="rtl"] .navbar-button-small:active {
       margin-right: 1px;
       margin-left: 0;
       border-right-color: transparent;
       padding-right: 0.6875em;
       padding-left: 0.75em; }
     .navbar-button-small:hover, [dir="ltr"] .navbar-button-small:hover, .navbar-button-small:focus, [dir="ltr"] .navbar-button-small:focus, .navbar-button-small:active, [dir="ltr"] .navbar-button-small:active {
       margin-right: 0;
       margin-left: 1px;
       border-left-color: transparent;
       padding-right: 0.75em;
       padding-left: 0.6875em; }
   .navbar-button-small:hover > .navbar-icon, .navbar-button-small:focus > .navbar-icon {
     opacity: 0.88;
     filter: alpha(opacity=88); }
   .navbar-button-small:hover, .navbar-button-small:focus, .navbar-button-small:active {
     color: #1a1a1a; }
   .navbar-button-small:active {
     box-shadow: inset -1px 1px 3px rgba(0, 0, 0, 0.2); }
   .navbar-button-small:hover, .navbar-button-small:focus, .navbar-button-small:active {
     outline: 1px solid #808080; }
   .navbar-button-small:active {
     background-color: #e6e6e6; }
     [dir="rtl"] .navbar-button-small:active {
       border-right-color: silver; }
     .navbar-button-small:active, [dir="ltr"] .navbar-button-small:active {
       border-left-color: silver; }
   [dir="rtl"] .navbar-button-small {
     float: right; }
   .navbar-button-small, [dir="ltr"] .navbar-button-small {
     float: left; }
  
  .navbar-button-small--is-type_primary {
   background-color: #67d1f1;
   color: #494949;
   outline: 1px solid transparent;
   font-weight: 400; }
   .navbar-button-small--is-type_primary:hover, .navbar-button-small--is-type_primary:focus {
     background-color: #5dbcd9; }
   .navbar-button-small--is-type_primary:active {
     background-color: #4cc2e6; }
   .navbar-button-small--is-type_primary:hover, .navbar-button-small--is-type_primary:focus {
     outline: 1px solid #4791a8; }
   .navbar-button-small--is-type_primary:active {
     outline: 1px solid #328199; }
  
  .navbar-button-small--is-disabled {
   box-shadow: none;
   background-color: #f7f7f7;
   color: #cccccc;
   cursor: default;
   pointer-events: none; }
   .navbar-button-small--is-disabled > .navbar-icon {
     opacity: 0.2;
     filter: alpha(opacity=20); }
   [dir="rtl"] .navbar-button-small--is-disabled {
     border-right-color: #e6e6e6; }
   .navbar-button-small--is-disabled, [dir="ltr"] .navbar-button-small--is-disabled {
     border-left-color: #e6e6e6; }
   .navbar-button-small--is-disabled:hover, .navbar-button-small--is-disabled:focus, .navbar-button-small--is-disabled:active {
     outline: 0; }
  
  /* Stand-alone Buttons
  ------------------------------------------ */
  .navbar-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 0;
   border-radius: 0;
   vertical-align: top;
   text-decoration: none;
   line-height: inherit;
   cursor: pointer;
   display: inline-block;
   margin-bottom: 0.6875em;
   padding: 0.75em 1.0625em 0.6875em;
   transition: all 160ms ease-in;
   border: 1px solid #cccccc;
   background-color: #ffffff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   color: #808080; }
   .navbar-button:hover, .navbar-button:focus {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     transition: all 160ms ease-out; }
   .navbar-button:active {
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
   [dir="rtl"] .navbar-button {
     margin-right: 1.125em;
     margin-left: 0; }
     [dir="rtl"] .navbar-button:first-child {
       margin-right: 0; }
     [dir="rtl"] .navbar-button:last-child {
       margin-left: 0; }
   .navbar-button, [dir="ltr"] .navbar-button {
     margin-right: 0;
     margin-left: 1.125em; }
     .navbar-button:first-child, [dir="ltr"] .navbar-button:first-child {
       margin-left: 0; }
   .navbar-button:hover, .navbar-button:focus {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
   .navbar-button:hover, .navbar-button:focus, .navbar-button:active {
     outline: 0;
     color: #1a1a1a; }
   .navbar-button:active {
     border: 1px solid #919191;
     background-color: #f0f0f0; }
  
  .navbar-button--small {
   margin-top: 0.375em;
   margin-bottom: 0.375em;
   padding: 0.3125em 0.6875em; }
   [dir="rtl"] .navbar-button--small {
     margin-right: 0.375em;
     margin-left: 0; }
   .navbar-button--small, [dir="ltr"] .navbar-button--small {
     margin-right: 0;
     margin-left: 0.375em; }
  
  .navbar-button--is-type_primary {
   background-color: #67d1f1;
   color: #494949;
   border: 1px solid #52a7c0;
   font-weight: 500; }
   .navbar-button--is-type_primary:hover, .navbar-button--is-type_primary:focus {
     background-color: #5dbcd9; }
   .navbar-button--is-type_primary:active {
     background-color: #4cc2e6; }
   .navbar-button--is-type_primary:hover, .navbar-button--is-type_primary:focus {
     border: 1px solid #4791a8; }
   .navbar-button--is-type_primary:active {
     border: 1px solid #328199; }
  
  .navbar-button--is-type_secondary {
   background-color: #f0f0f0;
   box-shadow: none; }
   .navbar-button--is-type_secondary:hover, .navbar-button--is-type_secondary:focus {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
   .navbar-button--is-type_secondary:hover, .navbar-button--is-type_secondary:focus, .navbar-button--is-type_secondary:active {
     border: 1px solid #808080; }
   .navbar-button--is-type_secondary:active {
     background-color: #e6e6e6;
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  
  .navbar-button--is-type_warning {
   border: 1px solid #ccb278;
   background-color: #ffdf97;
   color: #4c422d;
   font-weight: 500; }
   .navbar-button--is-type_warning:hover, .navbar-button--is-type_warning:focus {
     border: 1px solid #b29b69; }
   .navbar-button--is-type_warning:active {
     border: 1px solid #ad9695;
     background-color: #f2c869; }
  
  .navbar-button--is-type_error,
  .navbar-button--is-type_danger {
   background-color: #ff8787;
   color: #494949;
   font-weight: 500;
   border: 1px solid #cc6c6c; }
   .navbar-button--is-type_error:active,
   .navbar-button--is-type_danger:active {
     background-color: #f26868; }
   .navbar-button--is-type_error:hover, .navbar-button--is-type_error:focus,
   .navbar-button--is-type_danger:hover,
   .navbar-button--is-type_danger:focus {
     border: 1px solid #b45f5f; }
   .navbar-button--is-type_error:active,
   .navbar-button--is-type_danger:active {
     border: 1px solid #a34545; }
  
  .navbar-button--is-icon {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 0;
   border-radius: 0;
   vertical-align: top;
   text-decoration: none;
   line-height: inherit;
   cursor: pointer;
   height: 100%;
   outline: 0;
   padding-top: 0;
   padding-bottom: 0;
   background-color: transparent;
   box-shadow: none;
   padding-right: 0.75em;
   padding-left: 0.75em; }
   [dir="rtl"] .navbar-button--is-icon {
     float: left; }
   .navbar-button--is-icon, [dir="ltr"] .navbar-button--is-icon {
     float: right; }
   .navbar-button--is-icon:hover > .navbar-icon, .navbar-button--is-icon:focus > .navbar-icon {
     opacity: 0.88;
     filter: alpha(opacity=88); }
  
  .navbar-button--is-active {
   border: 1px solid #707070; }
   .navbar-button--is-active:hover, .navbar-button--is-active:focus, .navbar-button--is-active:active {
     border: 1px solid #707070;
     background-color: #ffffff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     color: #808080; }
  
  .navbar-button--is-dark {
   border: 1px solid #707070;
   background-color: #494949;
   color: #cccccc;
   box-shadow: none;
   vertical-align: middle; }
   .navbar-button--is-dark:hover, .navbar-button--is-dark:focus, .navbar-button--is-dark:active {
     color: #f7f7f7; }
   .navbar-button--is-dark:hover, .navbar-button--is-dark:focus {
     border: 1px solid #919191;
     box-shadow: none; }
   .navbar-button--is-dark:active {
     border: 1px solid #acacac;
     background-color: #393939;
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); }
  
  .navbar-button--is-disabled {
   box-shadow: none;
   background-color: #f7f7f7;
   color: #cccccc;
   cursor: default;
   pointer-events: none;
   border: 1px solid #e6e6e6; }
   .navbar-button--is-disabled > .navbar-icon {
     opacity: 0.2;
     filter: alpha(opacity=20); }
  
  input[type="button"].navbar-button--is-disabled,
  input.navbar-button--is-disabled {
   cursor: default; }
  
  /* navbar-input
  ------------------------------------------ */
  .navbar-input {
   position: relative;
   outline: 1px solid rgb(177, 228, 243);
   background-color: #ffffff; }
   .navbar-input + .navbar-input {
     margin-top: 1px; }
   .lt-ie9 .navbar-input {
     background-color: transparent; }
  
  /* navbar-input__table
  ------------------------------------------ */
  .navbar-input__table {
   display: table; }
  
  .navbar-input__table-tr {
   display: table-row; }
  
  .navbar-input__table-td {
   position: relative;
   display: table-cell; }
  
  .navbar-input__table,
  .navbar-input__table-tr,
  .navbar-input__table-td {
   height: 100%;
   vertical-align: top; }
  
  /* .navbar-input__input
  ------------------------------------------ */
  .navbar-input__input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
   height: 4.4375em;
   outline: 0;
   border: 0;
   border-radius: 0;
   padding: 1.4375em 1.0625em 1.5em;
   background-color: transparent;
   color: #666666;
   line-height: 1.5; }
   .navbar-input__input::-webkit-input-placeholder {
     color: #808080; }
   .navbar-input__input:-moz-placeholder {
     color: #808080; }
   .navbar-input__input::-moz-placeholder {
     color: #808080; }
   .navbar-input__input:-ms-input-placeholder {
     color: #808080; }
   .navbar-input__input::-ms-clear {
     width: 0;
     height: 0; }
   .navbar-input__input:required {
     box-shadow: none; }
  
  /* .navbar-input__label
  ------------------------------------------ */
  .loaded .navbar-input__label {
   transition: padding 160ms; }
  
  .navbar-input__label {
   position: relative;
   display: block;
   padding: 1.4375em 1.0625em 1.5em;
   color: #808080; }
  
  /* .navbar-input__info
  ------------------------------------------ */
  .navbar-input__info {
   position: relative;
   padding: 0.8572em 1.2143em;
   border-top: 1px solid #cccccc;
   background-color: #f0f0f0;
   font-size: 0.875em;
   line-height: 1.7143; }
   .navbar-input__info:after, .navbar-input__info:before {
     position: absolute;
     bottom: 100%;
     width: 0;
     height: 0;
     border: solid transparent;
     content: " ";
     pointer-events: none; }
   .navbar-input__info:after {
     border-width: 9px;
     border-bottom-color: #f0f0f0; }
     .navbar-input__info:after, .navbar-input[dir="ltr"] .navbar-input__info:after {
       margin-right: 0;
       margin-left: 1px; }
     [dir="rtl"] .navbar-input__info:after {
       margin-right: 1px;
       margin-left: 0; }
   .navbar-input__info:before {
     border-width: 10px;
     border-bottom-color: #cccccc; }
   .navbar-input__info--is-error + .navbar-input__info {
     border-top-color: #cc6c6c; }
     .navbar-input__info--is-error + .navbar-input__info:before {
       border-bottom-color: #c35151; }
  
  .navbar-input__info--is-error {
   margin-top: 1px;
   border-top: 0;
   background-color: #ff8787;
   box-shadow: 0 0 0 1px #cc6c6c; }
   .lt-ie9 .navbar-input__info--is-error, .navbar-input--is-focused .navbar-input__info--is-error {
     margin-top: 0;
     border-top: 1px solid #cc6c6c;
     box-shadow: none; }
   .navbar-input__info--is-error:after {
     border-color: transparent;
     border-bottom-color: #ff8787; }
   .navbar-input__info--is-error:before {
     border-color: transparent;
     border-bottom-color: #c35151; }
  
  .navbar-input__info-label {
   font-weight: 500; }
  
  /* navbar-input buttons
  ------------------------------------------ */
  .navbar-input__button-wrapper {
   position: relative;
   display: table-cell;
   width: 1%;
   height: 100%;
   vertical-align: top;
   white-space: nowrap; }
   [dir="rtl"] .navbar-input__button-wrapper {
     text-align: left; }
   .navbar-input__button-wrapper, [dir="ltr"] .navbar-input__button-wrapper {
     text-align: right; }
  
  .navbar-input .navbar-button {
   margin-top: 0.6875em; }
  
  [dir="rtl"] .navbar-input .navbar-button,
  .navbar-input[dir="rtl"] .navbar-button {
   margin-right: 0;
   margin-left: 0.75em; }
  
  .navbar-input .navbar-button,
  .navbar-input[dir="ltr"] .navbar-button {
   margin-right: 0.75em;
   margin-left: 0; }
  
  [dir="rtl"] .navbar-input .navbar-button + .navbar-button,
  .navbar-input[dir="rtl"] .navbar-button + .navbar-button {
   margin-right: -0.25em;
   margin-left: 0.75em; }
  
  .navbar-input .navbar-button + .navbar-button,
  .navbar-input[dir="ltr"] .navbar-button + .navbar-button {
   margin-right: 0.75em;
   margin-left: -0.25em; }
  
  [dir="rtl"] .navbar-input .navbar-button + .navbar-button-large,
  .navbar-input[dir="rtl"] .navbar-button + .navbar-button-large {
   margin-right: -0.25em;
   margin-left: 0; }
   [dir="rtl"] .navbar-input .navbar-button + .navbar-button-large:hover, [dir="rtl"] .navbar-input .navbar-button + .navbar-button-large:focus, [dir="rtl"] .navbar-input .navbar-button + .navbar-button-large:active,
   .navbar-input[dir="rtl"] .navbar-button + .navbar-button-large:hover,
   .navbar-input[dir="rtl"] .navbar-button + .navbar-button-large:focus,
   .navbar-input[dir="rtl"] .navbar-button + .navbar-button-large:active {
     margin-right: -0.1875em;
     margin-left: 0; }
  
  .navbar-input .navbar-button + .navbar-button-large,
  .navbar-input[dir="ltr"] .navbar-button + .navbar-button-large {
   margin-right: 0;
   margin-left: -0.25em; }
   .navbar-input .navbar-button + .navbar-button-large:hover, .navbar-input .navbar-button + .navbar-button-large:focus, .navbar-input .navbar-button + .navbar-button-large:active,
   .navbar-input[dir="ltr"] .navbar-button + .navbar-button-large:hover,
   .navbar-input[dir="ltr"] .navbar-button + .navbar-button-large:focus,
   .navbar-input[dir="ltr"] .navbar-button + .navbar-button-large:active {
     margin-right: 0;
     margin-left: -0.1875em; }
  
  [dir="rtl"] .navbar-input .navbar-button-large + .navbar-button-large,
  .navbar-input[dir="rtl"] .navbar-button-large + .navbar-button-large {
   margin-right: -0.25em;
   margin-left: 0; }
   [dir="rtl"] .navbar-input .navbar-button-large + .navbar-button-large:hover, [dir="rtl"] .navbar-input .navbar-button-large + .navbar-button-large:focus, [dir="rtl"] .navbar-input .navbar-button-large + .navbar-button-large:active,
   .navbar-input[dir="rtl"] .navbar-button-large + .navbar-button-large:hover,
   .navbar-input[dir="rtl"] .navbar-button-large + .navbar-button-large:focus,
   .navbar-input[dir="rtl"] .navbar-button-large + .navbar-button-large:active {
     margin-right: -0.1875em;
     margin-left: 0; }
  
  .navbar-input .navbar-button-large + .navbar-button-large,
  .navbar-input[dir="ltr"] .navbar-button-large + .navbar-button-large {
   margin-right: 0;
   margin-left: -0.25em; }
   .navbar-input .navbar-button-large + .navbar-button-large:hover, .navbar-input .navbar-button-large + .navbar-button-large:focus, .navbar-input .navbar-button-large + .navbar-button-large:active,
   .navbar-input[dir="ltr"] .navbar-button-large + .navbar-button-large:hover,
   .navbar-input[dir="ltr"] .navbar-button-large + .navbar-button-large:focus,
   .navbar-input[dir="ltr"] .navbar-button-large + .navbar-button-large:active {
     margin-right: 0;
     margin-left: -0.1875em; }
  
  /* navbar-input--hide-label
  ------------------------------------------ */
  .navbar-input--hide-label .navbar-input__label {
   display: none; }
  .navbar-input--hide-label .navbar-input__input, .navbar-input--hide-label.navbar-input--has-content .navbar-input__input {
   border-top: 0;
   padding: 0.6875em 3em 0.6875em 1.0625em; }
  
  /* navbar-input--has-floatlabel
  ------------------------------------------ */
  .navbar-input--has-floatlabel .navbar-input__label {
   position: absolute;
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: none; }
  
  /* navbar-input--is-focused
  ------------------------------------------ */
  .navbar-input--is-focused {
   z-index: 1;
   outline: 2px solid #52a7c0; }
  
  @-moz-document url-prefix() {
   .navbar-input--is-focused.navbar-input-date {
     outline: 0; }
     .navbar-input--is-focused.navbar-input-date .navbar-input__table {
       outline: 2px solid #52a7c0; } }
  /* navbar-input--has-content
  ------------------------------------------ */
  .no-js .navbar-input__label,
  .navbar-input--has-content .navbar-input__label {
   padding-top: 0.75em;
   padding-bottom: 0; }
  .no-js .navbar-input__input,
  .navbar-input--has-content .navbar-input__input {
   border-top: 1.5em solid transparent;
   padding-top: 0;
   padding-bottom: 0; }
  .lt-ie9 .no-js .navbar-input__input,
  .no-js .navbar-input__dropdown-input, .lt-ie9
  .navbar-input--has-content .navbar-input__input,
  .navbar-input--has-content .navbar-input__dropdown-input {
   border-top: 0;
   padding-top: 2.25em;
   padding-bottom: 0.625em; }
  .no-js .navbar-input__signature-input,
  .navbar-input--has-content .navbar-input__signature-input {
   padding-left: 1.5625em; }
  .no-js .navbar-input__signature-input-wrapper:before,
  .no-js .navbar-input__signature-input-wrapper:after,
  .navbar-input--has-content .navbar-input__signature-input-wrapper:before,
  .navbar-input--has-content .navbar-input__signature-input-wrapper:after {
   position: absolute;
   top: 2.25em;
   width: 1.5em;
   height: 1.5em;
   content: "/"; }
  .no-js .navbar-input__signature-input-wrapper:before,
  .navbar-input--has-content .navbar-input__signature-input-wrapper:before {
   left: 0;
   text-align: right; }
  .no-js .navbar-input__signature-input-wrapper:after,
  .navbar-input--has-content .navbar-input__signature-input-wrapper:after {
   right: 0;
   text-align: left; }
  
  .navbar-input--has-content[dir="rtl"] .navbar-input__signature-input,
  [dir="rtl"] .navbar-input--has-content .navbar-input__signature-input {
   padding-right: 1.5625em;
   padding-left: 1.0625em; }
  
  .navbar-input--has-content[dir="ltr"] .navbar-input__signature-input {
   padding-right: 1.0625em;
   padding-left: 1.5625em; }
  
  /* navbar-input--is-required
  ------------------------------------------ */
  .navbar-input--is-required .navbar-input__label:after,
  .navbar-input--is-required .navbar-input__radio-input-label:after,
  .navbar-input--is-required .navbar-input__checkbox-input-label:after {
   content: " * "; }
  
  /* navbar-input--is-uploading
  ------------------------------------------ */
  .navbar-input--is-uploading .navbar-input__label {
   position: relative;
   color: #1a1a1a; }
   .navbar-input--is-uploading .navbar-input__label:before {
     -webkit-animation: spinnerAnimation 1s infinite linear;
     animation: spinnerAnimation 1s infinite linear;
     width: 24px;
     height: 24px;
     background-position: center center;
     background-size: 24px;
     background-repeat: no-repeat;
     content: ""; }
     [dir="rtl"] .navbar-input--is-uploading .navbar-input__label:before {
       float: left; }
     .navbar-input--is-uploading .navbar-input__label:before, [dir="ltr"] .navbar-input--is-uploading .navbar-input__label:before {
       float: right; }
     
  
  /* navbar-input--is-invalid
  ------------------------------------------ */
  .navbar-input--is-invalid .navbar-input__label {
   color: #d92121; }
  
  /* navbar-input--has-click-to-edit
  * navbar-input--is-edit-denied
  ------------------------------------------ */
  .navbar-input--is-edit-denied .navbar-input__label,
  .navbar-input--is-edit-denied .navbar-input__radio-input-label,
  .navbar-input--is-edit-denied .navbar-input__checkbox-input-label,
  .navbar-input--is-edit-denied .navbar-input__page-from-label,
  .navbar-input--is-edit-denied .navbar-input__page-to-label,
  .navbar-input--is-edit-denied .navbar-input__input,
  .navbar-input--is-edit-denied .navbar-input__text-area-input,
  .navbar-input--is-edit-denied .navbar-input__radio-item,
  .navbar-input--is-edit-denied .navbar-input__checkbox-item,
  .navbar-input--is-edit-denied .navbar-input__file-info,
  .navbar-input--is-edit-denied .navbar-input__file-meta-data,
  .navbar-input--has-click-to-edit .navbar-input__label,
  .navbar-input--has-click-to-edit .navbar-input__radio-input-label,
  .navbar-input--has-click-to-edit .navbar-input__checkbox-input-label,
  .navbar-input--has-click-to-edit .navbar-input__page-from-label,
  .navbar-input--has-click-to-edit .navbar-input__page-to-label,
  .navbar-input--has-click-to-edit .navbar-input__input,
  .navbar-input--has-click-to-edit .navbar-input__text-area-input,
  .navbar-input--has-click-to-edit .navbar-input__radio-item,
  .navbar-input--has-click-to-edit .navbar-input__checkbox-item,
  .navbar-input--has-click-to-edit .navbar-input__file-info,
  
  .navbar-input--is-edit-denied .navbar-input__input,
  .navbar-input--has-click-to-edit .navbar-input__input {
   background-color: inherit; }
  
  .navbar-input--is-edit-denied .navbar-button,
  .navbar-input--is-edit-denied .navbar-button-large {
   box-shadow: none;
   background-color: #f7f7f7;
   color: #cccccc;
   cursor: default;
   pointer-events: none; }
   .navbar-input--is-edit-denied .navbar-button > .navbar-icon,
   .navbar-input--is-edit-denied .navbar-button-large > .navbar-icon {
     opacity: 0.2;
     filter: alpha(opacity=20); }
  .navbar-input--is-edit-denied .navbar-button {
   border: 1px solid #e6e6e6; }
  [dir="rtl"] .navbar-input--is-edit-denied .navbar-button-large {
   border-right-color: #e6e6e6; }
  .navbar-input--is-edit-denied .navbar-button-large, [dir="ltr"] .navbar-input--is-edit-denied .navbar-button-large {
   border-left-color: #e6e6e6; }
  .navbar-input--is-edit-denied .navbar-button-large:hover, .navbar-input--is-edit-denied .navbar-button-large:focus, .navbar-input--is-edit-denied .navbar-button-large:active {
   outline: 0; }
  
  /* navbar-input-search
  ------------------------------------------ */
  input[type="search"].navbar-input__search-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   box-sizing: inherit; }
  
  .navbar-input--is-focused .navbar-input__search-input {
   background-color: #ffffff; }
  
  /* Drawer
  ------------------------------------------ */
  .navbar-drawer {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10000;
    max-height: calc(100vh - 75px - 1.5em);
    overflow-y: auto;
    display: none;
   
   outline: 1px solid #cccccc;
   padding: 1.5em;
   background-color: #ffffff;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
   .navbar-drawer:after {
     display: table;
     clear: both;
     content: ""; }
   .navbar-drawer .navbar-edit-panel,
   .navbar-drawer .navbar-edit-panel__section-group,
   .navbar-drawer .navbar-table {
     margin-top: 1em; }
   .navbar-drawer .navbar-edit-panel__section-group {
     box-shadow: none; }
  
  .navbar-drawer--is-popover {
   position: absolute;
   width: 100%;
   margin-top: 4.0625em;
   margin-right: 0;
   margin-left: 0;
   padding-bottom: 0; }
  
  .navbar-drawer__title {
   margin-top: 0;
   margin-bottom: 0.5713em;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 1.75em;
   line-height: 1.2858; }
  
  .navbar-drawer__step {
   position: relative; 
   font-size: initial;}
  
  .navbar-drawer__title-actions {
   position: absolute;
   top: 0;
   right: 0;
   padding-top: 0.5625em; }
   [dir="rtl"] .navbar-drawer__title-actions {
     right: auto;
     left: 0; }
  
  .navbar-drawer__title-button {
   float: left;
   border: 0;
   padding: 0;
   background-color: transparent;
   color: #808080;
   text-align: right;
   cursor: pointer; }
   [dir="rtl"] .navbar-drawer__title-button {
     float: right;
     text-align: left; }
   .navbar-drawer__title-button:focus {
     text-decoration: underline; }
   .navbar-drawer__title-button:hover, .navbar-drawer__title-button:focus {
     outline: none;
     color: #1a1a1a; }
     .navbar-drawer__title-button:hover:before, .navbar-drawer__title-button:focus:before {
       display: inline-block;
       color: #808080;
       text-decoration: none; }
   .navbar-drawer__title-button + .navbar-drawer__title-button:before {
     margin: 0 1em;
     content: "|"; }
  
  .navbar-drawer__actions {
   float: right;
   margin-bottom: -0.75em; }
   [dir="rtl"] .navbar-drawer__actions {
     float: left; }
  
  .navbar-drawer__button {
   float: left; }
   [dir="rtl"] .navbar-drawer__button {
     float: right; }
  
  .navbar-drawer__add-access-rights {
   position: static;
   display: none; }
  
  .navbar-drawer__settings-button-wrapper {
   margin-bottom: 0.5em; }
  
  .navbar-drawer .navbar-validation {
   margin: -1.5625em; }
  
  /* navbar-navigation
  ------------------------------------------ */
  .navbar-navigation__list {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-size: 0.875em;
   line-height: 1.7143; }
  
  .navbar-navigation__header {
   background-color: #1a1a1a;
   height: 48px;
    }
  
  .navbar-navigation__header--is-hidden {
   padding-bottom: 3.75em; }
  
  .navbar-navigation__logo-link {
   display: block;
   width: 142px;
   height: 38px;
   margin-right: 0.5625em; }
   .lt-ie9 .navbar-navigation__logo-link {
     background-size: 142px 38px;
     background-repeat: no-repeat; }
  
  .navbar-navigation__logo {
   width: 142px;
   height: 38px;
   margin-bottom: -13px; }
   .lt-ie9 .navbar-navigation__logo {
     visibility: hidden; }
  
  .b-navigation__main-nav {
   position: relative;
   margin-right: auto;
   margin-left: auto;
   padding-right: 3em;
   padding-left: 3em;
   display: table;
   width: 100%;
  }
   .lt-ie9 .b-navigation__main-nav {
     width: 1080px; }
   .b-navigation__main-nav li {
     display: inline-block; }
  
  .b-navigation__main-nav-primary,
  .b-navigation__main-nav-secondary {
   display: table-cell;
   vertical-align: middle; }
  
  .b-navigation__main-nav-primary {
   width: 100%; }
  
  .b-navigation__main-nav-secondary {
   text-align: right;
   white-space: nowrap; }
   [dir="rtl"] .b-navigation__main-nav-secondary {
     text-align: left; }
  
  .b-navigation__main-nav-item {
   position: relative;
   display: inline-block;
   text-decoration: none;
  }
   li:first-child > .b-navigation__main-nav-item {
     padding-left: 0; }
   li:last-child > .b-navigation__main-nav-item {
     padding-right: 0; }
   [dir="rtl"] li:first-child > .b-navigation__main-nav-item {
     padding-right: 0;
     padding-left: 0.64286em; }
   [dir="rtl"] li:last-child > .b-navigation__main-nav-item {
     padding-right: 0.64286em;
     padding-left: 0; }
   
   .b-navigation__main-nav-item .navbar-pointer__arrow:before {
     display: none; }
   
  
  .b-navigation__main-nav-item--is-selected {
   color: #e6e6e6; }
  
  .navbar-navigation__meta {
   -webkit-font-feature-settings: "tnum";
   font-feature-settings: "tnum";
   display: inline-block;
   color: #808080;
   text-transform: uppercase;
   letter-spacing: 0.1072em;
   font-weight: normal;
   font-size: 0.875em;
   line-height: 2.4286em; }
  
  .navbar-navigation__button-wrapper {
   display: inline-block;
   margin-left: 0.75em; }
   [dir="rtl"] .navbar-navigation__button-wrapper {
     margin-right: 0.75em;
     margin-left: 0; }
  
  .navbar-navigation__dropdown {
   position: relative;
   display: inline-block; }
  
  .navbar-navigation__dropdown-label {
   display: block; }
   .navbar-navigation__dropdown-label:after {
     display: inline-block;
   
     background-size: 24px;
     background-repeat: no-repeat;
     content: ""; }
  
  .navbar-navigation__dropdown-label--is-active {
   color: #47d5ff; }
  
  
  .navbar-navigation__dropdown-group {
   position: absolute;
   top: 38px;
   z-index: 10000;
   visibility: hidden;
   width: 215px;
   height: 0;
   border: 1px solid #666666;
   padding: 0;
   background-color: #ffffff;
   list-style-type: none;
   text-align: left;
   text-transform: none; 
   }
   
   [dir="rtl"] .navbar-navigation__dropdown-group {
     right: -20px;
     left: auto;
     text-align: right; } 
   .navbar-navigation__dropdown-group li {
   display: block; 
  }
  
  .navbar-navigation__dropdown-group--is-active {
   visibility: visible;
   overflow: visible;
   height: auto; }
  
  .navbar-navigation__dropdown-item {
   padding: 0.5em 1em 0.4375em;
   line-height: 2;
   display: flex;
   align-items: center;
   color: #666666;
      text-decoration: none;
      font-size: 1.1em !important; }
   .navbar-navigation__dropdown-item:hover, .navbar-navigation__dropdown-item:focus {
     outline: 1px solid #cccccc;
     background-color: #f7f7f7;
     color: #1a1a1a; }  
   .navbar-navigation__dropdown-item + .navbar-navigation__dropdown-item {
     margin-top: 1px; }
  
  .navbar-navigation-floater {
   background-color: #f7f7f7;
   color: #808080; }
   .navbar-navigation-floater li {
     display: inline-block; }
  
  .navbar-navigation-floater--is-sticky {
   position: fixed;
   top: 0;
   z-index: 12;
   width: 100%;
   border-bottom: 1px solid #cccccc;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  
  .navbar-navigation__in-page-nav {
   position: relative;
   max-width: 1080px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 3em;
   padding-left: 3em;
   display: table;
   width: 100%;
   min-height: 3.75em; }
   .lt-ie9 .navbar-navigation__in-page-nav {
     width: 1080px; }
   .navbar-navigation__in-page-nav a:hover,
   .navbar-navigation__in-page-nav a:focus,
   .navbar-navigation__in-page-nav .navbar-pointer:hover,
   .navbar-navigation__in-page-nav .navbar-pointer:focus {
     color: #1a1a1a; }
  
  ul.navbar-navigation__shortcut-list {
   display: table-cell;
   margin: 0;
   padding-top: 0.2858em;
   padding-bottom: 0.2143em;
   vertical-align: middle; }
  
  .navbar-navigation__shortcut-item {
   display: inline-block;
   padding: 1em 1.2858em 1em 0;
   text-decoration: none; }
   .navbar-navigation__shortcut-item:focus {
     text-decoration: underline; }
   [dir="rtl"] .navbar-navigation__shortcut-item {
     padding-right: 0;
     padding-left: 1.2858em; }
  
  .navbar-navigation__shortcut-item--is-type_error {
   color: #d92121; }
  
  .navbar-navigation__in-page-nav-list {
   display: table-cell;
   width: 20%;
   vertical-align: middle;
   text-align: right;
   white-space: nowrap;
   font-weight: 700; }
   [dir="rtl"] .navbar-navigation__in-page-nav-list {
     text-align: left; }
  
  .navbar-navigation__in-page-nav-item {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: inline-block;
   margin: 0 0.4286em;
   cursor: pointer; }
   .navbar-navigation__in-page-nav-item:focus {
     outline: 0;
     text-decoration: underline; }
   .navbar-navigation__in-page-nav-item:last-child {
     margin-right: 0; }
     [dir="rtl"] .navbar-navigation__in-page-nav-item:last-child {
       margin-right: 0.4286em;
       margin-left: 0; }
  
  .navbar-navigation__button-group {
   display: none;
   padding-top: 0.375em;
   text-align: right;
   white-space: nowrap; }
   [dir="rtl"] .navbar-navigation__button-group {
     text-align: left; }
  
  .navbar-navigation__button-group--is-visible {
   display: table-cell; }
  
  /* navbar-workbench-filter
  ------------------------------------------ */
  .navbar-workbench-filter {
   margin-bottom: 2.1875em;
   position: relative;
   max-width: 1080px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 3em;
   padding-left: 3em; }
   .lt-ie9 .navbar-workbench-filter {
     width: 1080px; }
   .navbar-workbench-filter .navbar-input__table-td,
   .navbar-workbench-filter .navbar-input__button-wrapper {
     z-index: 9; }
   .navbar-workbench-filter .navbar-input--is-focused .navbar-input__info {
     display: block;
     outline: 2px solid #52a7c0; }
   .navbar-workbench-filter .navbar-input__search-input {
     height: 2.9375em;
     padding: 0.6875em 3em 0.75em 1.0625em; }
     [dir="rtl"] .navbar-workbench-filter .navbar-input__search-input {
       padding-right: 1.0625em;
       padding-left: 3em; }
   .navbar-workbench-filter .navbar-input__info {
     position: absolute;
     display: none;
     width: 100%;
     outline: 1px solid #cccccc;
     border-top: 1px solid #cccccc; }
     .navbar-workbench-filter .navbar-input__info:before, .navbar-workbench-filter .navbar-input__info:after {
       margin: 0;
       border: 0; }
   .navbar-workbench-filter .navbar-pointer {
     text-decoration: underline;
     cursor: pointer; }
   .navbar-workbench-filter .navbar-edit-panel {
     margin-bottom: 0; }
   .navbar-workbench-filter .navbar-drawer {
     margin-top: 1.375em; }
   .navbar-workbench-filter .navbar-button-group {
     margin-bottom: -0.75em; }
  
  .navbar-workbench-filter__header {
   position: relative;
   z-index: 8; }
   .navbar-workbench-filter__header:after {
     display: table;
     clear: both;
     content: ""; }
  
  .navbar-workbench-filter__tabs-menu {
   float: left;
   margin-top: 0;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   color: #808080; }
   [dir="rtl"] .navbar-workbench-filter__tabs-menu {
     float: right; }
  
  .navbar-workbench-filter__search {
   float: left;
   width: 21.75em;
   margin-left: 1.125em;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
   [dir="rtl"] .navbar-workbench-filter__search {
     float: right;
     margin-right: 1.125em;
     margin-left: 0; }
   .lt-ie9 .navbar-workbench-filter__search {
     background-color: #ffffff; }
  
  .navbar-workbench-filter__clear-search {
   position: absolute;
   top: 0px;
   right: 0px;
   display: none;
   height: 100%;
   padding: 0 1.5em;
   background-position: center;
   cursor: pointer; }
   .navbar-input--has-content .navbar-workbench-filter__clear-search {
     display: block; }
   [dir="rtl"] .navbar-workbench-filter__clear-search {
     right: auto;
     left: 0; }
  
  .navbar-workbench-filter__tanavbar--current {
   background-color: #e6e6e6;
   color: #1a1a1a; }
  
  /*  GIPP NAVBAR SPECIFIC */
  .gipp-navbar {
   color: #fff;
   font-family: "simplon", Arial, Meiryo, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   /* font-size: 18.29px; */
   line-height: 1.5; 
  
   box-sizing: content-box;}

   .portal-question{
    position: absolute;
    left: 50%;
    margin-left: -4.5em;
    background: #fff;
    height: 1.5em !important;
    padding: 10em;
    text-align: center;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
   }
   .portal-question .navbar-icon--close{
    padding: 0 1.5em;
    background-position: center;
    cursor: pointer;
    color: red;
    opacity: .4;
    background-repeat: no-repeat;
    padding-left: .1em;
    float: left;
    display: block;
    height: 1em;
   }
   
   .hidePortalQuestion{
     display: none !important;
   }
  
  @media screen and (min-width: 1400px) {
   
   
  
   .lt-ie9 html, .lt-ie9 .navbar-wrapper, .lt-ie9 .navbar-edit-panel, .lt-ie9 .navbar-view-panel, .lt-ie9 .navbar-infobox, .lt-ie9 .navbar-step, .lt-ie9 .b-navigation__main-nav, .lt-ie9 .navbar-navigation__in-page-nav, .lt-ie9 .navbar-dialog, .lt-ie9 .navbar-notification-bar, .lt-ie9 .navbar-page-header, .lt-ie9 .navbar-page-section__wrapper, .lt-ie9 .navbar-workbench-filter, .lt-ie9 .navbar-workbench-commands {
     width: 85vw; }
  
   .navbar-drawer.navbar-workbench-filter-advanced, .navbar-action-bar__content, .navbar-step .navbar-edit-panel, .navbar-drawer .navbar-edit-panel {
     max-width: 85vw; } }
  .navbar-input.navbar-input--hide-label.navbar-input-search.navbar-input--has-content input[type=text] {
   padding: 0.6875em 3em 0.6875em 1.0625em; }
  
  .navbar-input__button-wrapper {
   height: 1em; }
  
  .navbar-button:first-letter, .navbar-button-small:first-letter, .navbar-button-medium:first-letter, .navbar-button-large:first-letter {
   text-transform: uppercase; }
  
  /* GIPP PMO temporary fixes to not break the dev version */
  .navbar-icon {
   display: inline-block; }
  
  
  
  .navbar-wrapper .navbar-drawer.navbar-workbench-filter-advanced {
   margin-top: 0.05em; }
  
  @media screen and (max-width: 800px) {
    .navbar-edit-panel,.navbar-infobox, .navbar-step, .navbar-navigation__in-page-nav, .navbar-dialog, .navbar-notification-bar, .navbar-page-header, .navbar-page-section__wrapper, .navbar-workbench-commands, .navbar-workbench-filter {
     padding-right: 26px;
     padding-left: 26px; }
  
   .navbar-workbench-filter__tabs-menu {
     box-shadow: none; }
  
   .navbar-workbench-filter__tab.navbar-tablist__tab {
     margin-top: 5px; }
  
   li:first-child > .b-navigation__main-nav-item {
     padding-left: inherit; }
  
   .navbar-navigation-floater .navbar-navigation__in-page-nav .navbar-navigation__in-page-nav-item {
     float: left; }
  
   [dir="rtl"] .navbar-navigation-floater .navbar-navigation__in-page-nav .navbar-navigation__in-page-nav-item {
     float: right; } }
  .navbar-drawer--is-popover {
   z-index: 1; }
  
  .b-navigation__main-nav {
   height: inherit;
   padding-left: 0;
   padding-right: 0;
   background-color: #1a1a1a; }
  
  .b-navigation__main-nav-primary.navbar-navigation__list {
   display: block;
   float: left; }
  
  .b-navigation__main-nav-primary.navbar-navigation__list {
   width: auto;
  height: 3em; }
  
  .b-navigation__main-nav-primary {
   white-space: nowrap; }
  
  .b-navigation__main-nav-primary.navbar-navigation__list:first-child li {
    margin-top: 0px;
   margin-bottom: 10px; }
  
  .b-navigation__main-nav li {
    margin-top: 0px;
   height: 36px;
   padding: 0 !important;
   padding-top: 12px !important;
   vertical-align: middle;
   }
  
  li:first-child > .b-navigation__main-nav-item {
   padding-left: 0; }
  
  .env-overlay {
   position: relative;
   display: inline-block;
   color: #ff8787;
   font-weight: bold;
   font-size: xx-large;
   top: -0.2em; 
   left:10px !important;
   }
  
  .b-navigation__main-nav-secondary.navbar-navigation__list {
    height: 48px;
   display: block;
   float: right; 
  color: #fff
  }
  
  
  
  * {
   box-sizing: inherit; }
  
  /* Responsive topnav */
  
  
   responsive {
     position: relative; }
  
   .b-navigation__main-nav-secondary.responsive li {
     float: none;
     display: block;
     text-align: left; }
  
   .b-navigation__main-nav-secondary li.icon {
     display: block;
     margin-right: 1em; }
  
   .b-navigation__main-nav-secondary {
     position: relative; }
  
   .navbar-block {
     display: block; }
  @media screen and (max-width: 1400px) {
   .navbar-edit-panel__section.navbar-view-panel__section--slots_three {
     flex-wrap: wrap;
     max-width: none; }
  
   .navbar-edit-panel__section.navbar-view-panel__section--slots_three .navbar-view-panel__slot:first-child, .navbar-edit-panel__section.navbar-view-panel__section--slots_three .navbar-view-panel__slot {
     width: 327px;
     flex: 1 1 327px; }
  
   .navbar-view-panel__section--slots_three .navbar-view-panel__slot:n-child(3) {
     margin-left: 0; }
  
   .navbar-edit-panel__section.navbar-view-panel__section--slots_two {
     flex-wrap: wrap;
     max-width: none; }
  
   .navbar-edit-panel__section.navbar-view-panel__section--slots_two .navbar-view-panel__slot:first-child, .navbar-edit-panel__section.navbar-view-panel__section--slots_two .navbar-view-panel__slot {
     width: 491px;
     flex: 1 1 491px; }
  
   .navbar-view-panel__section--slots_two .navbar-view-panel__slot {
     margin-left: 0; }
  
   .navbar-view-panel__section.navbar-view-panel__section--slots_three {
     flex-wrap: wrap;
     max-width: 675px; }
  
   .navbar-view-panel__section.navbar-view-panel__section--slots_three .navbar-view-panel__slot:first-child, .navbar-view-panel__section.navbar-view-panel__section--slots_three .navbar-view-panel__slot {
     width: 295.33px;
     flex: 0 0 295.33px; }
  
   .navbar-view-panel__section.navbar-view-panel__section--slots_two {
     flex-wrap: wrap;
     max-width: none; }
  
   .navbar-view-panel__section--slots_two .navbar-view-panel__slot:first-child, .navbar-view-panel__section--slots_two .navbar-view-panel__slot {
     width: 443.5px;
     flex: 1 1 443.5px; }
  
   
  
   
  
   .lt-ie9 html, .lt-ie9 .navbar-wrapper, .lt-ie9 .navbar-edit-panel, .lt-ie9 .navbar-view-panel, .lt-ie9 .navbar-infobox, .lt-ie9 .navbar-step, .lt-ie9 .b-navigation__main-nav, .lt-ie9 .navbar-navigation__in-page-nav, .lt-ie9 .navbar-dialog, .lt-ie9 .navbar-notification-bar, .lt-ie9 .navbar-page-header, .lt-ie9 .navbar-page-section__wrapper, .lt-ie9 .navbar-workbench-filter, .lt-ie9 .navbar-workbench-commands {
     width: 85vw; }
  
   .navbar-drawer.navbar-workbench-filter-advanced, .navbar-action-bar__content, .navbar-step .navbar-edit-panel, .navbar-drawer .navbar-edit-panel {
     max-width: 90vw; } }
  .navbar-navigation__dropdown-group--is-active {
   width: auto; }
  
  .b-navigation__main-nav .navbar-navigation__dropdown-group li {
   display: table;
   white-space: normal;
   width: 100%;
   margin: 0; 
   border-top: 1px solid #666666; 
   height: 3em;
      padding-top: 0em !important;
  }
  
  .b-navigation__main-nav .navbar-navigation__dropdown-group li:first-child{
    border-top: 0; 
  }
  .nav-icons.assets{
    float: left;
  }
  .navbar-collapsible__button {
   background-color: #1a1a1a;
   height: 3em;
   color: white;
   cursor: pointer;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 1.025em;
   display: none;
   border-top: 1px solid #fff;
   float: right;
   padding: 0em !important; }
  
   .navbar-collapsible__button a{
     text-decoration: none;
   }
   .mobile-list{
     padding-left: 1em;
   }
  
  .navbar-collapsible__caratdown:after {
   display: inline-block;
   width: 24px;
   height: 18px;
   background-size: 24px;
   background-repeat: no-repeat;
   content: "";}
  
  .active, .collapsible:hover {
   background-color: #555; }
  
  .navbar-collapsible__content {
   width: 100%;
   float: right;
   overflow: hidden;
   -moz-transition: max-height 0.2s ease-out;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
   background-color: #FFF; }
  
  
    .navbar-collapsible__content li {
      white-space: normal;
      display: table;
      width: 100%;
    text-align: left;
    color: #666666;
    list-style: none;
    padding: 0 !important;
      margin: 0 !important;
    border-bottom: 1px solid #666666;border-right: 1px solid #666666;border-left: 1px solid #666666;
    height: 3em;
  }
  
  .navbar-collapsible__content li a{
  padding-left: 3em !important;
}

  .navbar-block {
   display: block; }
  
  .navbar-megamenu {
   position: relative;
   display: block;
   margin-top: -10px;
   margin-right: -1.5em;
   margin-bottom: 3em;
   margin-left: -1.5em;
   outline: 1px solid #ccc;
   padding: 1.5em;
   background-color: #fff;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
  
  .navbar-megamenu:after {
   display: table;
   clear: both;
   content: ""; }
  
  .navbar-megamenu__step {
   position: relative; }
  
  .navbar-megamenu__title {
   margin-top: 0;
   margin-bottom: .5713em;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 1.75em;
   line-height: 1.2858; }
  
  .navbar-megamenu__title-actions {
   position: absolute;
   top: 0;
   right: 0;
   padding-top: 0.5625em; }
  
  .navbar-megamenu__title-button {
   float: left;
   border: 0;
   padding: 0;
   background-color: transparent;
   color: gray;
   text-align: right;
   cursor: pointer; }
  
  .navbar-megamenu__title-button + .navbar-megamenu__title-button:before {
   margin: 0 1em;
   content: "|"; }
  
  .navbar-flex {
   display: flex; }
  
  .navbar-flex_row {
   display: flex;
   flex-flow: row; }
  
  .navbar-flex_column {
   display: flex;
   flex-flow: column wrap;
   flex: 1; }
  
  .navbar-group-view.navbar-section {
   padding: 5px; }
  
  .navbar-section_title {
   font-weight: bold; }
  
  .navbar-section_content-title {
   margin: 5px 0;
   color: gray; }
  
  .navbar-section_content-link {
   font-weight: regular;
   font-size: 0.9em; }
  
  .navbar-tree .navbar-flex_row-wrap {
   flex: 8;
   display: flex;
   flex-flow: row wrap; }
  
  .first_column {
   flex: 3;
   flex-flow: row; }
  
  @media screen and (min-width: 550px) and (max-width: 993px) {
   .navbar-flex_column {
     display: block; }
  
   .first_column {
     flex: 1;
     flex-flow: column; }
  
   .last_column {
     flex: 1; }
  
   .navbar-megamenu__title-actions {
     display: none; } }
  @media screen and (max-width: 549px) {
   .navbar-flex_column, .navbar-flex_row {
     display: block; }
  
   .navbar-megamenu__title-actions {
     display: none; } }
  .lt-ie9 .navbar-step .navbar-view-panel, .lt-ie9 .navbar-megamenu .navbar-view-panel {
   width: auto; }
  
  .navbar-step .navbar-view-panel__actions, .navbar-megamenu .navbar-view-panel__actions {
   margin-right: 0; }
  
  [dir="rtl"] .navbar-step .navbar-view-panel__actions, [dir="rtl"] .navbar-megamenu .navbar-view-panel__actions {
   margin-left: 0; }
  
  .navbar-megamenu .navbar-edit-panel, .navbar-megamenu .navbar-edit-panel__section-group, .navbar-megamenu .navbar-table {
   margin-top: 1em; }
  
  .navbar-megamenu .navbar-edit-panel__section-group {
   box-shadow: none; }
  
  [dir="rtl"] .navbar-step .navbar-view-panel__actions, [dir="rtl"] .navbar-megamenu .navbar-view-panel__actions {
   margin-left: 0; }
  
  .navbar-megamenu .navbar-edit-panel, .navbar-megamenu .navbar-edit-panel__section-group, .navbar-megamenu .navbar-table {
   margin-top: 1em; }
  
  .navbar-megamenu .navbar-edit-panel__section-group {
   box-shadow: none; }
  
  [dir="rtl"] .navbar-megamenu__title-button {
   float: right;
   text-align: left; }
  
  .navbar-megamenu__title-button:focus {
   text-decoration: underline; }
  
  .navbar-megamenu__title-button:hover, .navbar-megamenu__title-button:focus {
   outline: 0;
   color: #1a1a1a; }
  
  .navbar-megamenu__title-button:hover:before, .navbar-megamenu__title-button:focus:before {
   display: inline-block;
   color: gray;
   text-decoration: none; }
  
  .navbar-megamenu.navbar-workbench-filter-advanced {
   margin-left: auto;
   margin-right: auto;
   max-width: 984px; }
  
  .navbar-megamenu .navbar-validation {
   margin: -1.5625em; }
  
  .navbar-workbench-filter .navbar-megamenu {
   margin-top: 1.375em; }
  
  .navbar-step .navbar-edit-panel, .navbar-megamenu .navbar-edit-panel, .ui-outputpanel.ui-widget > .navbar-step {
   padding-left: 0 !important;
   padding-right: 0 !important; }
  
  .lt-ie9 .navbar-step .navbar-view-panel, .lt-ie9 .navbar-megamenu .navbar-view-panel {
   width: auto; }
  
  .navbar-step .navbar-view-panel__actions, .navbar-megamenu .navbar-view-panel__actions {
   margin-right: 0; }
  
  .navbar-step .navbar-view-panel, .navbar-megamenu .navbar-view-panel {
   max-width: none;
   padding-right: 0;
   padding-left: 0; }
  
  .navbar-step .navbar-edit-panel, .navbar-megamenu .navbar-edit-panel {
   max-width: none;
   padding-right: 0;
   padding-left: 0; }
  
  .lt-ie9 .navbar-step .navbar-edit-panel, .lt-ie9 .navbar-megamenu .navbar-edit-panel {
   width: auto; }
  
  .navbar-step .navbar-edit-panel, .navbar-megamenu .navbar-edit-panel {
   max-width: 983px; }
  
  .navbar-edit-panel--is-narrow, .navbar-step .navbar-edit-panel--is-narrow, .navbar-megamenu .navbar-edit-panel--is-narrow {
   width: 50%; }
  
  .lt-ie9 .navbar-edit-panel--is-narrow, .lt-ie9 .navbar-step .navbar-edit-panel--is-narrow, .lt-ie9 .navbar-megamenu .navbar-edit-panel--is-narrow {
   width: 50%; }
  
  .navbar-megamenu__title-button + .navbar-megamenu__title-button:before {
   margin: 0 1em;
   content: "|"; }
  
  /* Override classes
  ------------------------------------------ */
  .js .navbar-input__text-area-input {
   overflow: hidden !important; }
  .no-js .navbar-input__text-area-input {
   overflow: auto !important; }
  
  .lt-ie10 .navbar-input__dropdown-input {
   background-image: none !important; }
  
  @-moz-document url-prefix() {
   html .js-toggle-pointer.navbar-button-small:hover, html .js-toggle-pointer.navbar-button-small:focus, html .js-toggle-pointer.navbar-button-small:active {
     outline: 0; } }
  :host {
   text-align: left; }
  
  
  /* css for responsive nav bar */

  .responsive-navbar{
    height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .button-disabled{
    cursor: default;
    pointer-events: none;
  }
  .button-disabled .nav-icons, .button-disabled .mobile-list{
    cursor: default;
    opacity: .5;
    pointer-events: none;
  }

  .icon-disabled {
    opacity: .5;
    pointer-events: none;
  }

  a ul{
    padding: 0 !important;
    padding-left: 1em !important;
    margin: 0 !important;
  }

  .navbar-alert_count{
    position: absolute;
    text-align: center;
    font-size: x-small;
    width: 100%;
    margin-top: 2px !important;
  }
  
  .b-navigation__main-nav-primary.navbar-navigation__list li:first-child {
    margin-left: 1em !important;
  }
  .navbar-navigation__dropdown-content{
    width:246px;
    position:absolute;
    right:-4px;
    top: 48px;
    z-index: 100;
  }
  .gipp-navbar{
      margin-left: auto;
      margin-right: auto;
      
      background: #1a1a1a;
  }
  
  .seperator {
    border-left: 0.1875em solid #999999;
    height: 48px;
    display: inline-block;
    margin: 0px !important;
  }
  .b-navigation__main-nav-primary.navbar-navigation__list li{
    color: #fff;
    margin-bottom: 0 !important;
  }
  .navbar-navigation__account{
    margin-bottom: 0 !important;
    margin-left: 1.5em !important;
  }
  .navbar-navigation__account:hover .b-navigation__main-nav-item:not(.no-hover):only-child{
    border-bottom: 4px solid #67D1F1;
    box-sizing: border-box;
    height: 36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .navbar-navigation__account ul{
    padding-left: 0 !important;
  }
  ul li.no-padding{
    padding: 0 !important;
  }

  .no-padding{
    padding: 0 !important;

    margin-top: initial !important;
    height: initial !important;
    padding: initial !important;
    padding-top: initial !important;
    vertical-align: initial !important;
  }

  .nav-icons{
    height: 1.5em;
    width: 1.5em;
  }

  .issue-color path:nth-child(2n){
    fill: #ff9900;
  }
  
  .nav-logo{
      height: 3em;
      margin-top: -12px;
      margin-left: -1.5em;
  }
  .nav-item{
    font-size:1.125em;
  }
  .ip_portal{
      height: 1.625em;
  }
  .dot {
      display: inline-block;
      position: absolute;
      margin-left: -10px;
      margin-top: -10px;
  }
  .more{
    float: right;
  }
  .more-item-zero,.more-item-one,.more-item-two,#more-help,#more-user{
    float: right;
      margin-right: 1em;
  }
  .arrow-down{
    transform: rotate(90deg) !important;
  }
  
 
    /* styling for mega menu drawer */
  .search_result_panel{
    display: flex;
    flex-direction: column;
    margin-left: 1em;
  }

  .empty_bookmarks{
    font-size: 1.125em;
    line-height: 2;
    margin-left: 1em;
  }
  .navbar-input__input.navbar-input__search-input{
      height: 2em;
  }
  .search-button{
    outline: 1px solid rgb(177, 228, 243);
    background: rgb(177, 228, 243);
  }
  .navbar-input-search{
    outline: 1px solid rgb(177, 228, 243);
  }
  .navbar-view-panel {
      position: relative;
      max-width: 1080px;
      transition-timing-function: ease;
      transition-duration: 0.3s;
      transition-property: margin-bottom, margin-top;
  }
  .navbar-view-panel:after {
    display: table;
    clear: both;
    content: "";
  }
  .navbar-view-panel__content {
    margin: 0.0625em 0 0;
    outline: 1px solid rgb(177, 228, 243);
    background-color: #ffffff;
  }
  .navbar-view-panel--has-fold-out .navbar-view-panel__hinge {
    cursor: pointer;
  }
  .navbar-view-panel__hinge {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 1.4375em;
    height: 100%;
    outline: 1px solid rgb(177, 228, 243);
    background-color: rgb(177, 228, 243);
  }
  .navbar-view-panel__hinge .navbar-icon--hinge {
    height: 1.4375em;
    margin-left: .3em;
  }
  .navbar-icon {
    width: 25.5px !important;
  }
  .navbar-icon--hinge {
    position: relative;
    top: 1em;
  }
  .navbar-icon {
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: block;
    overflow: hidden;
    width: 23px;
    background-size: 24px;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    transition: opacity 160ms ease-in;
  }
  .navbar-view-panel--has-fold-out .navbar-view-panel__hinge {
    cursor: pointer;
  }
  .navbar-view-panel__section {
    position: relative;
    display: block;
    padding: 1.125em 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .navbar-view-panel__section:after {
    display: table;
    clear: both;
    content: "";
  }
  .navbar-view-panel__section--slots_two .navbar-view-panel__slot:first-child {
    width: 50%;
    margin-left: 0;
  }
  .navbar-view-panel__section--slots_two .navbar-view-panel__slot {
    width: 49.85%;
    width: calc(50% - 1px);
  }
  .navbar-view-panel__section--slots_two .navbar-view-panel__slot, .navbar-view-panel__section--slots_three .navbar-view-panel__slot {
    float: left;
    margin-left: 1px;
  }
  .navbar-view-panel__slot {
    -ms-flex: 1 1 200px;
    -webkit-flex: 1 1 200px;
    flex: 1 1 200px;
    position: relative;
    width: auto;
  }
  .navbar-view-panel__field-label {
    color: #333333;
  }
  .navbar-view-panel__fold-out {
    display: none;
    margin: 0;
    padding: 0;
  }
  .navbar-view-panel__fold-out .navbar-view-panel__section:first-child {
    border-top: none;
  }
  .navbar-view-panel__fold-out .navbar-view-panel__section {
    border-top: 1px solid #cccccc;
  }

  .navbar-bookmark {
    margin-left: 5px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0px;
  }

  input[type="checkbox"]:focus{
    outline:0;
  }

  .navbar-view-panel__section {
    position: relative;
    display: block;
    padding: 1.125em 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .navbar-view-panel__section--slots_two .navbar-view-panel__slot:first-child {
    width: 50%;
    margin-left: 0;
  }
  .navbar-view-panel__section--slots_two .navbar-view-panel__slot {
    width: 49.85%;
    width: calc(50% - 1px);
  }
  .navbar-view-panel__section--slots_two .navbar-view-panel__slot, .navbar-view-panel__section--slots_three .navbar-view-panel__slot {
    float: left;
    margin-left: 1px;
  }
  .navbar-view-panel__slot {
    -ms-flex: 1 1 200px;
    -webkit-flex: 1 1 200px;
    flex: 1 1 200px;
    position: relative;
    width: auto;
  }
  
  .navbar-view-panel__fold-out {
    display: none;
    margin: 0;
    padding: 0;
  }
  .navbar-view-panel__fold-out .navbar-view-panel__section:first-child {
    border-top: none;
  }
  .expandActive{
    display: block;
    padding-left: 2em;
    margin-right: 1em;
  }
  
  
  .column_category{
    width:25%;display:flex;flex-flow:column;
  }
  .column_content{
    width:75%;
  }
  .column1{
    flex:67%;display:flex;flex-flow:row;flex-wrap: wrap;
  }
  .column2{
    flex:33%;
  }
  .column_in{
    background-color:solid gray;flex: 50%;max-width: 50%;display: flex;flex-flow: row;flex-wrap: wrap;margin-bottom: 1em;
  }
  .column2 .column_in{
    flex:100% !important;max-width:100% !important;
  }
  .button_category{
    border-style: none;
    outline: 1px solid rgb(177, 228, 243);
  }
  
  /* dropdown css*/
  .navbar-input-dropdown .navbar-input__table {
    width: 100%;
  }
  .navbar-input__table, .navbar-input__table-tr, .navbar-input__table-td {
    height: 100%;
    vertical-align: top;
  }
  .navbar-input__table {
    display: table;
  }
  .navbar-input__table, .navbar-input__table-tr, .navbar-input__table-td {
    height: 100%;
    vertical-align: top;
  }
  .navbar-input__table-td {
    position: relative;
    display: table-cell;
  }
  .navbar-input--has-floatlabel .navbar-input__label {
    position: absolute;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
  }
  .navbar-input__label {
    position: relative;
    display: block;
    padding: 1.4375em 1.0625em 1.5em;
    color: #808080;
  }
  
  .navbar-input__dropdown-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 0;
    background-size: 3em;
    background-repeat: repeat-y;
    cursor: pointer;
    
  }
  .navbar-input--has-floatlabel{
    margin-left:1em ;
    margin-bottom:1em;
  }
  .search-bar{
    width:100%;margin-left:1em;
  }
  .megamenu-search{
    margin-left:1em;
    margin-bottom: 1em;
  }
  .navbar-input__input.navbar-input__dropdown-input{
    height: 2em;
    padding: 0.6875em 0em 0.6875em 1em;
  }
  .navbar-icon--search{
   display: inline !important;
  }
  .navbar-icon--hinge{
    display: inline-block !important;
   }
  .navbar-icon--search{
    top: .4em;
    position: relative;
  }
  .button_category{
    text-align: left;
  }
  .navbar-view-panel__fold-in{
    padding-left: 2em;
  }
  .navbar-input__button-wrapper.mobile{
    position: absolute; right: 2.8em;height: inherit;
  }
  .navbar-input__button-wrapper.mobile .navbar-button-small{
    background: rgb(177, 228, 243);
  }
  .navbar-collapsible__button .nav-icons.assets{
    float:left;margin-left:10px;
  }

  @media screen and (max-width: 768px) {
    .column1{
      flex:50%;
    }
    .column2{
      flex:50%;
    }
    .column_in{
      flex: 100%;
      max-width:100%;
    }
  }
  
  @media screen and (max-width: 548px) {
    .column1,.column2 {
      flex: 100%;
      max-width: 100%;
    }
  }
  
  @media screen and (max-width: 480px) {
    .column_category{ display: none; }
    .column_content{ width:100%;  }
    .column1,.column2{ width:100%; }
    .column1{flex:none}
    .navbar-input--has-floatlabel,.search-bar,.megamenu-search { margin-left: 0em;}
    
  }
  
  .w-clock{
  	padding-right: 50px;
  }