/* =admin
--------------------------------------*/
#admin { background:#FFF; margin:0; }
#admin #languages { display:inline-block; }
#admin .container { background:#FFF; clear:both; margin-bottom:200px; }
#admin #menu { margin:0; background:#2E3337; color:#DDD; }
#admin #menu ul { list-style:none; padding:0; margin:0; }
#admin #menu ul#toplinks { float:right; font-size:0.9em; }
#admin #menu ul li { float:left; padding:10px; }
#admin #menu ul li a { color:#BBE3FF; text-decoration:none; letter-spacing:0.3px;}
#admin #menu ul li a:hover { text-decoration:underline; }
#admin #menu ul#menu li a { float:left; display:block;  }

#admin #submenu { margin:0 0 20px 0; background:#EEEEFF; color:#2E3337; border-bottom:1px solid #CCC; }
#admin #submenu ul { list-style:none; padding:0; margin:0 20px; }
#admin #submenu ul li { float:left; padding:10px; }
#admin #submenu ul li a { color:#2E3337; text-decoration:none; letter-spacing:0.3px;}
#admin #submenu ul li a:hover { text-decoration:underline; }

#admin #content { margin:20px 0; }

/* =login
--------------------------------------*/
#login { background:#EFEFEF; }
#login #languages { width:500px;margin:0 auto; }
#login .container { width:500px; margin:0 auto; border:1px solid #444; background:#FFF; clear:both; }
#login #content { margin:20px 0;}

/* =languages
--------------------------------------*/
#languages a { display:block; float:right; height:16px; width:16px; margin-left:7px; text-indent: -10000px; text-decoration: none; border:0; }
#languages .fr { background: url(/images/fr.png?v2) no-repeat 0px 0.3em; }
#languages .en { background: url(/images/en.png?v2) no-repeat 0px 0.3em; }
#languages .de { background: url(/images/de.png?v2) no-repeat 0px 0.3em; }

#admin .search { margin-bottom:15px; }
#admin .search div { margin-bottom:6px; }

#admin #languages { width: 120px; margin-top: 0px; }

#admin #languages a {
  width: 32px;
  height: 32px;
  background-size: 100%;
}

#admin #submenu {
  background: #fff;
  border-bottom: 1px solid #000;
}

#admin #submenu ul li a {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

#admin #submenu ul li {
  padding: 20px;
}

@media screen and (max-width: 782px) {

  #admin #menu ul, #admin #submenu ul { width: 100%; margin: unset; }

  #admin #menu ul li {

      float: left;
      width: 100%;
      height: 60px;
      line-height: 60px;
      vertical-align: middle;
      text-align: center;
      display: block;
      font-size: 14px;
      font-weight: bold;
      padding: 0px;
      border-bottom: 1px solid #fff;

    }

    #admin #submenu ul li {

        float: left;
        width: 100%;
        height: 60px;
        line-height: 60px;
        vertical-align: middle;
        text-align: center;
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding: 0px;
        border-bottom: 1px solid #000;

      }

  #admin #menu ul li a {

      color: #fff !important;
      padding: unset;

    }

  #admin #submenu ul li a {

      color: #000 !important;
      padding: unset;

    }

}