/* Add here all your CSS customizations */
html.no-overflowscrolling .nano {
	min-height:800px;
}
.clickableTable tbody tr { cursor: pointer; }
.clickableTable tbody tr:hover { background-color: #eee;  }
.iconState1 { color: #47a447; }
.iconState2 { color: #ed9c28; }
.iconState3 { color: #d2322d; }
.iconState4 { color: #4141e4; }
.datepicker-button {
  background-color: #fff;
  border-color: #cccccc;
  padding: 0;
}
.datepicker-button input { border: none; height: 32px; text-align: center; }
.dataTable th { text-align: center;}
.calInput { width: 170px; }
.inverter-list td:nth-child(1), .stringbox-list td:nth-child(1) { width:30px; }
.inverter-list td:nth-child(1) .checkbox-custom, .stringbox-list td:nth-child(1) .checkbox-custom { padding:10px 0 0 10px; }
.inverter-list td:nth-child(2), .stringbox-list td:nth-child(2) { cursor: pointer; }
.inverter-list td div.loading-container { position: absolute; width: 30px; height: 30px; right: 0; display: block; margin-right: 45px; background-color: inherit; }
.inverter-list td div.loading-container > div { height: 30px; }
.inv-today, .inv-total { font-weight: bold;}
.amcharts-chart-div > a { display: none !important; }
.top-ticker { height:50px; margin: 3px 20px; overflow: hidden; display: inline-block; max-width: 600px; float: left; }
.top-ticker div.desc { line-height:17px; display: inline-block; }
.top-ticker .release, .top-ticker .release-time {
    float: left;
    width: 65px;
    position: relative;
    margin: 0 16px 0 0;
    height: inherit;
}
.top-ticker .release-time { width: 140px; }
.top-ticker .release > div, .top-ticker .release-time > div {
    display: inline-block;
}
.top-ticker .date, .top-ticker .time {
    color: #fff;
    font-size: 36px;
    display: inline-block;
    padding: 7px 5px 0 0;
    height: inherit;
}
.top-ticker .month {
    top: 3px;
    margin-left: 4px;
}
.top-ticker .year {
    bottom: 4px;
}
.top-ticker .month, .top-ticker .year {
    color: #e5e5e5;
    font-size: 13px;
    text-transform: uppercase;
    float: none;
    line-height: 13px;
    position: absolute;
}
.top-ticker > i { font-size: 20px; margin-top: 15px; cursor: pointer; }
.top-ticker #nt-prev { float: left; }
.top-ticker #nt-next { float: right; }
.top-ticker ul { list-style: none; padding: 0; margin: 0 20px; }
.top-ticker li.alert { height: 50px; padding:5px; list-style: none; margin-bottom: 0; max-width: auto; background-color: #ea402f; color: #fff; }
.top-ticker li.alert a { color: inherit; overflow: hidden; height: 100%; display: block; }
.top-ticker li.alert a i { font-size: 30px; float: left; margin: 5px 10px 5px 0; color: #ebccd1; }
.center-sign .logo { position: relative; bottom: -25px; }

@media only screen and (max-width: 767px) {
	.top-ticker {
		float: right;
		margin: 56px 0 0 0;
	}
	.top-ticker ul { list-style: none; padding: 0; margin: 0; width: 100%; }
	.header .header-right { margin-top: 106px; }
}

/* data tables */
.dataTables_wrapper > .dt-buttons.btn-group {
    float: right;
    margin-bottom: 20px;
}
.dataTables_filter {
    float: right;
    clear: both;
    margin-bottom: 15px;
}
.dataTables_length {
    float: left;
}
.dataTables_wrapper .dataTables_filter label {
    width: auto;
}
#permissions-table td, #permissions-table th {
    text-align: center;
}
.select2-search {
    width: auto;
}
.select-all-check {
    padding: 0px !important;
}
.select-all-check label {
    margin-left: 30px;
    font-weight: bold;
}
.panel-actions .dropdown-menu a { width: auto !important;}
.sidebar-right-toggle { display: none !important; }

/* co2 Public page */
.co2-public h1 { color: #0c4da2; font-weight: bold; font-size: 4.2rem; }
.co2-public h2 { color: #000; font-weight: bold; letter-spacing: -1px; font-size: 3.6rem; }
.co2-public h3 { color: #000; line-height: 3.6rem; font-size: 3rem; }
.co2-top  { height: 19rem; padding: 3rem 0; }
.co2-top .img-responsive { max-height: 13rem; }
.co2-bgr {
    height: 150px;
    background: url("/assets/images/pv-colage.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
}
.row-buffer {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.co2-public .widget-summary.widget-summary-xlg .summary .amount {
    font-size: 4.8rem;
}
.co2-public .widget-summary.widget-summary-xlg .summary .info {
    font-size: 4.6rem;
    line-height: 5rem;
}
#users-table-panel {
    overflow-x: auto;
}
#addCalendarForm .input-daterange {
    width: auto;
    margin-bottom: 15px;
}
#addCalendarForm .input-daterange .input-group {
    width: 100%;
}
#addCalendarForm .input-daterange .input-group .input-group-addon {
    border-width: 1px;
}
#addCalendarForm .row .col-md-12 {
    margin-top: 15px;
}
#calendar .fc-right {
    margin-right: 120px;
}
.calendar-page .modal-with-form {
    position: absolute;
    right: 18px;
    top: -1px;
    z-index: 2000;
}
.bootstrap-timepicker-widget input {
    border-width: 0;
}
.report-section .input-daterange {
    width: inherit;
}
.report-section .input-daterange .input-group {
    width: inherit;
}