@import url(//fonts.googleapis.com/css?family=Roboto);

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.4;
    color: #575658;
}

.clear {
    clear: both;
}

input[type="text"], select {
    color: #F15C22;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 0 3px;
}

.text-center {
    text-align: center;
}

.text-center-detail {
    text-align: center;
    height: 75px;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.table-wrapper {
    float: left;
    width: 100%;
    padding: 5px;
}

table {
    border-collapse: collapse;
}

table.dataTable {
    margin-bottom: 5px;
}

table.dataTable tr {
    height: 32px;
    border-bottom: 1px solid #F9F9F9;
}

table.dataTable tbody tr.even:hover, table.dataTable tbody tr.odd:hover {
    background-color: #F9F9F9
}

table.dataTable tr.odd {
    background: none;
}

table.dataTable tr.even td.sorting_1, table.dataTable tr.even td.sorting_2 {
    background: none;
}

table.dataTable tr.odd td.sorting_1, table.dataTable tr.odd td.sorting_2 {
    background-color: transparent;
}

table.dataTable tr td img {
    position: relative;
    top: 3px;
    cursor: pointer;
}

tfoot input.search_init {
    color: #999;
}

.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {
    border: 1px solid #F15C22;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    color: #F15C22 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 20px;
    height: 20px;
}

.paging_full_numbers a.paginate_button {
    background-color: #fff;
}

.paging_full_numbers a.paginate_active {
    background-color: #F15C22;
    color: #ffffff !important;
}

.paging_full_numbers a.paginate_button:hover, .paging_full_numbers a.paginate_active:hover {
    background-color: #DEEEEE;
    text-decoration: none !important;
    color: #F15C22 !important;
}

.paging_full_numbers a:focus {
    outline: none
}

.bottom {
    text-align: center;
    position: absolute;
    bottom: -29px;
    width: 100%;
    z-index: 1;
}

.bottom > div {
    float: none;
}

.dataTables_wrapper {
    z-index: 0;
}

.dataTables_length {
    display: none;
}

.dataTables_filter {
    display: none;
}

.paging_full_numbers {
    z-index: 2;
    position: relative;
}

table.detail-table tr {
    border: none;
}

/*ecalendar-small*/
table.ecalendar {
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0
}

table.ecalendar thead tr {
    border-bottom: 1px solid #aaa;
}

table.ecalendar th {
    text-align: left;
    padding: 0 5px;
}

table.ecalendar tr {
    height: 32px;
    line-height: 32px;
}

table.ecalendar td {
    padding: 0 5px
}

table.ecalendar tbody > tr:nth-child(odd) > td, table.ecalendar tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

/*ecalendar-advanced*/
.dtRow {
    cursor: pointer;
}

.detail-tabs {
    border: none;
}

.detail-tabs .ui-widget-header {
    border: none;
    background: none;
}

.green {
    color: #4cad6d;
}

.red {
    color: #d8292f;
}

.control-group {
    float: right;
    padding: 5px;
    margin: 5px 0;
    width: 230px;
}

.control-group-button {
    float: right;
    padding: 5px;
    margin: 5px 5px 5px 0;
    width: 120px;
}

.control-group-button div.controls button span {
    height: 30px;
    color: #F15C22;
    background-color: #DEEEEE;
}

.control-group-right {
    float: right;
    padding: 5px;
    display: none;
}

.controls {
    display: inline-block;
    float: right;
    width: 70%;
}

.controls ul {
    display: inline-block;
}

.controls ul li {
    list-style: none;
    display: inline-block;
    width: 120px;
    margin-right: 10px;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
}

.controls ul li .check-box {
    vertical-align: middle;
}

.controls ul li span {
    margin-left: 10px;
    vertical-align: middle;
}

.controls ul li span img {
    margin-left: 2px;
    vertical-align: middle;
}

.control-label {
    float: left;
    display: inline-block;
    width: 30%;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    line-height: 30px;
    height: 30px;
    color: #F15C22;
}

.detail-historical-graph {
    height: 300px;
    width: 90%;
    float: left;
    margin-bottom: 20px;
}

.detail-historical-table {
    width: 100%;
    float: left;
    color: #575658;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}

.detail-historical-table table {
    width: 100%;
    border-collapse: collapse;
}

.historical-table-pager {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: right;
}

.historical-table-pager .pager-number {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    color: #333 !important;
}

.historical-table-pager .pager-number:hover {
    background-color: #fab400;
}

.historical-table-pager .active {
    background-color: #fab400;
}

.details {
    width: 100%;
    border-top: 1px solid #ccc;
}

.filter-panel {
    margin: 0 0 30px 0;
}

.btn-group {
    float: left;
}

.importance {
    color: #F15C22;
}

.importance-labels {
    float: left;
    width: 80%;
}

.importance-labels span {
    float: left;
}

.importance-labels .importance-label {
    width: 33%;
}

.importance-labels .importance-label-last {
    width: 1%;
}

.importance-slider {
    width: 80%;
    margin: 20px 0;
}

.importance-info-labels {
    margin-left: -12%;
    width: 100%;
}

.importance-info-labels span {
    float: left;
    text-align: center;
}

.importance-info-labels .importance-label0 {
    width: 25%;
}

.importance-info-labels .importance-label1 {
    width: 28%;
}

.importance-info-labels .importance-label2 {
    width: 26%;
}

.importance-info-labels .importance-label3 {
    width: 21%;
    margin-right: -3%;
    float: right;
}

.ui-slider .ui-slider-handle {
    width: 2em
}

.last-event {
    background-color: #FFE89C
}

div.tab-container {
    overflow: visible;
    height: 42px;
    color: #F15C22;
    line-height: 42px;
    background-color: #F9F9F9;
    border-bottom: 1px solid #F15C22;
    padding-left: 20px;
    font-size: 14px;
}

div.tab-container div.control-group {
    margin: 0;
    padding: 0;
    float: right;
    width: auto;
}

div.tab-container label.widget-header {
    float: left;
    line-height: 42px;
    font-weight: normal;
    color: #F15C22;
}

div.tab-container div.control-group span {
    font-size: 12px;
    line-height: 30px;
    font-weight: normal;
    color: #838383;
}

div.tab-container div.control-group label.ui-state-default {
    border: none;
    background-color: transparent;
}

div.tab-container div.control-group label.ui-state-active {
    height: 42px;
    background-color: #fff;
    border: 1px solid #F15C22;
    border-bottom: 1px solid #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.tab-container div.control-group label.ui-state-active span {
    color: #F15C22;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #addad9;
    background: #fff;
    font-weight: normal;
    color: #2ba6a3;
}

.sorting_asc {
    color: #F15C22;
}

.sorting_desc {
    color: #F15C22;
}

.table.dataTable thead th {
    border-bottom: none;
    background: none;
}

.labelHead {
    background: #f9f9f9;
    color: #149c98;
    line-height: normal;
}

.dataTables_info {
    display: none;
}

.table-header {
    color: #F15C22;
}

.ui-state-default {
    background: #f9f9f9;
    color: #000;
}

.details {
    background: #f9f9f9;
}

.ui-button-text {
    height: 40px;
}

#divDatePickers {
    float: left;
    width: 100%;
}

.text-special {
    display: none !important;
}
.time-tsi{display: none}
@media only screen and (max-width: 540px) {
	.tab-container  div.control-group {display: none;}
	.time-tsi{display: initial;}
	.none-mobile{display: none}
}