.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;
}

.pac-container {
    z-index: 10000 !important;
}

.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: 760px;
    }
}

.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: #fff!important;
    border: 1px solid #f1f1f1!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.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%;
}




.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;

}

.dt-buttons {
    margin-left: -15px;
}

.dt-buttons .btn-default {
    background-color: #FFF;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 0px;
}

table.dataTable {
    max-width: 100% !important;
}

canvas {
    z-index: 999999;
}

.chart {
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
}


.fileinput{
    padding-top: 5px;
    padding-bottom: 5px;
}

.datepicker {
    z-index:9999 !important;
}

td .btn-group {
  display: flex;
}


.label-lite-blue {
    background-color:#FFF;
    color:#0073b7;
    border:1px solid #0073b7;
}

.label-lite-green {
    background-color:#FFF;
    color:#00a65a;
    border:1px solid #00a65a;
}

.label-lite-yellow {
    background-color:#FFF;
    color:#f39c12;
    border:1px solid #f39c12;
}

.label-lite-purple {
    background-color:#FFF;
    color:#605ca8;
    border:1px solid #605ca8;
}

.label-lite-red {
    background-color:#FFF;
    color:#dd4b39;
    border:1px solid #dd4b39;
}

.label-lite-gray {
    background-color:#FFF;
    color:#000;
    border:1px solid #d2d6de;
}


.spacer { margin:0; padding:0; height:50px; }

.callout.callout-ok {
  border-right:1px solid #00733e;
  border-top:1px solid #00733e;
  border-bottom:1px solid #00733e;
  border-color: #00733e;
  background-color:#FFF;
}

.callout.callout-ok h4 {
    margin-bottom: 3px;
}


/* nMon InfraSec V1.6 - 8solutions brand and responsive dashboard */
:root { --eight-blue:#5aaddd; --eight-blue-dark:#489bc9; --eight-blue-soft:#eef7fc; }

.skin-green .main-header .navbar,
.skin-green .main-header .logo,
.skin-green .main-header li.user-header { background-color:#5aaddd !important; }
.skin-green .main-header .logo:hover,
.skin-green .main-header .navbar .sidebar-toggle:hover { background-color:#489bc9 !important; }
.skin-green .sidebar-menu > li.active > a,
.skin-green .sidebar-menu > li:hover > a { border-left-color:#5aaddd !important; }
.skin-green .sidebar-menu > li.active > a { color:#fff; }

.btn-primary, .btn-info { background-color:#5aaddd; border-color:#4d9ece; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-info:hover, .btn-info:active, .btn-info:focus { background-color:#489bc9; border-color:#3f8fb9; }
.box.box-primary, .box.box-info, .nav-tabs-custom > .nav-tabs > li.active { border-top-color:#5aaddd; }
a { color:#438fbf; }
a:hover, a:focus { color:#337ca7; }

.box.box-8solutions { border-top:3px solid #5aaddd; }
.box.box-8solutions.box-solid { border:1px solid #5aaddd; border-top:0; }
.box.box-8solutions.box-solid > .box-header { background:#5aaddd; color:#fff; }
.box.box-8solutions.box-solid > .box-header a,
.box.box-8solutions.box-solid > .box-header .btn { color:#fff; }
.infrasec-state-table { margin-bottom:8px; }
.infrasec-state-table > tbody > tr > th,
.infrasec-state-table > tbody > tr > td { vertical-align:middle; border-top-color:#e8eef2; }
.infrasec-av-product + .infrasec-av-product { margin-top:7px; padding-top:7px; border-top:1px solid #edf2f5; }

.infrasec-chat-history { max-height:420px; overflow-y:auto; padding:8px; background:#f7fafc; border:1px solid #e1e8ed; }
.infrasec-chat-message { max-width:88%; margin:7px 0; padding:9px 11px; border-radius:3px; background:#fff; border-left:3px solid #5aaddd; box-shadow:0 1px 1px rgba(0,0,0,.04); }
.infrasec-chat-message.user { margin-left:auto; border-left:0; border-right:3px solid #9aa7af; background:#f1f3f5; }
.infrasec-chat-meta { font-size:11px; color:#7b8a93; margin-bottom:4px; }
.infrasec-chat-meta span { margin-left:8px; }

/* Bootstrap 3 float columns become masonry-like on phones when one small-box is taller.
   Flex wrapping keeps each pair aligned while preserving col-xs-6 / col-lg-3 widths. */
.dashboard-stat-row { display:flex; flex-wrap:wrap; align-items:stretch; }
.dashboard-stat-row > [class*="col-"] { float:none; display:flex; }
.dashboard-stat-row .small-box { width:100%; display:flex; flex-direction:column; }
.dashboard-stat-row .small-box > .inner { flex:1 1 auto; min-height:128px; }
.dashboard-stat-row .small-box > .small-box-footer { margin-top:auto; }
@media (max-width:767px) {
  .dashboard-stat-row { margin-left:-7px; margin-right:-7px; }
  .dashboard-stat-row > [class*="col-"] { padding-left:7px; padding-right:7px; }
  .dashboard-stat-row .small-box > .inner { min-height:142px; padding:10px; }
  .dashboard-stat-row .small-box h3 { font-size:42px; }
  .dashboard-stat-row .small-box p { min-height:42px; }
  .infrasec-dashboard-center > .nav-tabs { display:flex; flex-wrap:wrap; float:none !important; width:100%; }
  .infrasec-dashboard-center > .nav-tabs > li { float:none !important; flex:1 1 33.333%; }
  .infrasec-dashboard-center > .nav-tabs > li.header { order:-1; flex:1 1 100%; width:100%; }
  .infrasec-dashboard-center > .nav-tabs > li > a { text-align:center; padding-left:6px; padding-right:6px; }
}

/* InfraSec V1.6.2 - unified Security tab layout */
#security { --is-blue:#5aaddd; --is-blue-dark:#489bc9; --is-border:#dfe8ee; --is-bg:#f6f9fb; --is-text:#2f3f4a; }
#security > .row { margin-bottom:14px; }

.infrasec-summary-row { display:flex; flex-wrap:wrap; align-items:stretch; margin-left:-7px; margin-right:-7px; }
.infrasec-summary-row > [class*="col-"] { float:none; display:flex; padding-left:7px; padding-right:7px; margin-bottom:14px; }
.infrasec-summary-card {
  width:100%; min-height:104px; background:#fff; border:1px solid var(--is-border); border-top:3px solid var(--is-blue);
  border-radius:3px; box-shadow:0 1px 2px rgba(26,54,72,.06); display:flex; align-items:center; padding:14px 16px;
}
.infrasec-summary-icon {
  flex:0 0 48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--eight-blue-soft); color:var(--is-blue-dark); font-size:21px; margin-right:14px;
}
.infrasec-summary-content { min-width:0; flex:1 1 auto; }
.infrasec-summary-label { color:#7b8a93; font-size:11px; text-transform:uppercase; letter-spacing:.35px; font-weight:600; margin-bottom:3px; }
.infrasec-summary-value { color:#263844; font-size:21px; line-height:1.15; font-weight:600; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.infrasec-summary-value-sm { font-size:16px; }

.infrasec-equal-row { display:flex; flex-wrap:wrap; align-items:stretch; }
.infrasec-equal-row > [class*="col-"] { float:none; display:flex; }
.infrasec-card {
  width:100%; margin-bottom:0; border-radius:3px; border-color:var(--is-border); box-shadow:0 1px 2px rgba(26,54,72,.06);
  display:flex; flex-direction:column; overflow:hidden;
}
.infrasec-card > .box-header { min-height:42px; padding:10px 13px; background:#fff; color:var(--is-text); border-bottom:1px solid #e8eef2; }
.infrasec-card.box-solid > .box-header,
.box.box-8solutions.infrasec-card.box-solid > .box-header { background:var(--is-blue); color:#fff; }
.infrasec-card > .box-header .box-title { font-size:16px; font-weight:500; line-height:21px; }
.infrasec-card > .box-body { flex:1 1 auto; padding:14px; background:#fff; }
.infrasec-card .table { margin-bottom:0; }
.infrasec-card .table > thead > tr > th { border-bottom:1px solid #dce6ec; color:#52636e; font-size:11px; text-transform:uppercase; letter-spacing:.25px; }
.infrasec-card .table-striped > tbody > tr:nth-of-type(odd) { background:#f8fafb; }
.infrasec-card .table > tbody > tr > td,
.infrasec-card .table > tbody > tr > th { border-top:1px solid #edf2f5; padding:9px 10px; }
.infrasec-header-status { margin-top:1px; }

.infrasec-kv-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid #edf2f5; border-radius:3px; overflow:hidden; margin-bottom:12px; }
.infrasec-kv { min-height:58px; padding:10px 12px; background:#fff; border-bottom:1px solid #edf2f5; }
.infrasec-kv:nth-child(odd) { border-right:1px solid #edf2f5; }
.infrasec-kv:nth-last-child(-n+2) { border-bottom:0; }
.infrasec-kv > span:first-child { display:block; color:#7b8a93; font-size:11px; text-transform:uppercase; letter-spacing:.25px; margin-bottom:5px; }
.infrasec-kv > strong { display:block; color:#2f3f4a; font-size:13px; font-weight:600; overflow-wrap:anywhere; }

.infrasec-inline-notice { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-radius:3px; margin:10px 0; }
.infrasec-inline-notice.warning { background:#fff7e8; border:1px solid #f4d495; color:#7d5a12; }
.infrasec-inline-notice .btn { flex:0 0 auto; }

.infrasec-state-table > tbody > tr > th { color:#586973; font-weight:600; background:#fbfcfd; }
.infrasec-state-table > tbody > tr > td { color:#2f3f4a; }
.infrasec-av-product { padding:3px 0; }

#security .btn { border-radius:3px; }
#security .btn-group .btn + form,
#security form[style*="display:inline"] + form[style*="display:inline"] { margin-left:4px; }
#security .alert { border-radius:3px; }
#security .infrasec-chat-history { border-radius:3px; background:#f8fafb; }

@media (min-width:992px) {
  .infrasec-equal-row > [class*="col-"] > .infrasec-card { min-height:100%; }
}
@media (max-width:991px) {
  .infrasec-equal-row > [class*="col-"] { display:block; width:100%; }
  .infrasec-equal-row > [class*="col-"] + [class*="col-"] { margin-top:14px; }
}
@media (max-width:767px) {
  #security > .row { margin-bottom:10px; }
  .infrasec-summary-row { margin-left:-5px; margin-right:-5px; }
  .infrasec-summary-row > [class*="col-"] { padding-left:5px; padding-right:5px; margin-bottom:10px; }
  .infrasec-summary-card { min-height:112px; padding:12px; align-items:flex-start; }
  .infrasec-summary-icon { flex-basis:38px; height:38px; font-size:17px; margin-right:9px; }
  .infrasec-summary-value { font-size:17px; white-space:normal; }
  .infrasec-summary-value-sm { font-size:14px; }
  .infrasec-kv-grid { grid-template-columns:1fr; }
  .infrasec-kv:nth-child(odd) { border-right:0; }
  .infrasec-kv:nth-last-child(-n+2) { border-bottom:1px solid #edf2f5; }
  .infrasec-kv:last-child { border-bottom:0; }
  .infrasec-inline-notice { display:block; }
  .infrasec-inline-notice .btn { margin-top:8px; width:100%; }
  #security .box-header .pull-right { float:none !important; display:block; margin-top:6px; }
  #security .btn-group { display:block; width:100%; }
  #security .btn-group form { display:block !important; margin:0 0 6px !important; }
  #security .btn-group .btn { width:100%; }
}