/*
 * This file is part of RPi-Monitor project
 *
 * Copyright 2013-2014 - Xavier Berger - http://rpi-experiences.blogspot.fr/
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program 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 General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

/*--- -- --- -- ---*/
/* -- DARK MODE -- */
/* -- Bidibulle -- */
/*--- -- --- -- ---*/

/* Main marketing message and start button */
.progress {
	font-weight: bold !important;
	text-shadow: rgb(100 100 100) 1px 0px 0px, rgb(100 100 100) 0.540302px 0.841471px 0px, rgb(100 100 100) -0.416147px 0.909297px 0px, rgb(100 100 100) -0.989992px 0.14112px 0px, rgb(100 100 100) -0.653644px -0.756802px 0px, rgb(100 100 100) 0.283662px -0.958924px 0px, rgb(100 100 100) 0.96017px -0.279415px 0px !important;
	background-color: #000000 !important;
	box-shadow: 0px 0px 1px 1px rgb(74 74 74) !important;
	-webkit-box-shadow: 0px 0px 1px 1px rgb(74 74 74) !important;
}

.label {
    font-size: 100% !important;
    text-shadow: rgb(0 0 0) 1px 0px 0px, rgb(0 0 0) 0.540302px 0.841471px 0px, rgb(0 0 0) -0.416147px 0.909297px 0px, rgb(0 0 0) -0.989992px 0.14112px 0px, rgb(0 0 0) -0.653644px -0.756802px 0px, rgb(0 0 0) 0.283662px -0.958924px 0px, rgb(0 0 0) 0.96017px -0.279415px 0px !important;
}

.table {
    margin-bottom: 0px !important;
}

.table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 4px !important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #545454 !important;
}

.badge {
    border-radius: 4px !important;
}

.jumbotron {
        /*margin: 40px 180px 180px;*/
        text-align: center;
  }
  .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
  }
  .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
  }

  /* Move content away from navbar */
  body {
        padding-top: 50px;
  }

  /* Move rrd graph away from navbar */
  #mygraph {
        margin-top: 30px;
  }

  /* Draw a progression bar during rrd load */
  #preloader {
        position:fixed;
        z-index: 100;
        top:50%;
        left:50%;
        margin:-100px 0 0 -100px;
        width:200px;
        height:200px;
  }

  .Title {
        float: left;
        font-family: Tahoma, Helvetica;
        font-size: 21px;
        padding-left: 30px;
        width: 280px;
	text-shadow: rgb(100 100 100) 1px 0px 0px, rgb(100 100 100) 0.540302px 0.841471px 0px, rgb(100 100 100) -0.416147px 0.909297px 0px, rgb(100 100 100) -0.989992px 0.14112px 0px, rgb(100 100 100) -0.653644px -0.756802px 0px, rgb(100 100 100) 0.283662px -0.958924px 0px, rgb(100 100 100) 0.96017px -0.279415px 0px;
  }

  .Text {
        float: left;
        font-family: Tahoma, Helvetica;
        font-size: 13px;
        line-height: 13px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 15px;
        width: 550px;
        white-space: nowrap;
  }

  /* Popup Packages */
  .popover-content {
        background-color: #505050 !important;
  }

  .popover {
        max-width: 450px;
        border-radius: 3px !important;
        border: 1px solid #404040 !important;
        box-shadow: 0 2px 3px #555555 !important;
  }
  .popover-title {
	background-color: #656565 !important;
	border-bottom: 1px solid #1d1d1d !important;
        border-radius: 3px 3px 0 0 !important;
  }


  #shellinaboxframe,
  #shellinaboxdiv {
        min-width: 100%;
        min-height: 100%;
  }

  .justgage {
        display: inline-block;
  }
  feFlood {
	flood-color: navy !important;
	flood-opacity: 0.7 !important;
  }

  .row {
         display: inline-block;
  }
  @media screen and (min-width: 1025px) {
        .column-fluid {
          -webkit-column-rule: 1px solid #f0f0f0;
          -moz-column-rule: 1px solid #f0f0f0;
          column-rule: 1px solid #f0f0f0;
        }
  }
  @media screen and (min-width: 1025px) and (max-width: 1526px) {
        .column-fluid {
          -webkit-column-count: 2;
          -moz-column-count: 2;
          column-count: 2;
        }
  }
  @media screen and (min-width: 1526px) {
        .column-fluid {
          -webkit-columns-count: 3;
          -moz-column-count: 3;
          column-count: 3;
        }
  }

  /* Nav & Menu */
.navbar-inverse {
    background-color: #1d1d1d !important;
    border-color: #656565 !important;
}

.navbar-inverse .navbar-brand {
    color: #e7c000 !important;
    font-weight: bold !important;
    text-shadow: #656565 1px 0px 1px, #656565 0.540302px 0.841471px 1px, #656565 -0.416147px 0.909297px 1px, #656565 -0.989992px 0.14112px 1px, #656565 -0.653644px -0.756802px 1px, #656565 0.283662px -0.958924px 1px, #656565 0.96017px -0.279415px 1px !important;
}


  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:focus,
  .navbar-inverse .navbar-nav > .active > a:hover {
          background-color: #656565 !important;
  }

  .dropdown-menu {
          background-color: #3c3c3c !important;
	  border: 1px solid #656565 !important;
  }

  .dropdown-menu > li > a {
          color: #fefded !important;
	  border-top: 2px solid #3c3c3c !important;
	  border-bottom: 2px solid #3c3c3c !important;
  }

  .dropdown-menu > li > a:hover {
          background-color: #6a6a6a !important;
          color: #e7c000 !important;
	  border-top: 2px solid #303030 !important;
	  border-bottom: 2px solid #303030 !important;
  }

  body {
          background-color: #212529 !important;
          color: rgb(150, 150, 150) !important;
  }

  /* Status */
  .list-group-item {
          background-color: #212529 !important;
          color: white !important;
	  margin-bottom: 8px !important;
  }

  hr {
          border-color: #212529 !important;
  }

  .column-fluid {
          column-rule-color: #212529 !important;
  }

  .justgage svg text {
      filter: none !important;
      fill: #f7f7f7 !important;
  }
  /* Statistics */
  td {
          color: white;
  }

  .legendColorBox,
  .legendLabel {
          background-color: #3c3c3c;
          color: lightgray;
  }

  .btn,
  input[type="button"],
  select {
          background-color: #008ae6;
          opacity: 1;
          color: #ffffcc;
  }

  .btn:hover,
  input[type="button"]:hover,
  select:hover {
          color: #ffffff;
          background-image: linear-gradient(184deg,#1ca0f5,#208de9 7%,#2186e5 24%,#1f8ce9 36%,#19a4f8 62%,#18bfe1 97%);
  }

  /* Addons */
  .panel-default > .panel-heading {
          background-color: #6a6a6a !important;
          color: white !important;
  }

  .panel-body {
          background-color: #3c3c3c;
          color: white;
  }

  /* Options */
  .modal-content {
          background-color: #3c3c3c !important;
          color: white;
  }

  .glyphicon {
	color: #ffbc00 !important;
  }

  /*--- -- --- -- ---*/
  /* -- DARK MODE -- */