/**
* Copyright (C) 2009-2014:
*    Gabes Jean, naparuba@gmail.com
*    Gerhard Lausser, Gerhard.Lausser@consol.de
*    Gregory Starck, g.starck@gmail.com
*    Hartmut Goebel, h.goebel@goebel-consult.de
*    Andreas Karfusehr, andreas@karfusehr.de
*    Frederic Mohier, frederic.mohier@gmail.com
*    Guillaume Subiron, maethor@subiron.org
*
* This file is part of Shinken.
*
* Shinken is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Shinken is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with Shinken.  If not, see <http://www.gnu.org/licenses/>.
*
**/


/*
 * ---
 * Backported from shinken-webui.css
 *
 */
html, body {
    background: #f9f9f9;
}
.table-invisible > thead > tr > th,
.table-invisible > tbody > tr > th,
.table-invisible > tfoot > tr > th,
.table-invisible > thead > tr > td,
.table-invisible > tbody > tr > td,
.table-invisible > tfoot > tr > th {
    border-top: 0;
}
.table-invisible {
    margin:0;
}

/*
 * ------------------------------------------------------------------------
 * Page layout
 * ------------------------------------------------------------------------
 */

/*
 * Services / impacts tree
 */
.services-tree ul {
   padding-top: 0;  padding-bottom:0; border: 0;
}
.services-tree ul li{
   background-color: transparent;
   padding-top: 0;  padding-bottom:0; border: 0;
}

/*
 * Popover
 */
.popover {
   max-width: 640px;
/*
   white-space: nowrap; word-wrap: break-word;
*/
}

.popover-medium {
   max-width: 480px;
}

.popover-large {
   max-width: 1024px;
}

/*
 * Table with ellipsis for text too large in columns
 */
.table-nowrap {
   table-layout:fixed;
}

.table-nowrap td {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

/*
 * ------------------------------------------------------------------------
 * Page layout
 * ------------------------------------------------------------------------
 */

/*
 * Side bar menu - width 200px
 */
@media(min-width:768px) {
   #page-wrapper {
      margin: 0 0 0 200px;
   }
   #page-wrapper.fullscreen {
      margin: 0 0 0 0;
   }
}
@media(min-width:768px) {
    .sidebar {
        width: 200px;
    }
}
@media (max-width: 768px) {
    #sidebar-menu > li  {
        float:left;
    }
    #sidebar-menu {
        height: 50px;
        max-width: none;
    }
}

@media(max-height:600px) {
    .sidebar li  a {
        height: 30px;
    }
}

/*
 * Navigation bar, company logo
 */
.header .navbar-brand {
  padding: 1px;
}
.header .navbar-brand img {
  height: 48px;
  padding: 1px;
  margin: 0;
}


/*
 * Navigation bar, responsive input field
 */
@media (min-width: 768px) {
    input#search {
        width: 160px;
    }
}
@media (min-width: 900px) {
    input#search {
        width: 260px;
    }
}
@media (min-width: 1300px) {
    input#search {
        width: 400px;
    }
}
@media (min-width: 1400px) {
    input#search {
        width: 500px;
    }
}
@media (min-width: 1500px) {
    input#search {
        width: 600px;
    }
}

/*
 * Navigation bar, user menu
 */
.user-menu > .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
.user-menu > .dropdown-menu:after {
  bottom: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
.user-menu > .dropdown-menu > li.user-header {
  height: auto;
  padding: 10px;
  background: #eeeeee;
  text-align: center;
}

/*
 * Footer - make footer bar smaller than usual ...
 */
footer nav {
    height: 25px;
    min-height: 25px !important;
}

footer nav.navbar-dashboard {
    position: absolute;
    width: 200px;
    left: 0px; bottom: 30px;
}

footer nav.navbar-element {
    position: absolute;
    width: 200px;
    left: 0px; bottom: 30px;
}
/*
 * Breadcrumb
 */
.breadcrumb {
  background: none;
}

/*
 * Shinken basics
 */

.font-ok, .font-up {
  color: #5bb75b !important;
}

.font-warning, .font-unreachable {
  color: #faa732 !important;
}

.font-critical, .font-down {
  color: #da4f49 !important;
}

.font-unknown, .font-pending {
  color: #49afcd !important;
}

.font-ack, .font-downtime {
  color: #777 !important;
}

.font-greyed {
  color: #ccc !important;
}


.background-ok, .background-up {
  background-color: #5bb75b !important;
}

.background-warning, .background-unreachable {
  background-color: #faa732 !important;
}

.background-critical, .background-down {
  background-color: #da4f49 !important;
}

.background-unknown, .background-pending {
  background-color: #49afcd !important;
}

.background-ack, .background-downtime {
  background-color: #777 !important;
}

.background-greyed {
  background-color: #ccc !important;
}


/*
 * Special font styles (Font Color)
 */
.font-white {color: #FFFFFF;}

.font-black {color: #000000;}

.font-green {color: #468847;}

.font-yellow {color: #FFEE00;}

.font-orange {color: #F89406;}

.font-red {color: #DA4F49;}

.font-green {color: #51A351;}

.font-grey {color: #505050;}

.font-lightgrey {color: #EBEBEB;}

.font-darkgrey {color: #535456;}

.font-blue {color: #3A87AD;}


/*
 * Special background colors
 */
.bg-white {background-color: #FFFFFF;}

.bg-black {background-color: #000000;}

.bg-green {background-color: #468847;}

.bg-yellow {background-color: #FFEE00;}

.bg-orange {background-color: #F89406;}

.bg-red {background-color: #DA4F49;}

.bg-green {background-color: #51A351;}

.bg-grey {background-color: #505050;}

.bg-lightgrey {background-color: #EBEBEB;}

.bg-darkgrey {background-color: #535456;}

.bg-blue {background-color: #3A87AD;}

/*  Special background colors (for hosts/services/contacts tags)
    ------------------------------------------------------- */
.bg-host {
  color: #f9f9f9 !important;
  background-color: #85144b !important;
}
.bg-service {
  color: #f9f9f9 !important;
  background-color: #004f3f !important;
}
.bg-contact {
  color: #f9f9f9 !important;
  background-color: #f56954 !important;
}
.bg-host:hover, .bg-service:hover, .bg-contact:hover {
  color: #000 !important;
  background-color: #fff !important;
}