.vertical_sub_menu {
  background: #002433;

  .x-btn-text {
    color: #ffffff;
    background-size: contain;
  }

  .x-btn-over td.x-btn-mc em {
    color: #ffffff;
    background-color: revert;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
  }

  .x-btn button {
    font: 14px Tahoma, Verdana, Segoe, sans-serif;
    color: #cccc;
    letter-spacing: 110%;
    vertical-align: top;
  }


  em.x-btn-arrow {

    padding-bottom: 6px;

  }




  .x-panel-body {
    border-color: #002433;
    background-color: #002433;
    border-color: #002433;

  }
 

}

#menu_panel {




  .x-panel-body {
    border-color: #002433;
    background-color: #002433;
    border-color: #002433;

  }
}

#left_menu {

  width: 100%;
  height: 100%;
  border-image-width: 0px;
  position: relative;
  top: -10px;

  .x-btn-over td.x-btn-mc em {
    background-color: #eeeeee;
    background-color: revert;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
  }


  .x-menu-scroller-top {
    background-image: revert;
  }



  .x-panel-body,
  .x-panel-body-noheader {
    border-color: #002433;
    background-color: #002433;
    border-color: #002433;

  }

  .x-menu-list {
    height: 900px !important;
  }


}


.left_menu_subtitle {
  button.x-btn-text {
    font-size: 120%;
  }

}

.main_button_text {
  color: #ffffff;
  display: block;
  font-size: 14px;
  text-decoration: underline;
}

/*** Stop alt images in menu **/
img.no-alt-text {
  display: none;

}


/* Basic button styling */
.icon-button {
  height: 40px !important;
  width: 40px !important;

}

.icon-button .x-btn-icon {
  width: 32px !important;
  height: 32px !important;
}

/* Menu item styling */
.x-menu-item {
  padding: 6px 8px;
}

/* Menu styling */
.x-menu {
  background-image: revert;
  border: none;
  background: #002433;
  padding: 2px;
  border-radius: 10px;
  padding: 10px;
}


div.x-menu.x-menu-floating.x-layer.vertical_sub_menu {
  border: #cccc 3px solid !important;

}

/* Active states */
.x-menu-item-active {
  background-color: #002433;
  border-color: #ddd;
}

.icon-button .x-btn-menu-active {
  background-color: #002433;
}

div.search_results_container {
  border: white 1px solid;
  height: 90vh;
  padding-bottom: 12px;

}

#search_results {


  .x-panel-body {
    border: #002433 2px solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 5px;
    background-color: #002433;

    border-color: #002433;
    color: #ffffff
  }

  .x-panel-body-noheader {
    border: none;
    background-color: #002433;

    :any-link {
      color: #ffffff
    }


  }

}

#menu_search {
  margin: 10px;
  align-items: center;

}

#expand_button {
  td.x-btn-mc em {
    border-radius: 4px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #002433;


  }



}

.expanded_menu,
.collapsed_menu {
  background-color: #002433;
}




img.menu_expander {
  position: absolute;
  /* Makes the image stay in place regardless of scrolling */
  top: 0;
  /* Position the image at the top */
  left: 20px;
  /* Position the image at the left */
  z-index: 9999;
  /* Ensures it is above all other elements */


}


.arrow {
  font-size: 250%;
  position: relative;
  top: 4px;
}

.menu_arrow {
  position: relative;
  top: -7px;
  float: inline-end;
}


 
.vertical_sub_menu {

  /* to fit favicon  */
  .x-menu-list-item {
    width: 270px;

  }

}
 


.favourites_menu {

  .x-btn-text {
    /* border: pink 1px solid; */
    background-size: contain;
    padding-left: 1px;
  }
}
.pemac_menu_button {

  .x-btn-text {
    /* border: pink 1px solid; */
    background-size: contain;
    padding-left: 1px;
  }
}

.level_1_sub_menu_panel {

  

  .x-panel-body {
    background-color: #002433;
    border-color: #002433;
    color: white;
  }

  .x-btn button {
    color: #ffffff;
    font-size: 11.9px;

  }

  .x-btn-over td.x-btn-mc em {
    background-color: revert;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
    letter-spacing: 0.05rem;

  }

}

.level_1_sub_menu_panel .pemac_menu_button {
  width: 160px !important;
}

.level_1_sub_menu_panel .pemac_menu_button em {
  padding-right: 0px !important;
}

.level_1_sub_menu_panel .pemac_menu_button button {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}