.menus {width: 100%;}

.menu_body {
  width: 250px;
  padding: 5px;
  position: absolute;
  z-index: 2000;
  border-radius: 14px;
  box-shadow: 0px 4px 8px #a6a6a6;
  background-color: #fff;
  overflow-y: hidden;
}
.menu_body {transform: translate3d(40px, 100px, 0);}

.menu__more {
  width: 240px;
  padding: 5px 5px 10px 5px;
  position: absolute;
  left: 26px;
  border-radius: 14px;
  box-shadow: 0px 2px 5px #a6a6a6;
  background-color: #fff;
  z-index: 2000;
}
.more_menu_header {
  height: 50px;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
}
.more_header--icon {
  width: 40px;
  height: 50px;
  margin-right: 7px;
  background-size: 1.6em;
  background-repeat: no-repeat;
  background-position: 0.9em center;
  background-image: url("../img/ellipsis-h-active.svg");
}

.sect_menu_options {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  display: block;
  background-color: #fff;
}
.sect_menu_options--divider {
  width: calc(100% - 30px);
  padding-top:10px;
  margin-left: 15px;
  border-bottom: 2px solid #cccccc;
}

button.menu_option {
  width: calc(100% - 10px);
  height: 43px;
  padding: 0px 10px;
  display: flex;
  margin: 0px 5px;
  align-items: center;
  white-space: nowrap;
  pointer-events: auto;
  font-size: 1.4rem;
  font-weight: 500;
}
button.menu_option:hover {
  background-color: #eff3f8;
  border-radius: 6px;
}
button.menu_option:disabled {
  cursor: default;
  opacity: 0.4;
}
.menu_opt_icon {
  width: 32px;
  height: 42px;
  background-repeat: no-repeat;
}
.opt_icon_importbook {
  background-size: 2.0em;
  background-position: 0.0em center;
  background-image: url("../img/import-notebook-icon.svg");
}
.opt_icon_quizlet {
  background-size: 82%;
  background-size: 1.6em;
  background-position: 0.15em center;
  background-image: url("../img/quizlet-icon.svg");
  /* background-color: orange; */
}
.opt_icon_integrations {
  background-size: 100%;
  background-position: center;
  background-image: url("../img/add-circle-icon.svg"); /*@todo using this as placeholder ... replace with some other suitable icon for Integrations */
  /* background-color: orange; */
}
.opt_icon_occlusion {
  background-size: 1.8em;
  background-position: 0.1em center;
  background-image: url("../img/occlusion-icon.svg");
}
.opt_icon_ideatree {
  background-size: 1.2em;
  background-position: 0.3em center;
  background-image: url("../img/ideatree-icon.svg");
}

.opt_icon_book {
  background-size: 2.1em;
  background-position: -0.1em center;
  background-image: url("../img/new-notebook-icon.svg");
}
.opt_icon_flashcards {
  background-size: 2.1em;
  background-position: 0.0em center;
  margin-top: -0.2em;
  background-image: url("../img/new-flashcards-icon.svg");
}
.opt_icon_note {
  background-size: 2.1em;
  background-position: 0.0em center;
  margin-top: -0.2em;
  background-image: url("../img/new-note-icon.svg");
}
.opt_icon_share {
  background-size: 0.9em;
  background-position: 0.0em center;
  background-image: url("../img/share-alt-solid.svg");
}
.opt_icon_export {
  background-size: 1.65em;
  background-position: 0.0em center;
  background-image: url("../img/export-icon.svg");
}
.opt_icon_refresh {
  background-size: 1.65em;
  background-position: 0.0em center;
  background-image: url("../img/refresh-blue-icon.svg");
}
.opt_icon_assistant {
  background-size: 1.9em;
  margin-top: 1.4em;
  background-image: url("../img/assistant-icon.svg");
}
.opt_icon_move_book {
  background-size: 2.0em;
  background-position: -0.1em center;
  margin-top: -0.1em;
  background-image: url("../img/move-notebook-icon.svg");
}
.opt_icon_move_note {
  background-size: 1.9em;
  background-position: 0.0em center;
  margin-top: -0.2em;
  background-image: url("../img/move-note-icon.svg");
}
.opt_icon_edit_note {
  background-size: 2.0em;
  background-position: -0.1em center;
  margin-top: 0.1em;
  background-image: url("../img/edit-note-icon.svg");
}
.opt_icon_rename {
  background-size: 2.0em;
  background-position: 0.0em center;
  margin-top: 0.0em;
  background-image: url("../img/edit-text-icon.svg");
}
.opt_icon_encrypt {
  background-size: 1.7em;
  background-position: 0.0em center;
  background-image: url("../img/encrypt-icon.svg");
}
.opt_icon_trash {
  background-size: 1.6em;
  background-position: 0.0em center;
  background-image: url("../img/trash-icon.svg");
}
.opt_icon_hide {
  background-size: 1.8em;
  background-position: 0.0em center;
  background-image: url("../img/hide-shared-book-icon.svg"); 
}
.opt_icon_newdeck {
  background-size: 2.0em;
  background-position: -0.1em center;
  margin-top: -0.1em;
  background-image: url("../img/add-focusdeck-icon.svg");
}
.menu_opt_name {
  padding-left: 5px;
  font-size: 1.4rem;
}
.opt_icon_edit_deck {
  background-size: 1.35em;
  background-position: 0.3em center;
  margin-top: 0.1em;
  background-image: url("../img/pencil-solid.svg");
}
.opt_icon_previous_results {
  background-size: 1.4em;
  background-position: 0.2em center;
  margin-top: -0.2em;
  background-image: url("../img/previous-results.svg");
}
.opt_icon_spaced_repetition {
  background-size: 1.5em;
  background-position: 0.2em center;
  margin-top: 0.1em;
  background-image: url("../img/spaced-repetition-icon.svg");
}
.opt_icon_edit_focusdeck {
  background-size: 1.35em;
  background-position: 0.2em center;
  margin-top: 0.1em;
  background-image: url("../img/pencil-solid.svg");
}