@font-face {

font-family: 'Ewert';
font-style: normal;
font-weight: 400;
src: local('Ewert'), local('Ewert-Regular'), url(../font/7TssRTXcaLr8beqDiv5lkQ.woff) format('woff');

} .text-ellipsis {

white-space:nowrap;
overflow:hidden;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;

} .background-gradient {

background-position: 0 0, 0 0;
background-image: -ms-linear-gradient(top, #E4EFF9 0%, #BCBDF8 100%);
background-image: -moz-linear-gradient(top, #E4EFF9 0%, #BCDDF8 100%);
background-image: -o-linear-gradient(top, #E4EFF9 0%, #BCDDF8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E4EFF9), color-stop(1, #BCDDF8));
background-image: -webkit-linear-gradient(top, #E4EFF9 0%, #BCDDF8 100%);
background-image: linear-gradient(to bottom, #E4EFF9 0%, #BCDDF8 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E4EFF9',endColorstr='#BCDDF8')";

} .background-no-repeat {

background-repeat: no-repeat, no-repeat;

} .border {

border: solid 1px #ACCDE8;

} body {

margin: 2px;

} .body-font {

font-family: sans-serif;

} .title-font {

font-family: 'Ewert', cursive;
font-size: x-large;
font-weight: bold;

} .title-line-width {

width: 40%;

} .title-border {

border-bottom: double 6px #ACCDE8;

} .title-padding {

padding: 4px;

} .cell-padding {

padding: 0px 4px;

} .cell-nowrap {

white-space: nowrap;

} .container {

position: relative;

} .container-item {

position: absolute;

} .container-item-left {

left: 0px;

} .container-item-right {

right: 0px;

} .user-name-adjust {

top: 10px;

} .icon-space {

padding-left: 20px;

} .button-normalize {

background-color: #D7EBF9;
background-position: 0 0, 0 0;
background-image: -ms-linear-gradient(top, #F2F5F7 0%, #D7EBF9 100%);
background-image: -moz-linear-gradient(top, #F2F5F7 0%, #D7EBF9 100%);
background-image: -o-linear-gradient(top, #F2F5F7 0%, #D7EBF9 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F5F7), color-stop(1, #D7EBF9));
background-image: -webkit-linear-gradient(top, #F2F5F7 0%, #D7EBF9 100%);
background-image: linear-gradient(to bottom, #F2F5F7 0%, #D7EBF9 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F2F5F7', endColorstr='#D7EBF9')";

} .button-icon-adjust {

position: absolute;
top: 4px;
left: 0px;

} reload-button {

height: 26px;

} .tabs-container {

margin: 32px 0px 9px 0px;

} a.ui-button {

margin-right: 2px ! important;

} div.ui-toolbar {

padding: 4px;

} .DataTables_sort_wrapper {

position: relative;

} .css_right {

position: absolute;
top: 2px;
right: 0px;

} table.dataTable tr.odd { background-color: D2E4FF; } table.dataTable tr.even { background-color: EFF8FF; } table.dataTable tr.odd td.sorting_1 { background-color: C3D6FF; } table.dataTable tr.odd td.sorting_2 { background-color: CADCFF; } table.dataTable tr.odd td.sorting_3 { background-color: D0E2FF; } table.dataTable tr.even td.sorting_1 { background-color: DAEBFF; } table.dataTable tr.even td.sorting_2 { background-color: E2F3FF; } table.dataTable tr.even td.sorting_3 { background-color: E9F9FF; } .progress-bar {

width: 200px;
height: 20px;

} .ui-progressbar-value {

background-color: #D7EBF9;
background-position: 0 0, 0 0;
background-image: -ms-linear-gradient(top, #D7EBF9 0%, #3baae3 100%);
background-image: -moz-linear-gradient(top, #D7EBF9 0%, #3baae3 100%);
background-image: -o-linear-gradient(top, #D7EBF9 0%, #3baae3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D7EBF9), color-stop(1, #3baae3));
background-image: -webkit-linear-gradient(top, #D7EBF9 0%, #3baae3 100%);
background-image: linear-gradient(to bottom, #D7EBF9 0%, #3baae3 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D7EBF9', endColorstr='#3baae3')";

} task-tooltip {

position: absolute ! important;
opacity: 0.94;
z-index: 100;
font-family: sans-serif;
font-size: 16px;

} .detail-header {

height: 40px;

} .detail-body {

margin: 0px 20px;

} .container-item-left-detail {

left: 20px;

} .container-item-right-detail {

right: 20px;

} more-button {

width: 100%;
margin-top: 10px;
text-align: center;

} .job-chart-container {

width: 100%; 
padding-top: 20px; 
padding-left: 10px;

} .x-space {

padding: 0px 10px;
margin: 0px 10px;

} .y-space {

padding: 4px 0px;
margin: 4px 0px;

}