.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

    vertical-align: middle;
}

.main-footer {
    padding: 5px 15px;
}
.text-dark {
    color: #444;
}
.callout-gray {
    background-color: #EEE;
    border-left: 5px solid #DDD;
}
.callout-gray a {
    color: #333;

}
.callout-gray a:hover {
    color: #444;

}


@media (min-width: 767px) {
    .modal-dialog {
        width: 740px;
    }
}

.notopborder {border-top: 0px!important;}

.whitetext {color: #FFF;}

.dt-margin{
margin-left:0px !important;
margin-right:0px !important;
}

.todo-list {
    min-height: 40px;
}


.no-sort::after { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; }

.timeline-item { background-color: #f1f1f1!important; }

.timeline-image {

    left: 16px;
    position: absolute;
    top: 0;
}

.chart-legend ul {
    list-style-type: none;
}

.chart-legend li span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top:4px;
    margin-right: 5px;
    border-radius:50%;
}

.dTsearch {
    position:relative;
    right:-140px;
    top:1px;
}


.fullboby-bg {
  background: url(../assets/bg2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullboby-bg a {
    color: #FFF;
}

.fullboby-bg .login-logo {
    color: #FFF;
}

.roles h4 {
    padding-top: 12px;
    padding-bottom: 0px;
    margin-bottom: 0px;

}



.status1-gradient, .status2-gradient, .status3-gradient, .status4-gradient, .status5-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}

.status1,.status2,.status3,.status4,.status5,.status6,.status7,.status8,.status9,.status10,.status11,.status12{color: #fff !important;}

.status1-active, .status2-active, .status3-active, .status4-active, .status5-active {
  background-color: #30bbbb !important;
  color: #fff !important;
}

.ticketstatusboxes p,.ticketstatusboxes h3{ margin: 0; font-size:15px; margin-top:-10px;}
.ticketstatusboxes .inner{ padding-bottom: 0;}
.ticketstatusboxes .small-box h3 { font-size: 30px;}
.ticketstatusboxes .small-box .icon { font-size: 60px;}
.small-box h3{ display: inline-block;}
.small-box > .inner p{ display: inline-block; line-height:30px;  }
.ticketstatusboxes .small-box { margin-bottom:4px; color: #FFFFFF;}

.bg-s0,.status0{ background: #F20004;}
.bg-s1,.status1{ background: #5d9cec;}
.bg-s2,.status2{ background: #27c24c;}
.bg-s3,.status3{ background: #23b7e5;}
.bg-s4,.status4{ background: #ff902b;}
.bg-s5,.status5{ background: #f05050;}
.bg-s6,.status6{ background: #131e26;}
.bg-s7,.status7{ background: #37bc9b;}
.bg-s8,.status8{ background: #f532e5;}
.bg-s9,.status9{ background: #7266ba;}
.bg-s10,.status10{ background: #fad732;}
.bg-s11,.status11{ background: #52C5A6;}
.bg-s12,.status12{ background: #FFCC00;}
.bg-s13,.status13{ background: #F50074;}
.bg-s14,.status14{ background: #941A8F;}
.bg-s15,.status15{ background: #FF6BB0;}
.bg-s16,.status16{ background: #c98ff1;}
.bg-s17,.status17{ background: #8242d8;}
.bg-s18,.status18{ background: #ee0f5e}
.bg-s19,.status19{ background: #101082}
.bg-s20,.status20{ background: #098b90}
.bg-s21,.status21{ background: #FD0E35}
.bg-s22,.status22{ background: #50BFE6}
.bg-s23,.status23{ background: #ED553B}



.box-header,.box.box-primary{ display: block; clear: both;}

.bg-s0{ background: #BD171A}

.bg-open{ background: #00a65a}
.bg-inprogress{ background: #001f3f}
.bg-reopened{ background:#ff851b}
.dashbox{ color: #FFFFFF}
.baseblow{ display: block; width: 100%;}
.baseit{ margin-bottom: 3px; display: block; width: 100%; float: none!important; text-align: left;}
.left-queries .small-box{ color: #FFFFFF!important}
.left-queries .small-box > .inner p { line-height: 20px;}
.small-box { display: table; width:100%;}
.fifties{ width: 50%; display: inline-block; float: left;}

.myticketbox a{ color: #FFFFFF;}
.myticketbox a:hover, a:active, a:focus { color: #ecf0f5; text-decoration: underline;}