/*Datatable styling*/

.table-pagination-inline {
    display: inline-block;
}

.dataTable {
  
}
/*Left nav OVERRIDE styling*/

#nav-container #left h3 {
    width: inherit !important;
}

#nav-container #left h3 a {
    background-image: none !important;
}

#nav-container .related {
    background-image: none !important;
    margin: 0px !important;
}

#nav-container .related .bot {
    background-image: none !important;
}

.related li a {
    border-top: none !important;
}


.lable-align.ng-scope {
    text-align: center;
}
/*responsive table styling*/
.demo-table { 
  width: 100%; 
  border-collapse: collapse; 
}

.demo-tr:nth-of-type(odd) { 
  background: #eee; 
}

.demo-th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.demo-td, .demo-th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

@media only screen and (max-width: 1009px), (min-device-width: 1010px) and (max-device-width: 1024px) {

    .demo-tabe, .demo-thead, .demo-tbody, .demo-th, .demo-td, .demo-tr {
        display: block;
    }

    .demo-tbody tr {
        font-size: 1.3em;
    }

    .label-padding.ng-binding {
        text-align: center !important;
        padding-right: 3%;
        font-weight: bold;
    }
  
     .label-btn-align {
        text-align: center !important;
    }

    .demo-thead .demo-tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .demo-tr {
        border: 1px solid #ccc;
    }

    .demo-td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .demo-td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

}