/**
* 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
*
* 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/>.
*
**/


/*  Shinken basics
    ------------------------------------------------------- */
html, body {
    height: 100%;
}

body {
  padding-top: 60px;
  /*  padding-bottom: 40px;*/
}

.sidebar-nav {
  padding: 9px 0;
}

#wrap {
    height: auto !important;
    margin: 0 auto -40px;
    min-height: 100%;
    padding: 0 0 60px;
}

#footer {
    height: 40px;
}

#content_container {
  padding-top: 5px;
  padding-bottom: 15px;
}

.container {
    padding: 0 15px;
    width: auto;
}

.container .credit {
    margin: 10px 0;
}


/*  Special Font Awesome 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 Shinken Box
    ------------------------------------------------------- */
.fitted-box {
  -moz-box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 20px;
  margin-top: 5px;
}

.fitted-header {
  background: #F7F7F7 !important;
}

.fitted-link {
  color: #787878;
  font-size: 12px;
  font-weight: bold;
  background: #F7F7F7 !important;
  border-bottom: 1px solid #DDDDDD;
  line-height: 100%;
  margin: 0;
  padding: 10px;  
}

.fitted-box a {
  color: #787878;
  font-size: 12px;
  font-weight: bold;
  line-height: 100%;
  margin: 0;
  padding: 10px;
}

.fitted-box a:hover {
  text-decoration: none;
}

.fitted-box ul {
  min-height: 25px;
  margin: 3px 15px;
  font-size: 13px;
}

.fitted-box li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  color: #777777;
}

.fitted-box .num {
  color: #333333;
  font-weight: bold;
}

.fitted-box .progress {
  margin: 0 5px;
  height: 25px;
  width: 99%;
}

.fitted-bar {
  font-size: 12px;
  padding: 10px 0;
  background: #FFFFFF;
  border-bottom: 1px solid #DDDDDD;
  height: 80px;
}

.fitted-summary li {
  font-size: 12px;
  color: #999999;
  -moz-box-sizing: border-box;
  display: table-cell;
  list-style-type: none;
  margin: 0;
}

/*  Special Shinken Buttons
    ------------------------------------------------------- */
.btn-spezial {
  min-height: 15px !important;
  line-height: 17px;
}

/*  Special Shinken snap.js & BS3 (modal) workaround
    ------------------------------------------------------- */
.modal-backdrop {
  z-index: 0 !important;
}


/*  Special Shinken styles
    ------------------------------------------------------- */

.cursor { cursor:pointer; }

.min-height {
  min-height: 600px;
}
.no-leftpadding {
	padding-left: 0;
}

.no-rightpadding {
  padding-right: 0;
}

.leftpadding1 {
  padding-left: 10px;
}

.leftpadding2 {
  padding-left: 20px;
}

.no-leftmargin {
	margin-left: 0 !important;
}

.no-bottommargin {
	margin-bottom: 0 !important;
}

.no-rightmargin {
	margin-right: 0 !important;
}

.no-topmargin {
	margin-top: 0 !important;
}

.no-margin {
  margin : 0 !important;
}

.no-border {
  border: none !important;
}
.topmmargin {
  margin-top: 10px;
}

.topmmargin1 {
  margin-top: 7px;
}

.topmmargin2 {
  margin-top: 4px !important;
}

.bottommargin {
  margin-bottom: 20px;
}
.leftmargin {
  margin-left: 20px !important;
}

.no-maxwidth{
  max-width: none !important;
}

.quickinfo{
  text-decoration: none !important;
}

.plus6 {
  width: 52.6%;
}

.imgsize1 {
  height: 12px;
  width: 12px;
  margin-right: 2px;
  vertical-align:
}

.imgsize2 {
  height: 16px;
  width: 16px;
  margin-right: 2px;
  vertical-align:
}

.imgsize3 {
  height: 25px;
  width: 25px;
  margin-right: 2px;
  vertical-align: -3px;
}

.imgsize4 {
  height: 48px;
  width: 48px;
  margin-right: 10px;
  vertical-align: -3px;
}


.box {
  min-height: 20px;
  padding: 10px 0px 10px 5px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.box blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.wrap {
  width: 100% !important;
  max-width: 100% !important;
  word-wrap: break-word;
}

.hero-unit p {
  color: #FFF;
}

.hero-unit-small {
  padding: 30px;
}

/*  Alert styles => BTN Color
    ------------------------------------------------------- */
.alert {
  /*color: #FFFFFF;*/
  text-align: center;
}

.alert-small {
  background-color: #999999;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-size: 11.05px;
  font-weight: bold;
  padding: 2px 4px 3px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.trim-Yes, .trim-No {
  color: #FFFFFF;
  text-transform: uppercase;
  min-height: 100% !important;
} 

.alert-down {min-height: 100% !important;}

.alert-critical, .alert-down, .trim-Yes {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.alert-critical:hover, .alert-down:hover, .trim-Yes:hover { color: #FFFFFF; background-color: #bd362f;}

.alert-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.alert-warning:hover { background-color: #f89406; }

.alert-good, .alert-up, .alert-ok, .trim-No {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.alert-good:hover, .alert-up:hover, .alert-ok:hover, .trim-No:hover { color: #FFFFFF; background-color: #51a351; }

.alert-unknown, .alert-unreachable, .alert-pending {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.alert-unknown:hover, .alert-unreachable:hover, .alert-pending:hover { color: #FFFFFF ;background-color: #2f96b4; }

/*  Badger styles
    ------------------------------------------------------- */

.badger {
  background-color: #999999;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-size: 9.75px;
  font-weight: bold;
  padding: 1px 3px 2px;
  text-transform: uppercase;
  position: relative;
  top: -15px;
  right: 8px;
  z-index: 666;
}


.badger-beta {
  background-color: #999999;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-size: 9.75px;
  font-weight: bold;
  padding: 1px 3px 2px;
  position: relative;
  right: -75px;
  text-transform: uppercase;
  top: -31px;
  z-index: 666;
}

.badger-critical {
  /*background-color: #e10000;*/
  background-color: rgb(255,0,0); opacity: 0.85;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
}

.badger-warning {
  /*background-color: #e10000;*/
  background-color: rgb(255,153,0); opacity: 0.85;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
}

.badger-ok {
  background-color: #7AB317;
  background-image: -moz-linear-gradient(center top , #7AB317, #669900);
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
}

h1 {
  font-size: 24px;
}

h1, h2, h3, h4 {
  color: #787878;
}

/* To tag potential long div, and cut them if too long with '...'*/
.cut_long {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Add a disabled-link style that make the link not show, and put in gray*/
a.disabled-link,
a.disabled-link:visited ,
a.disabled-link:active,
a.disabled-link:hover {
    background-color:#ffffff !important;
    color:#aaa !important;
    pointer-events: none
}

/* In the top menu, there is too much margin on the left part,
 bootstrap put a left margin of 10, I prefer 0*/
.navbar .nav.pull-right {
  margin-left: 0px;
  margin-right: 0;
}

.row-fluid .offset1 {
  margin-left: 3%;
}


/* With the SORTER javascript plugin */
th[data-sort]{
  cursor:pointer;
}


/* For list where we do not want a style */
.no_list_style{
    list-style-type: none;
}