/* Space out content a bit */

.input_small .form-control {
  height: 25px;
  padding: 0px;
}

.small_input .form-control{
  padding:0px;
  height: 25px;
}

.input-margin .input-group{
  margin-top:2px;
}
.axis path,
.axis line{
  fill: none;
  stroke:black;
  shape-rendering:crispEdge;
}



svg:not(:root) {
    overflow: hidden;
    background-color: #fff;
}

.axis text{
  font-family: sans-serif;
  font-size: 10px;
}

h1{
  font-family: sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.tick
{
  stroke-dasharray: 1, 2;
}


.dot {
  stroke: #000;
}




html {overflow-y: scroll;}

body {
  height: 100%;
  background-color: #00658B;
}

body {
  margin: 0;
  overflow:auto;
}

.input-group-addon {
    min-width:100%;// if you want width please write here //
    text-align:left;
}

.input-group { width: 100%; }
.input-group-btn { width: 100%; }

input[type="number"] {

  width: 100%;

}

input[type="text"] {

  width: 100%;

}


.input-group.fp .form-control {
    width: 85px;
}


table.table tr th{
    background-color: rgb(0,96,124);
    color: white;
} 

table.table_span tr th {
    background-color: #fff;
    color: black;
    padding: 5px;
}

.btn-primary {
    color: #fff;
    background-color: rgb(0,96,124);
    border-color: #2e6da4;
}


.panel-primary {
border-color: rgb(0,96,124);
}

/*
.btn-primary{
  
  background-color: rgb(0,96,124);
  border-color: rgb(0,96,124);
  
} */

.panel-primary>.panel-heading {

  background-color: rgb(0,96,124);
  border-color: #fff;

}

.panel-primary {
    border-color: rgb(0,96,124);
}

th {
    background-color: rgb(0,96,124);
    color: white;
} 




.panel-report>.panel-heading{
  background-color: #fff;
  color:#000;
  border-color: #888;
}

.panel-report {
    border-color: #888;
}

th {
    background-color: #6AA6D6;
    color: white;
} 

.tight {
  padding: 0px;
}

#sprinklers ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#sprinklers li {
    float: left;
    text-align: center;
    margin: 10px;
}

#sprinklers a {
    display: block;
    width: 60px;
    background-color: #dddddd;
}


table tr th {
  text-align: left;
}

#grandParent {
 
    overflow: auto; 
    width: 1500px; 
    border: 0px solid red;
}
 
#parent{
    width: 10000px;   /* <-- this makes the grandparent have a horz scroll */
    border: 0px solid green;
}
 
.child {
    width: 150px;
    float: left;
    border-right: 2px solid #888; 
}


.table-condensed>tbody>tr>td, 
.table-condensed>tbody>tr>th, 
.table-condensed>tfoot>tr>td, 
.table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, 
.table-condensed>thead>tr>th {
  padding: 1px;
}

.table_span>thead>tr>th {
  padding: 5px 5px 5px 0px;
}

#sidebar-left, .content, #profilet, #secondRow, #top_menu {
    position: absolute;
   
    bottom: 0;
}
#sidebar-left { top:57px; left: 0; width: 10em; background: #fff; padding: 5px; border-right: 1px solid #ccc; }
.content { top: 120px; left: 10em; right: 0; overflow-y:auto; }
#top_menu { top: 57px; left: 10em; right: 0; overflow-y:auto; }


.graphic {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/*
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar {
  margin: 0;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 2000;
} */

.print_out {
  visibility: hidden;
  display: none;
}

.print_out .nav {
  visibility: hidden;
}

.print_out #content {
  top:0px;
  left:0px;
}

.print_out_content #content{
  top:0px;
  left:0px;
  overflow-x: none;
}

.not_print {

   width: 91.66666667%;
}

#top-panel {
  line-height: 50px;
  height: 50px;
  background: #fff;
}

#sidebar-left {
  
  z-index: inherit;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  background: #fff url(../img/devoops_pattern_b10.png) 0 0 repeat;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#sidebar-left.col-sm-2 {
  opacity: 1;
  width: 6.666666666666664%;
  padding: 0 15px;
}

#content.col-sm-10 {
  opacity: 1;
  width: 89.33333333334%;
  padding: 0 15px;
}

#logo {
  position: relative;
  background: #fff url(../img/devoops_pattern_b10.png) 0 0 repeat;
}

#content {
  position: absolute;
  z-index: 10;
  background: #fff;
  box-shadow: 0 0 0px #131313;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;

  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}



.nav.main-menu > li > a, .nav.sub-menu > li > a {
  text-align: center;
  color: #f0f0f0;
  min-height: 40px;
  -webkit-transition: 0.05s;
  -moz-transition: 0.05s;
  -o-transition: 0.05s;
  transition: 0.05s;
}




.btn-primary.active  {
    color: #fff;
    background-color: red;
    border-color: red;
}


li.active {
  font-weight: bolder;
}

.nav.main-menu > li > a, .nav.sub-menu > li > a {
  text-align: center;
  color: #888;
}

.nav.main-menu > li > a > img {
  width:25px;
      display: block;
    margin-left: auto;
    margin-right: auto;
}

.nav > li {
  position: relative;
  display: block;
}

.nav.main-menu, .nav.sub-menu {
  margin: 0 -15px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav.main-menu a.active-parent, .nav.sub-menu a.active-parent {
  background: rgba(0, 0, 0, 0);
}

.nav.main-menu > li > a:hover, .nav.sub-menu > li > a:hover {
    background: rgba(0, 0, 0, 0); 
    font-style: italic;
}

.nav.main-menu > li > a:focus, .nav.sub-menu > li > a:focus {
    background: rgba(0, 0, 0, 0);
}
#main {
  margin-top: 0px;
  min-height: 0px;
  overflow: hidden;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}


#footer {

    height:40px; 
    width: 100%; 
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
    bottom: 0pt;
    left: 0pt;
    background:#fff;

}   

#footer_contents {

    height:24px; // Replace with the height your footer should be
    width: 1000px; // Visible width of footer
    margin:auto;
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
}


/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 960px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 10px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}
/* custom inclusion of right, left and below tabs */




.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
 /* border-color: #eeeeee #dddddd #eeeeee #eeeeee; */
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
 /* border-color: #ddd transparent #ddd #ddd;
  border-right-color: #ffffff; 8/
}

.bin, .item {
  font-size: 32px;
  text-align: center;
  margin: 0 5px;
}

.bin {
  min-height: 150px;
  min-width: 150px;
  float: left;
  border: 1px solid red;
  padding: 20px;
}

.item {
  min-height: 150px;
  min-width: 150px;
  background: blue;
  float: right;
  transition: all 0.2s ease;
}

.drag {
  opacity: 0.5;
}

.over {
  background: red;
}





table.scroll {
    /* width: 100%; */ /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
    border: 0px solid black;
}

table.scroll tbody,
table.scroll thead { display: block; }

thead tr th { 
    height: 30px;
    line-height: 30px;
    /* text-align: left; */
}

table.scroll tbody {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

tbody { border-top: 0px solid black; }

tbody td, thead th {
    /* width: 20%; */ /* Optional */
    border-right: 0px solid black;
    /* white-space: nowrap; */
}

tbody td:last-child, thead th:last-child {
    border-right: none;
}






ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type none;
}

ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #014E90;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #014E90;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}

#csv_row {
    width: 100%;
    background-image: url('row4.pngj');
    background-color: #f1f2f2;
    float: left;
    color: #014E90;
}



/* ladda.min.css */

/*
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2013 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:14px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:4px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:14px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:14px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:-16px}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:-16px}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:-16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:-16px;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:-16px;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:-16px}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:-16px}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}


.table-hover>tbody>tr.info:hover>td, 
.table-hover>tbody>tr.info:hover>th, 
.table-hover>tbody>tr:hover>.info, 
.table-hover>tbody>tr>td.info:hover, 
.table-hover>tbody>tr>th.info:hover {
    background-color: rgb(0,96,124);
     color:  white;
}

.table-hover>tbody>tr.info>td, 
.table-hover>tbody>tr.info>th, 
.table-hover>tbody>tr>.info, 
.table-hover>tbody>tr>td.info, 
.table-hover>tbody>tr>th.info {
    background-color: rgb(0,96,124);
    color:  white;
}