.navbar-header, .site-navbar, .loader-content, .loader-overlay {background-color: #dc3240!important;}
.breadcrumb-item a, .breadcrumb-item a:link, .breadcrumb-item a:active {color: #dc3240;}
a:hover, .breadcrumb-item.active{color: #757575; text-decoration:none;}
a.nav-link i.icon.md-chevron-down{padding-left:4px;}

ul.nav.navbar-toolbar li.nav-item select{margin-top: 12px;}
.navbar-toolbar .nav-item::after, .dropdown-toggle:after, .dropdown-toggle::after{display:none!important;}
.site-menubar-footer{height: 44px;}
.site-menubar-footer a{display:none; height: 44px;}

a.dropdown-item.select-unit{padding-left:30px;}
a.dropdown-item.select-unit:first-of-type{padding-left:6px;}
.dropdown-menu-media>.dropdown-menu-footer>a:hover{color: #dc3240!important;}

/*img adjustments*/
.card-img-top img{width:90%;}
.card-img-top, figure{
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: auto;
    text-align: center;
}

/*tabs*/
.nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover {
    color: #dc3240;
    border-bottom: 2px solid #dc3240;
    background-color: transparent;
}

/*select unit dropdown*/
.select {
    text-decoration: none;
    color: #757575;
    background-color: #eee;
}

a.dropdown-item.select-unit{left:0px;}

select.form-control option{
    background-color:#ffffff;
    color: #707070;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*ui helpers*/
.font-size-11{font-size:11px;}
.right {float:right; text-align:right;}
.left {float:left; text-align:left;}
.btn-group{
    margin-bottom: 6px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.button-right, .btn-group-vertical{
    float: right!important;
    margin: 6px 20px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.flabel{padding-top: 40px; text-align: right;}
.p-6{padding:6px;}
hr {
    width:100%;
    margin-top: 0px; 
    margin-bottom: 0px; 
    border: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0; 
}
.space{display: block; height: 10px;}
.clear{
  clear:both;
}
.center{text-align:center;}
.page {background: #f5f3f3;}
.page-header {
    position: relative;
    padding: 10px 30px;
}
h3{margin-top:8px; margin-bottom:0px;}
.panel-group .panel-title, .panel-group a.panel-title, .panel-heading a.panel-title {  
 	display: block;
    padding: 20px 10px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px!important;
    color: #424242;
}
.panel-title{}
/*icons & Buttons*/
.icon.wi-thermometer-exterior{margin-right:20px;}
.btn-danger{background-color:#dc3240!important;}
i.md-select-all, i.md-square-o{position:relative; float: right; right:10px; font-size:20px;}

/*accordion*/
#siteAccordionContinuous table{border-top:none;}
#siteAccordionContinuous .panel-body{padding: 0px;}
#siteAccordionContinuous h4, #siteAccordionContinuous table th {padding-top: 10px;}
table.table.add-head, table.table.add-head th, .add-head {color:#000000!important;  margin-bottom:0px; background-color:#f6f6f6!important;  border-top: 1px solid #ccc; font-weight:bold;}
#siteAccordionContinuous img{width:100%;}
#siteCollapseContinuousBaseband div div div.table-responsive, #siteCollapseContinuousactiveunitType div div div.table-responsive{overflow-x: visible;}

/*hardware screen simulates top of accordion*/
#unitType.panel{position: relative;
    margin-bottom: 0rem;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0rem;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow:none;}
#unitType.panel .panel-heading .panel-title{padding:20px 10px;}
/*configure screen*/
.block{
  display:inline-block;
  float:left;
  width:100%;
  height:35px;
  margin:10px 0px;
  background: rgba(71,66,65,1);
  background: -moz-linear-gradient(left, rgba(71,66,65,1) 0%, rgba(71,66,65,1) 15%, rgba(246,41,12,1) 16%, rgba(246,41,12,1) 32%, rgba(71,66,65,1) 33%, rgba(71,66,65,1) 48%, rgba(13,250,88,1) 49%, rgba(13,250,88,1) 61%, rgba(71,66,65,1) 61%, rgba(71,66,65,1) 76%, rgba(24,85,240,1) 76%, rgba(24,85,240,1) 86%, rgba(71,66,65,1) 87%, rgba(71,66,65,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(71,66,65,1)), color-stop(15%, rgba(71,66,65,1)), color-stop(16%, rgba(246,41,12,1)), color-stop(32%, rgba(246,41,12,1)), color-stop(33%, rgba(71,66,65,1)), color-stop(48%, rgba(71,66,65,1)), color-stop(49%, rgba(13,250,88,1)), color-stop(61%, rgba(13,250,88,1)), color-stop(61%, rgba(71,66,65,1)), color-stop(76%, rgba(71,66,65,1)), color-stop(76%, rgba(24,85,240,1)), color-stop(86%, rgba(24,85,240,1)), color-stop(87%, rgba(71,66,65,1)), color-stop(100%, rgba(71,66,65,1)));
  background: -webkit-linear-gradient(left, rgba(71,66,65,1) 0%, rgba(71,66,65,1) 15%, rgba(246,41,12,1) 16%, rgba(246,41,12,1) 32%, rgba(71,66,65,1) 33%, rgba(71,66,65,1) 48%, rgba(13,250,88,1) 49%, rgba(13,250,88,1) 61%, rgba(71,66,65,1) 61%, rgba(71,66,65,1) 76%, rgba(24,85,240,1) 76%, rgba(24,85,240,1) 86%, rgba(71,66,65,1) 87%, rgba(71,66,65,1) 100%);
  background: -o-linear-gradient(left, rgba(71,66,65,1) 0%, rgba(71,66,65,1) 15%, rgba(246,41,12,1) 16%, rgba(246,41,12,1) 32%, rgba(71,66,65,1) 33%, rgba(71,66,65,1) 48%, rgba(13,250,88,1) 49%, rgba(13,250,88,1) 61%, rgba(71,66,65,1) 61%, rgba(71,66,65,1) 76%, rgba(24,85,240,1) 76%, rgba(24,85,240,1) 86%, rgba(71,66,65,1) 87%, rgba(71,66,65,1) 100%);
  background: -ms-linear-gradient(left, rgba(71,66,65,1) 0%, rgba(71,66,65,1) 15%, rgba(246,41,12,1) 16%, rgba(246,41,12,1) 32%, rgba(71,66,65,1) 33%, rgba(71,66,65,1) 48%, rgba(13,250,88,1) 49%, rgba(13,250,88,1) 61%, rgba(71,66,65,1) 61%, rgba(71,66,65,1) 76%, rgba(24,85,240,1) 76%, rgba(24,85,240,1) 86%, rgba(71,66,65,1) 87%, rgba(71,66,65,1) 100%);
  background: linear-gradient(to right, rgba(71,66,65,1) 0%, rgba(71,66,65,1) 15%, rgba(246,41,12,1) 16%, rgba(246,41,12,1) 32%, rgba(71,66,65,1) 33%, rgba(71,66,65,1) 48%, rgba(13,250,88,1) 49%, rgba(13,250,88,1) 61%, rgba(71,66,65,1) 61%, rgba(71,66,65,1) 76%, rgba(24,85,240,1) 76%, rgba(24,85,240,1) 86%, rgba(71,66,65,1) 87%, rgba(71,66,65,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474241', endColorstr='#474241', GradientType=1 );

}
.block2{
  display:inline-block;
  float:left;
  width:100%;
  height:35px;
  margin:10px 0px;
  background-color:#e0e0e0;
}
.suband1{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: red;
    top: 10px;
    left: 20px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband2{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: green;
    top: 10px;
    left: 60px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband3{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: blue;
    top: 10px;
    left: 200px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband4{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: brown;
    top: 10px;
    left: 420px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband5{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: purple;
    top: 10px;
    left: 540px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband6{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: orange;
    top: 10px;
    left: 460px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband7{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: red;
    top: 10px;
    left: 120px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband8{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: green;
    top: 10px;
    left: 260px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband9{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: blue;
    top: 10px;
    left: 330px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband10{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: brown;
    top: 10px;
    left: 360px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband11{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: purple;
    top: 10px;
    left: 500px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband12{
    position: absolute;
    display: block;
    height: 35px;
    width: 30px;
    background-color: orange;
    top: 10px;
    left: 660px;
    opacity: .8;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
}
.suband1:hover{
    opacity: .8;
}
.suband2:hover{
    opacity: .8;
}
.suband3:hover{
    opacity: .8;
}
.suband4:hover{
    opacity: .8;
}
.suband5:hover{
    opacity: .8;
}
.suband6:hover{
    opacity: .8;
}
.suband7:hover{
    opacity: .8;
}
.suband8:hover{
    opacity: .8;
}
.suband9:hover{
    opacity: .8;
}
.suband10:hover{
    opacity: .8;
}
.suband11:hover{
    opacity: .8;
}
.suband12:hover{
    opacity: .8;
}
/*diagnostics*/
.inline-edit span textarea, div.inline-edit, div.inline-edit textarea, ul.dtt li input.form-control {width: 42px;
    padding: 2px;
    text-align: center;
    font-size: 9px;}
#lbt1 ul, #lbt2 ul, #lbt3 ul, #lbt4 ul{margin:0px;}
#lbt1 button, #lbt2 button, #lbt3 button, #lbt4 button {margin:0px!important;}
/*hardware screen*/
.hardwarebase{
    position: absolute;
    height: 86%;
    width: 21.5%;
    left: 39.2%;
    top: 4%;
    background-color: #ffffff;
    opacity: 0;
    z-index: 999;
}
.hardwarebase:hover, .hardwarebase.selected {
    position: absolute;
    height: 86%;
    width: 21.5%;
    left: 39.2%;
    top: 4%;
    background-color: #dc3240;
    opacity: .2;
    z-index: 999;
}
.hardwarerf1{
    position: absolute;
    height: 39%;
    width: 11%;
    left: 21.5%;
    top: 7%;
    background-color: #ffffff;
    opacity: 0;
    z-index: 999;
}
.hardwarerf1:hover, .hardwarerf1.selected{
    position: absolute;    
    height: 39%;
    width: 11%;
    left: 21.5%;
    top: 7%;
    background-color: #dc3240;
    opacity: .2;
    z-index: 999;
}
.hardwarerf2{
    position: absolute;
    position: absolute;    
    height: 39%;
    width: 11%;
    left: 21.5%;
    top: 51%;
    background-color: #ffffff;
    opacity: 0;
    z-index: 999;
}
.hardwarerf2:hover, .hardwarerf2.selected{
    position: absolute;    
    height: 39%;
    width: 11%;
    left: 21.5%;
    top: 51%;
    background-color: #dc3240;
    opacity: .2;
    z-index: 999;
}
.hardwarerf3{
    position: absolute;
    height: 39%;
    width: 11.2%;
    left: 66.6%;
    top: 7%;
    background-color: #ffffff;
    opacity: 0;
    z-index: 999;
}
.hardwarerf3:hover, .hardwarerf3.selected{
    position: absolute;
    height: 39%;
    width: 11.2%;
    left: 66.6%;
    top: 7%;
    background-color: #dc3240;
    opacity: .2;
    z-index: 999;
}
.hardwarerf4{
    position: absolute;    
    height: 39%;
    width: 11.2%;
    left: 66.6%;
    top: 51%;
    background-color: #ffffff;
    opacity: 0;
    z-index: 999;
}
.hardwarerf4:hover, .hardwarerf4.selected{
    position: absolute;    
    height: 39%;
    width: 11.2%;
    left: 66.6%;
    top: 51%;
    background-color: #dc3240;
    opacity: .2;
    z-index: 999;
}
/*calendar time*/
.datepicker table tr td.active:active, .datepicker table tr td.active.active, .open > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted.active, .open > .datepicker table tr td.active.highlighted.dropdown-toggle {
    color: #fff;
    border-color: #dc3240;
    background-color: #dc3240;
    background-image: none;
}
.datepicker table tr td.active:active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active.focus, .open > .datepicker table tr td.active.dropdown-toggle:hover, .open > .datepicker table tr td.active.dropdown-toggle:focus, .open > .datepicker table tr td.active.dropdown-toggle.focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active.focus, .open > .datepicker table tr td.active.highlighted.dropdown-toggle:hover, .open > .datepicker table tr td.active.highlighted.dropdown-toggle:focus, .open > .datepicker table tr td.active.highlighted.dropdown-toggle.focus {
    color: #fff;
    border-color: #dc3240;
    background-color: #dc3240;
}
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
    color: #fff;
    background: #dc3240;
}
.ui-timepicker-wrapper{width:280px!important;}
.form-control.focus, .form-control:focus {
    border-color: #e0e0e0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*progress bar*/
.pbar{
  display:block;
  width: 0%;
  height: 20px;
  border-radius:4px;
  -webkit-border-radius:4px;
  moz-border-radius:4px;
  background-color:#dc3240;
  position: absolute;

}
.pbg{
  display:block;
  width: 100%;
  height: 20px;
  border-radius:4px;
  -webkit-border-radius:4px;
  moz-border-radius:4px;
  background-color:#e0e0e0;

}
option:hover {
    font: inherit;
    margin: 0;
    background-color:#dc3240;
}
/*tables*/
.bgy{background-color:#fff9c4!important;}
.tbl-alt{background-color: #fcfcfc;}
.inline-edit-input { width: 300px; outline:none; color:#757575; padding: .3em .5em; border: 1px solid #e0e0e0;border-radius: .215rem;}
#grid tr:hover, #ntpenable tr:hover,#ntpdisable tr:hover,  #SM tr:hover, #uptable tr:hover {background-color:#e0e0e0;}
/*jsgrid tables*/
.jsgrid-table td {
    padding: .2em .5em;
}
#alarmsLog div table tbody tr td {
    padding: .5em .7em;
}
#alarmsLog div table tbody tr td:first-of-type, #alarmsLog .jsgrid-grid-body tr td:first-child {
    border-left: none;
    padding-left: 20px;
} 
.jsgrid-filter-row input, .jsgrid-filter-row textarea, .jsgrid-filter-row select, .jsgrid-edit-row input, .jsgrid-edit-row textarea, .jsgrid-edit-row select, .jsgrid-insert-row input, .jsgrid-insert-row textarea, .jsgrid-insert-row select{outline:none!important;}
.jsgrid-pager-nav-button, .jsgrid-pager-nav-button a, .jsgrid-pager-page a{
    padding: .2em .5em;
    color: #dc3240;
}
.jsgrid-pager-container{text-align:right; padding-right: 20px;}
tr .jsgrid-row.jsgrid-selected-row, tr .jsgrid-row.jsgrid-selected-row:hover, .jsgrid-selected-row > td, .jsgrid-selected-row:hover{
    border-color: #c5cae9; 
    background: #eee;
}
.jsgrid-grid-header, .jsgrid-grid-body, .jsgrid-header-row > th, .jsgrid-filter-row > td, .jsgrid-insert-row > td, .jsgrid-edit-row > td {
    border:none;
    border-bottom: 1px solid #e0e0e0;
}
.jsgrid-grid-body td {
    border: none;
}
.jsgrid-header-row > th:first-child, .jsgrid-filter-row > td:first-child, .jsgrid-insert-row > td:first-child, .jsgrid-grid-body tr td:first-child {
    border-left: none;
    padding-left: 20px;
}
.jsgrid-header-row .jsgrid-header-sort{
    background: #ccc;
}
.jsgrid-header-row > th, .jsgrid-filter-row > td, .jsgrid-insert-row > td, .jsgrid-edit-row > td, .jsgrid-row, .jsgrid-row:hover{
    text-align: left;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.jsgrid-align-center {
    text-align: left; 
}
.jsgrid-insert-row > td{background-color:#cccccc;}
td.jsgrid-cell:last-of-type{padding-left:0px;}
.jsgrid-header-sort-asc::before {
    padding-right: 4px;
}
.jsgrid-grid-body tr td:last-child {
    border-right: none;
    padding-left: 2px!important;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
/*Monitor Screen*/
.downup{position: absolute;  z-index: 999; top: 20px; left: -10px;}
.system-monitor {
    height: 100px;
    border-left: 1px solid rgba(0, 0, 0, .05);
}
.system-monitor:last-of-type {
    border-right: 1px solid rgba(0, 0, 0, .05);
}
.system-monitor2 {
    height: 60px;
    padding: 0px 10px;
    border-left: 1px solid rgba(0, 0, 0, .05);
}
.system-monitor2:last-of-type {
    border-right: 1px solid rgba(0, 0, 0, .05);
}
.col-md-6.center h5{margin: 0px; margin-top: 0px; margin-bottom: 0px;}
/*green animation*/
@-webkit-keyframes colorgreen{
  from{color: #43a047;}
  50%{ color:#05fb0f;}
  to{color:#43a047;}
}
@-moz-keyframes colorgreen {
  from{color: #43a047;}
  50%{ color:#05fb0f;}
  to{color:#43a047;}
}
@keyframes colorgreen{
  from{color: #43a047;}
  50%{ color:#05fb0f;}
  to{color:#43a047;}
}
/*green animation*/
@-webkit-keyframes colorred{
  from{color: #e53935;}
  50%{ color:#ba2f2f;}
  to{color:#e53935;}
}
@-moz-keyframes colorred {
  from{color: #e53935;}
  50%{ color:#ba2f2f;}
  to{color:#e53935;}
}
@keyframes colorred{
  from{color: #e53935;}
  50%{ color:#840303;}
  to{color:#e53935;}
}
@keyframes colororange{
  from{color:#fb8c00;}
  50%{ color:#fbe600;}
  to{color:#fb8c00;}
}
.icon.md-circle.green-600{
  color: #43a047;
 -webkit-animation: colorgreen 1.5s  infinite;
  -moz-animation: colorgreen 1.5s  infinite;
  animation: colorgreen 1.5s  infinite;
}
.icon.md-circle.green2-600{
  color: #43a047;
 -webkit-animation: colorgreen .75s  infinite;
  -moz-animation: colorgreen .75s  infinite;
  animation: colorgreen .75s  infinite;
}
.icon.md-circle.green3-600{
  color: #43a047;
 -webkit-animation: colorgreen 1s  infinite;
  -moz-animation: colorgreen 1s  infinite;
  animation: colorgreen 1s  infinite;
}
.icon.md-circle.red-600{
  color: #e53935;
 -webkit-animation: colorred 1s  infinite;
  -moz-animation: colorred 1s  infinite;
  animation: colorred 1s  infinite;
}
.icon.md-circle.orange-600{
  color: #fb8c00;
 -webkit-animation: colororange 1s  infinite;
  -moz-animation: colororange 1s  infinite;
  animation: colororange 1s  infinite;
}
.line{
    display:block;
    position:absolute;
    top: 0px;
    left: 200px;
    width:5px;
    height: 20px;
    background-color: #00b388;
    z-index:1000;
  }
.line2{
    display:block;
    position:absolute;
    top: 350px;
    left: 200px;
    width:5px;
    height: 5px;
    background-color: #00b388;
    z-index:1000;
    opacity: 0;
  }
/*CHARTS*/
svg.lbt1{
    position: absolute;
    top: 18px;
    left: 40%;
}
svg.lbt2{    
    position: absolute;
    top: 20px;
    left: 57%;
}
svg.lbt3{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    position: absolute;
    top: 2px;
    left: 30%;
}
svg.lbt4{ 
    position: absolute;
    top: 2px;
    left: 30%;
}
.path,.path3, .path4{
  stroke-dasharray: 10;
  stroke-dashoffset: 10;
  animation: dash 5s linear infinite;
}
.path2 {
  stroke-dasharray: 10;
  stroke-dashoffset: 10;
  animation: dashs 5s linear infinite;
}
 @keyframes dash {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dashs {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 100;
  }
}
.gauge canvas {
    display: inline-block;
    width: 100px;
    height: 75px;
    max-width: 100%;
}
.gauge-label {
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    bottom: 15%;
    width: 100%;
    color: #424242;
}
.fixed-table-body {
  height: 100%;
  overflow: auto;
}
#daily-feed .name {
  font-weight: 500;
  color: #616161;
  text-decoration: none;
  cursor: pointer;
}
#daily-feed .content {
  margin-top: 10px;
  margin-bottom: 0;
}
#tickets .hightlight {
  font-weight: 500;
  color: #616161;
  text-decoration: none;
  cursor: pointer;
}
#projects .table > tbody > tr > td, #projects .table > thead > tr > th {
  vertical-align: middle;
}
.team-panel .avatar {
  padding: 0;
  margin: 10px;
}
.tags-panle .tag {
  margin-right: 5px;
  margin-bottom: 10px;
}
.input-panel .form-control {
  border: 1px solid #b0bec5;
  border-right: 0;
  border-right: none;
  border-left: 0;
  border-left: none;
  border-radius: 0;
}
.input-panel .input-panle-btn {
  display: inline;
  padding: 12px 15px;
  background-color: transparent;
  border-right: 1px solid #b0bec5;
}
.input-panel .input-panle-btn:hover {
  color: #1e88e5;
}
.input-panel .input-panle-btn i {
  margin: 12px 0;
}
.input-panel .submit {
  float: right;
  padding: 8px 15px 9px;
  color: #1e88e5;
  background-color: transparent;
  border: none;
  border-left: 1px solid #b0bec5;
  border-radius: 0;
}
.input-panel .submit:hover {
  color: #42a5f5;
}
@media (max-width: 991px) {
  #custom_view .panel-actions {
    position: relative;
    top: 0;
    right: 0;
    float: right;
    padding: 0 30px 10px;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }
}
/*footer*/
.site-footer-right a, .site-footer-right a:link, .site-footer-right a:visited{color:#dc3240!important;}
  footer{
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 101%;
    background-color: #ffffff!important;
    z-index: 999;
}