/*
 * Default Admin Theme
 *
 * @copyright       (c) 2000-2015 XOOPS Project (www.xoops.org)
 * @license         http://www.fsf.org/copyleft/gpl.html GNU public license 3.0
 * @package         themes
 * @since           2.5.x
 * @author          Xoops Design Theme <http://www.xoops.org/>
 * @maintained      Xoops Design Theme <http://www.xoops.org/>
 *

/*
THEME VARIABLES
*/
@import "themes/dark";

    /* ==================== Import other stylesheets ==================== */
@import "reset";
@import "scaffolding";
@import "dashboard";
@import "buttonbar";
@import "footer";
@import "accordion";
@import "globalnav";
@import "content";
@import "logger";
@import "forms";
@import "toolbar";
@import "icons";
@import "tablesorter";
@import "pagenav";
@import "tabs";
@import "tooltip";
@import "choosestyle";

/* ==================== General definitions ==================== */
html {

}

body {
    background-color: @body-bg;
    font-size: @font-size;
    font-family: @font-family;
  color: @text-color;
    margin: 0;
    padding: 0;
}

hr {
    height: 0;
    border: 1px #0c1713 solid;
    width: 99%;
}

a:link {
    text-decoration: none;
    color: @links-color;
    background-color: transparent;
}

a:visited {
    text-decoration: none;
    color: @links-color;
    background-color: transparent;
}

a:hover {
    text-decoration: underline;
    color: @links-hover;
    background-color: transparent;
}

/* ==================== xo_head.tpl ==================== */
#xo-logo-head {
    padding: 0;
    text-align: left;
    background: @head-logo-bg;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    height: 72px;
    position: relative;
}

#main-logo a {
  height: 52px !important;
  padding: 10px 0;
  width: 160px !important;
  display: block;
  width: 160px;
  text-align: center;
  position: absolute;
  top: 0; left: 0;

  > img{
    max-width: 100%;
    max-height: 100%;
  }

}

#xo-headnav {
  position: absolute;
  top: 0;
  right: 50px;
  list-style: none;
  padding: 0; margin: 0;

  &:after{
    content: '';
    clear: both;
    display: table;
  }

  > li{
    float: left;
    border-left: 1px solid @headnav-separator-color;

    > a{
      display: block;
      padding: 0 16px;
      background-color: @head-links-bg;
      border-left: 1px solid @headnav-separator-color-light;
      color: @head-links-color;
      text-transform: uppercase;
      font-size: 10px;
      line-height: 30px;
      transition: ease all 250ms;

      .fa{
        font-size: 14px;
      }

      &:hover{
        text-decoration: none;
        background-color: darken(@head-links-bg, 10%);
        border-left-color: rgba(0,0,0,0.0);
      }
    }

    &:first-child{
      border-left: 0;
      > a{
        border-radius: 0 0 0 3px;
        border-left: 0;
      }
    }

    &:last-child > a{
      border-radius: 0 0 3px 0;
    }
  }
}

div.xo-blocksfilter select {
  color: #686868;
}

#xo-modadmin-index td {
  vertical-align: top;
}

/* ==================== jGrowl ==================== */
div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer {
    background: #EEEDED;
    color: #333;
    border: 2px solid #666;
}

/* ================== Help system ================== */
#help-system{
  td{
    vertical-align: top;
  }
}
