/*.page-header.navbar .page-logo .logo-default {
    margin: 2px;
    height: 75%;
}
.page-header.navbar .page-logo {
    width: 235px;
    padding: 0;
    padding-right: 0px;
    padding-left: 8px;
}*/

.mt-comments .mt-comment .mt-comment-body {
    padding-left: 0px;
}

i.fa {
    cursor: pointer;
    /*font-size: 1.2em;*/
}

button.dt-button, div.dt-button, a.dt-button {
    margin-right: 0px;
}

.btn-group-sm>.btn, .btn-sm {
    line-height: 1;
}

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

.suggestions {
    border: 1px solid #CCC;
    background-color: #FFF;
    z-index: 999;
    position: absolute;
    top: 30px;
    left: 15px;
    width: 93%;
    max-height: 400px;
    overflow: auto;
}

.suggest-grid tr.active td {
    background-color: #777 !important;
    color: #FFF;
}

.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-20 { margin-left: 20px; }

.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-15 { margin-right: 15px; }
.margin-right-20 { margin-right: 20px; }


h4.title {
    font-weight: bold;
    color: #112233;    
}

div#reportrange {
    width:230px !important;    
}

td.row-data {
    text-align: left;
}

td.row-data-center {
    text-align: center;
}

.page-content,
.page-container-bg-solid .page-bar, .page-content-white .page-bar {    
    background-color: #eee;
}

.navbar-brand {
    color: #fff0f5;
}

.page-content-white .page-title {
    /*margin: 10px;*/
    display: inline-block;
    font-weight: 500;
}




table#header-fixed 
{
    width: 85%;
    z-index: 9996;     
    position: fixed;
    top: 0px;display: none;
    background-color: transparent;    
}
table.graphdata
{
  width: 100%;
  z-index: 9996;
}

table.graphdata th, table.graphdata td 
table#header-fixed th, table#header-fixed td{
  text-align: center;
  padding: 5px 7px;
  height: 40px;
}

table#header-fixed td,
table.graphdata td {
  border-bottom: 1px solid #eee;
}

table#header-fixed td.row-title,
table.graphdata td.row-title {
   font-weight: bold;   
}

table.graphdata td.row-title-center {
    font-weight: bold;
    text-align:center;
}

table#header-fixed th,
table.graphdata th {
    font-weight: 500;
    background: #999;
    color: #fff;
    
}
table#header-fixed th {
    min-width: 60px;
    text-align: center;
    max-width: 150px;
    height: 40px;
}


li.export-main {
    top: -20px;
    left: 8px;
}

div.waiting {    
    height: 100px;
    width: 300px;
    position: absolute;
    top: 200px;
    left: 200px;
}

input[type="checkbox"] {
    height: 26px;
    width: 20px;
}

label {
    font-size: small;
    margin-bottom: 2px;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    font-size: small;
}

.grid-column-button {
    width: 50px;
    text-align: center;
}

.btn.btn-custom {
    background-color: #0CDC63;
    color:#fff;
}


.page-container-bg-solid .page-bar .page-breadcrumb>li>a, .page-container-bg-solid .page-bar .page-breadcrumb>li>span, .page-content-white .page-bar .page-breadcrumb>li>a, .page-content-white .page-bar .page-breadcrumb>li>span {
    color: #000000;    
}
.page-container-bg-solid .page-bar .page-breadcrumb>li>i, .page-content-white .page-bar .page-breadcrumb>li>i {
    color: #112233;
}

span.field-validation-error {
    font-size: smaller;
    color: #ff1133;
    line-height: 1;
}

#loading {
   position:fixed;
   left:50%;
   top: 42%;
   z-index: 99999;   
}

#loading .wrapper{
  position:relative; 
  left:-50%;
}  

h1.title {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    color:#2e6da4;
}

.row-title-small {
    font-size: x-small;
}


span.input-group-addon {
    cursor: pointer;
}

.red-cell {    
    color: red;
    font-weight: 600;
}
.green-cell {
    color: green;
    font-weight: 600;
}

/* consumi giorno calendario */
input#datepicker {
    border: none;
    border-color: #fff0f5;
}
input#datepicker::after {
    border: none;
    box-sizing: initial;
    border-color: #fff0f5;
}
input#datepicker::before {
    border: none;
    box-sizing: initial;
        border-color: #fff0f5;
}

table.tabcalendar {
    width: 100%;
}
td.tabcolumn {
    text-align: left;
    border: 1px solid;
    border-color: #cecece;
    padding: 0px;
    margin: 0px; 
    vertical-align: baseline;
    width: 14%;
}
div.chartcolumn {
    width:220px;
    width: 100% !important;
}
.chartSize {
    width:100%;
    height:300px;
}