.cui-menu {
  max-width: 180px;
  min-width: 140px;
  padding: 6px 0;
  border-radius: 3px;
  background: white;
  border: solid 1px #c5cdd1;
  display: inline-flex;
  vertical-align: middle;
  flex-direction: column; }
  .cui-menu .cui-menu-divider {
    margin: 6px 0; }
  .cui-menu .cui-menu-heading {
    padding: 6px 12px; }
  .cui-menu .cui-menu-item {
    border-radius: 0; }
  .cui-menu .cui-menu-divider {
    border-bottom: solid 1px #c5cdd1; }
  .cui-menu .cui-menu-heading {
    color: #263238;
    font-weight: bold;
    font-size: 12px; }
  .cui-menu.cui-basic {
    border: none; }
  .cui-menu.cui-xs {
    max-width: 140px;
    min-width: 100px;
    padding: 5px 0; }
    .cui-menu.cui-xs .cui-menu-divider {
      margin: 5px 0; }
    .cui-menu.cui-xs .cui-menu-heading {
      padding: 5px 10px; }
  .cui-menu.cui-sm {
    max-width: 160px;
    min-width: 120px;
    padding: 5px 0; }
    .cui-menu.cui-sm .cui-menu-divider {
      margin: 5px 0; }
    .cui-menu.cui-sm .cui-menu-heading {
      padding: 5px 11px; }
  .cui-menu.cui-lg {
    max-width: 200px;
    min-width: 160px;
    padding: 7px 0; }
    .cui-menu.cui-lg .cui-menu-divider {
      margin: 7px 0; }
    .cui-menu.cui-lg .cui-menu-heading {
      padding: 7px 14px; }
  .cui-menu.cui-xl {
    max-width: 240px;
    min-width: 200px;
    padding: 8px 0; }
    .cui-menu.cui-xl .cui-menu-divider {
      margin: 8px 0; }
    .cui-menu.cui-xl .cui-menu-heading {
      padding: 8px 16px; }