@import url(../../../stylesheets/application.css);
@import url(basics.css);

.home_nosplit { float:left; width:99%; }

#main {
  background: #fff;
}

#top-menu {
  background-color: #fff;
  background-image: url(../images/logo-IX.png);
  background-position: 7px 8px;
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#top-menu a {
    color: #000;
    margin-right: 8px;
    font-weight: bold;
    font-size: 10pt;
}

#header {
  background-color: #eee;
  color: #000;
  min-height: 7.5em;
  margin: 0;
  padding: 4px 8px 0 6px;
}

#header a {
    color: #000;
}

#quick-search { padding-top: 10px; }

#sidebar ul.pages-hierarchy {
  margin: 0 0 2px 8px;
}

#main-menu {
  background-color: #888;
  left: 0;
  border-bottom: 1px solid #ddd;
  font-size: 10pt;
  box-shadow: 1px 2px 3px #eee;
}

#main-menu ul {
  min-height: 35px;
}

#main-menu ul li a {
  padding: 10px;
}

#main-menu li a.selected,
#main-menu li a.selected:hover {
    background: #eee;
    color: #e41f25;
    padding: 10px;
    font-weigth: bold;
}

#main-menu li a:hover {
    background: none;
    color: #e41f25;
}

/* Top menu colors */
#top-menu .menu-children li a:hover {
  background-color: #e41f25 !important;
}

/* Plus menu */
#main-menu li a.new-object {
  background-color: #e41f25 !important;
  color: #fff;
  margin-right: 0!important;
}

#main-menu .menu-children {
  border-right: 1px solid #e41f25;
  border-bottom: 1px solid #e41f25;
  border-left: 1px solid #e41f25;
}

#main-menu .menu-children li a:hover {
  background-color: #e41f25 !important;
}

#main-menu li a:hover {
  color: #e41f25;
}

/* login style */
body.action-login #content {
  background-image: url(../images/bg-login.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

body.action-login #header {
  background-image: none;
  padding-left: 10px;
}

#login-form {
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 15px #ddd;
  background-image: url(../images/logo.png);
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: 222px 16px;
  padding-top: 50px;
  opacity: 0.8;
}

#login-form input[type="text"]:focus {
  outline: none;
  box-shadow: 0 0 5px #e41f25;
  border: 1px solid #e41f25;
}

/* Mobile toggle button colors */
#wrapper #header a.mobile-toggle-button {
  border-left-color: #ddd;
  color: #f8f8f8;
}

/* Flyout menu colors */
#wrapper .flyout-menu {
  color: #fff;
  background-color: #888;
}

/* Flyout menu border color */
#wrapper .flyout-menu__avatar,
#wrapper .flyout-menu ul li a {
  border-top-color: rgba(255, 255, 255, 0.1); /* white with alpha transparency */
}

/* Flyout menu link color */
#wrapper .flyout-menu a,
#wrapper .flyout-menu__avatar a {
  color: #fff;
}

/* Flyout menu headings background */
#wrapper .flyout-menu h3 {
  background-color: #e41f25;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/* Flyout menu headings text color */
#wrapper .flyout-menu h3,
#wrapper .flyout-menu h4 {
  color: #fff;
}

@media all and (max-width: 899px) {
  /* Header background color */
  #header {
    background: #888 !important;
    color: #000;
  }
}