#menu {
  background: #343434;
  color: #eee;
  height: 35px;
  border-bottom: 4px solid #eeeded
}

#menu ul,
#menu li {
  margin: 0 0;
  padding: 0 0;
  list-style: none
}

#menu ul {
  height: 35px
}

#menu li {
  float: left;
  display: inline;
  position: relative;
  font: bold 12px Arial;
  text-shadow: 0 -1px 0 #000;
  border-right: 1px solid #444;
  border-left: 1px solid #111;
  text-transform: uppercase
}

#menu li:first-child {
  border-left: none
}

#menu a {
  display: block;
  line-height: 35px;
  padding: 0 14px;
  text-decoration: none;
  color: #eee;
}

#menu li:hover > a,
#menu li a:hover {
  background: #111
}

#menu input {
  display: none;
  margin: 0 0;
  padding: 0 0;
  width: 80px;
  height: 35px;
  opacity: 0;
  cursor: pointer
}

#menu label {
  font: bold 30px Arial;
  display: none;
  width: 35px;
  height: 36px;
  line-height: 36px;
  text-align: center
}

#menu label span {
  font-size: 12px;
  position: absolute;
  left: 35px
}

#menu ul.menus {
  height: auto;
  width: 180px;
  background: #111;
  position: absolute;
  z-index: 99;
  display: none;
  border: 0;
}

#menu ul.menus li {
  display: block;
  width: 100%;
  font: 12px Arial;
  text-transform: none;
}

#menu li:hover ul.menus {
  display: block
}

#menu a.home {
  background: #c00;
}

#menu a.prett {
  padding: 0 27px 0 14px
}

#menu a.prett::after {
  content:"";
  width: 0;
  height: 0;
  border-width: 6px 5px;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  position: absolute;
  top: 15px;
  right: 9px
}

#menu ul.menus a:hover {
  background: #333;
}

#menu ul.menus .submenu {
  display: none;
  position: absolute;
  left: 180px;
  background: #111;
  top: 0;
  width: 180px;
}

#menu ul.menus .submenu li {
  background: #111;
}

#menu ul.menus .has-submenu:hover .submenu {
  display: block;
}

.configure-submenu-icon{
    margin-left:25px;
    color:#BDBDBD;
}

#copy-field-menu:hover #copy-field-menu-items {
  display:block;
}

#copy-field-menu-items {
    display:block;
}


.ad-elements {
    padding-top: 7px;
    padding-bottom: 5px;
    cursor: pointer;
}






/* Dropdown Button */
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dc-menu {
    display: none;
    position:absolute;
    background-color: #ffffff;
    min-width: 164px;
    box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.2);
    margin-left:-123px;
    margin-top:23px;
    border-style:solid;
    border-width: 1px;
    border-color:#E0E0E0;
    padding-top:5px;
    padding-bottom:5px;
}

.navbar-modification{
    position:absolute;
    z-index:10000;
}

/* Links inside the dropdown */
.dc-menu a, .dc-submenu a {
    font-family:"Roboto";
    color: #616161;
    font-weight: 400;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
}

#copy-field:hover .dc-submenu {
    display:block;
}

/* Change color of dropdown links on hover */
.dc-submenu a:hover, .dc-menu a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 

.dc-submenu {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 140px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left:-140px;
    margin-top:-49px;
    border-style:solid;
    border-width: 1px;
    border-color:#E0E0E0;
}



.custom-listbox ul{
       height:98px; 
       width:280px;  
       list-style: none;
       cursor:default;
       padding: 0 8px;
       border-style: solid;
       border-width: 1px;
       border-color:gainsboro;
       overflow:hidden; 
       overflow-y:scroll;
}

.custom-listbox2 ul{
       height:98px; 
       width:270px;  
       list-style: none;
       cursor:default;
       padding: 0 8px;
       border-style: solid;
       border-width: 1px;
       border-color:gainsboro;
       overflow:hidden; 
       overflow-y:scroll;
}

.edit-categories-listbox ul{
    margin-top:-22px;
       height:147px; 
       width:270px;  
       list-style: none;
       cursor:default;
       padding: 0 8px;
       border-style: solid;
       border-width: 1px;
       border-color:gainsboro;
       overflow:hidden; 
       overflow-y:scroll;
}

    .edit-categories-listbox ul li.first-list-item {
        margin-top:1px;
    }

    .left-align-text{
        text-align:left;
    }

.highlight-list-item{
    background-color:#c8c8c8;
    width:300px;
    margin-left:-10px; 
    padding-left:10px
}

hr.menu-items-group-separator {
    height: 1px;
    margin-top: 0px;
    margin-bottom: -2px;
}

hr.settings-buttons-delineator {
    height: 1px;
    background-color:#adb5bd;
}