/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jan 16, 2014, 7:27:07 PM
    Author     : Think it First
*/


/* Start Beta version files */

/*.company-info {
    width:50%;
    float:left;
}*/

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.strike {
  text-decoration:line-through;
}

.ajax-ui {
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    z-index:1000;
    top:0;
}

.ajax-ui .inner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
}

.account-info {
    width:50%;
    float:left;
}

.add-note {
    display:none;
}

.note-list {
    display:none;
}

.autocomplete-suggestions {
    color:black;
    background:white;
    border:solid black 1px;
    overflow:hidden;
}

.autocomplete-suggestion strong {
    color:blue;
}

/* End Beta version files */

/*
/////////////////////////////////////
//         TOC
//
// 1 - Login Area
// 2 - Header/Nav Section of Site
// 3 - Dashboard Boxees
// 4 - Company/Utility Page
// 5 - Uploads
// 6 - Rates Edit Screen
//
/////////////////////////////////////
*/

/* Start - Login Area */

.login-form {
    margin: 200px auto;
    width: 250px;
}

/* End - Login Area */

/* Start - Header/Nav Section of Site */

#header {
    margin-bottom:50px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>li.active>a:hover, .navbar-inverse .navbar-nav>li.active>a:focus,
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    background-color:grey;
}
.navbar-nav>li>a {
    padding-bottom:20px;
}
.navbar-nav>li>a.home-icon-smaller {
    padding-top:5px;
    padding-bottom:5px;
}
.fa-home {
    font-size: 40px;
    margin-top: 5px;
    color: white;
}

.nav.navbar-nav {
    width:95%;
}

.nav.navbar-nav .right {
    float:right;
}

#header .dropdown-menu>li>a {
	color:black;
}
/* End - Header/Nav Section of Site */

/* Start - Dashboard Boxes */

.dashboard .row {
    margin-bottom:25px;
}

.dashboard-box {
    background:#e9eef1;
    min-height: 250px;
    text-align: center;
    padding:0px;
}

.dashboard-box.stack {
    min-height:525px;
}

.dashboard-box .row {
    margin-left:0px;
    margin-right:0px;
}

.heading {
    border-bottom: 1px solid grey;
    margin-bottom: 20px;
}

#company-search-button, #utility-search-button {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 0px 4px 4px 0px;
    border-left: none;
}

.upload-box {
    background-color: #c7d5de;
    margin: 20px;
    border-radius:4px;
}

.upload-box .description {
    padding-top: 20px;
}

.upload-box form {
    padding: 5px 20px 0px 20px;
    margin: 0 auto;
    width: 100%;
}

.report-button {
    background-color:lightgrey;
}

.dashboard-input, .select-company {
    width:80%;
    margin: 0 auto;
}

.select-company select {
    width:100%;
}

.dashboard-input {
    position:relative;
}

.dashboard-input input {
    float:left;
}
.dashboard-input button {
    float: right;
    position: absolute;
    right: 0px;
    height: 34px;
    width: 30px
}

.break {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align:center;
}

.italic {
    font-style: italic;
}

/* End - Dashboard Boxes */

/* Start - Company/Utility Page */

.main-container {
    padding:20px;
    margin: 0 auto;
}

.company-head #company-name {
    float:left;
}

.company-head .col-md-4 {
    float:right;
    padding: 30px;
    background: lightgrey;
    border: 1px solid black;
}

.report-container, .account-name {
    padding:20px;
    border:1px solid black;
    margin-top:20px;
    margin-bottom:20px;

}
.account-name {
    background:#fec665;
}

.report-options {
    display:none;
}
.report-option {
    margin-bottom:10px;
}
.report-option input, .report-option select {
    display:inline-block;
    width:100px;
}
.form-horizontal .report-option input[type="text"], .form-horizontal .report-option select {
    display:inline-block;
    width:100%;
}
.form-horizontal .report-option input[type="radio"], .form-horizontal .report-option input[type="checkbox"] {
    display:inline-block;
    width:10px;
}
.form-horizontal .report-option .radio label {
    margin-left:5px;
}
#graph-options {
    border: 1px solid black;
    display: inline-block;
    padding: 20px;
    padding-top: 5px;
    background: lightgrey;
}

.account-list li, .rate-class-list li {
    list-style:none;
}

.account-list li:nth-child(odd) {
    background:lightblue;
}

.account-list li.active, .rate-class-list li.active {
    background:black;
    color:white;
}
.account-list li.inactive {
    text-decoration: line-through;
    color:red;
}
.account-list .account-selector,
.account-list .account-activator {
  cursor: pointer;
}
.account-list .account-activator {
  font-size:9px;
  text-decoration:underline;
  margin-left:20px;
}
#electric-accounts tr.is-active .activate, #gas-accounts tr.is-active .activate {
  display:none;
}
#electric-accounts tr.inactive .deactivate , #gas-accounts tr.inactive .deactivate {
  display:none;
}
#electric-accounts tr .account-activator, #gas-accounts tr .account-activator {
  cursor: pointer;
  text-decoration: underline;
}

.note-list li {
    list-style-type: none;
}

tr.inactive td {
  text-decoration: line-through;
  color: red;
}

span.time {
    font-size:10px;
}

#periods .container {
    width:100%;
}

#periods .container li {
    list-style:none;
    color:lightgrey;
}

#periods .container li.value {
    color:black;
}

.upload-results {
  margin-top:50px;
}

.upload-results table {

}

#uploadFileCsvPath {
    width:300px;
}


.k-grid-content {
    max-height:540px;
}


/* End - Company/Utility Page */

/* Start - Uploads Pages */
.margin-bottom {
    margin-bottom:30px;
}

.black-border {
    border:black solid 1px;
}

.process-867, .results-heading, .results867, .modify867, .save867 {
    display:none;
}

a.clicked {
    color:lightgrey;
}

a.clicked.finished {
    text-decoration: line-through;
}

span.name {
    display:none;
}
/* End - Uploads Pages */

/* Start - Rates Edit Screen */

.rate-array-table {
    padding-top:20px;
    padding-bottom:20px;
    margin-top:40px;
}

.small-text {
    font-size:10px;
    color:grey;
    cursor:pointer;
}

.edit-value, .change-value {
    display:none;
}

.row.category {
    margin-top:40px;
    border:black solid 4px;
    padding:20px;
    background:#ccc;
}

.row.subcategory {
    border:black solid 1px;
    margin-top:10px;
    margin-bottom:10px;
    padding:20px;
    background:#ddd;
}

.row.component {
    border:grey dotted 1px;
    margin-top:5px;
    margin-bottom:5px;
    padding:20px;
    background:#eee;
}

.add-component {
    width:200px;
}

.row .ratchet, .row .seasons, .row .declining-blocks {
    display:none;
}

.blocks .block {
  border:1px dotted black;
  padding:10px;
  margin-top:10px;
}

.on-peak-div, .off-peak-div {
    width:50%;
    display:inline-block;
}

.on-peak-label {
    display:none;
}

.ratchet input {
    width:40px;
    margin-left:10px;
    margin-right:15px;
}
.seasons span {
    display:block;
}
.notes {
    background:white;
    border:1px solid black;
    padding:5px;
    margin-top:20px;
}
.notes h4 {
    display:inline-block;
}
.notes span {
    font-size:10px;
    margin-left:15px;
}
.notes-toggle {
    display:none;
}
.create-note {
    display:none;
}
.the-notes {
    list-style:none;
}
.multiplier {
    display:none;
}
.minimum {
  display:none;
}
.save-rate {
  display:none;
}

.account-list-search li.inactive a {
    text-decoration: line-through;
    color: red;
}
    

/* Forms */
button.form-control,
input[type='button'].form-control {
    margin-top:10px;
    margin-bottom:10px;
}

button.form-control:hover, button.form-control:focus,
input[type='button'].form-control:hover, input[type='button'].form-control:focus {
    background-color:lightgrey;
}

input[type='button'].green,
input[type='button'].red {
    background-color:green;
    color:white;
    margin-top:10px;
    margin-bottom:10px;
}
input[type='button'].red {
    background-color: red;
}

#projected-expenditures-report-modal .modal-dialog {
  width:90%;
}

/* Location/Account boxes */
.location {
    padding-bottom:15px;
    height:100%;
}
.location-inner {
    border:2px solid black;
    border-radius:5px;
    margin-bottom:20px;
    height:100%;
}

.draggable-account-box {
    margin-bottom: 5px;
    padding:5px;
}

.draggable-account-box .inner {
    padding:10px;
    border: 1px dotted black;
    border-radius: 5px;
}

.draggable-account-box .inner:hover {
    background-color: lightgrey;
    cursor: pointer;
}

td.tags-container {
    width: 200px;
}

span.tag.label {
    display: inline-block;
    margin-right: 5px;
}