#admin{
    width:100%;
    height:40px;
    position:absolute;
    background-color:#C9CDD1;
    font-size:11px;
    color:black;
    padding:0px;
    margin:0px;
}

.admin_menu, .admin_menu_selected{
    display:block; float:left;
    color:white;
    text-decoration:none;
    font-size:12px;
    background-color:#B4B4B4;
    height:20px; line-height:20px;
    padding-left:15px; padding-right:15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
/*    min-width: 80px;*/
    max-width:95px;
}
.admin_menu:hover{
    text-decoration:underline;
}
.admin_menu_selected{
    background-color:#808080;
}


.submenu{
    position:absolute;
    top:20px;
    left:0px;
    display:none;
    background-image:url(/template/images/transparent2.png);
    min-width:150px;
    z-index: 2;
}
.submenu a{
    display:block;
    color:white;
    text-decoration:none;
    padding-left:5px;
}
.submenu a:hover{
    background-image:url(/template/images/transparent.png);
}



.admin_buttons{
    color:gray;
    text-decoration:none;
    font-size:12px;
    background-color:#E5E5E5;
    padding:3px;
    padding-left:12px; padding-right:12px;
}




.translate_lang_tab, .translate_lang_tab_selected{
    font-size:12px;
    color:white;
    background-color:#B4B4B4;
    text-decoration:none;
    padding:1px;
    padding-left:9px; padding-right:9px;
    text-transform: uppercase;
}
.translate_lang_tab_selected{
    background-color:#808080;
    color:white;
}
#loading {
        position: absolute;
        top: 5px;
        right: 5px;
}


/* Big admin menu */
#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}
#menu .main-menu-top {
  display: none;
}

#ttm:checked + .main-menu-top {
  display: block;
}

#tm1:checked + .main-menu {
  display: block;
}
#tm2:checked + .main-menu {
  display: block;
}
#tm3:checked + .main-menu {
  display: block;
}
#tm4:checked + .main-menu {
  display: block;
}
#tm5:checked + .main-menu {
  display: block;
}
#tm6:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu_tm1,#toggle-menu_tm2,#toggle-menu_tm3,#toggle-menu_tm4,#toggle-menu_tm5,#toggle-menu_tm6, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu_tm1,#toggle-menu_tm2,#toggle-menu_tm3,#toggle-menu_tm4,#toggle-menu_tm5,#toggle-menu_tm6
{
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: darkgrey;
  border-width: 1px 1px 0;
  margin: 0 1em;
}
#menu ul.main-menu.second-level {
  background-color: darkgrey;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu_tm1,#toggle-menu_tm2,#toggle-menu_tm3,#toggle-menu_tm4,#toggle-menu_tm5,#toggle-menu_tm6, 
#menu a {
  position: relative;
  display: inline-block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
  font: bold 12px Arial, Helvetica, sans-serif;
}

#menu, 
#toggle-menu_tm1,#toggle-menu_tm2,#toggle-menu_tm3,#toggle-menu_tm4,#toggle-menu_tm5,#toggle-menu_tm6
{
  background-color: #999999;
}

#toggle-menu_tm1,#toggle-menu_tm2,#toggle-menu_tm3,#toggle-menu_tm4,#toggle-menu_tm5,#toggle-menu_tm6,
#menu a {
  padding: 1em 1.5em;
}

#menu a.selected{
    font: bold Arial, Helvetica, sans-serif;
    color: #333333;
}

#menu ul.area-menu li a.selected{
    background-color: darkgrey;
    /*color: #333333;*/
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}
  
#menu a:hover {
  /*background-color: white;*/
  color: #000000;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #cccccc;
}

#toggle-menu_tm1 .drop-icon, 
#toggle-menu_tm2 .drop-icon, 
#toggle-menu_tm3 .drop-icon, 
#toggle-menu_tm4 .drop-icon, 
#toggle-menu_tm5 .drop-icon, 
#toggle-menu_tm6 .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 0.5em;
  top: 1.25em;
}

#menu label.drop-icon, 
#toggle-menu_tm1 span.drop-icon,
#toggle-menu_tm2 span.drop-icon,
#toggle-menu_tm3 span.drop-icon,
#toggle-menu_tm4 span.drop-icon,
#toggle-menu_tm5 span.drop-icon,
#toggle-menu_tm6 span.drop-icon
{
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 52em) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu_tm1,#toggle-menu_tm2,#toggle-menu_tm3,#toggle-menu_tm4,#toggle-menu_tm5,#toggle-menu_tm6,
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
  
  #menu .main-menu-top {
    display: block;
  }
  #toggle-menu-main{
      display: none;
  }
}