div.syntaxhighlighter .container:before,div.syntaxhighlighter .container:after {
    content:none;
}

:root {
  --bg: #f8f8f8;
  --text: #333333;
  --components: #FFFFFF;
  --headers: #FFFFFF;
  --border-dark: #e7e7e7;
  --border-light: #e7e7e7;
  --box-shadow: 0 2px 2px -1px rgba(173, 180, 186, 0.3), 0 1px 5px -2px rgba(173, 180, 186, 0.3);
  --transition-duration: 0.6s;
  --scrollbar-color: #ccccc
}

.dark-mode {
  --bg: rgb(10, 18, 26) !important;
  --text: #FFFFFF;
  --components: rgb(23, 36, 48) !important;
  --headers: rgb(18, 29, 39) !important;
  --border-dark: rgb(14, 22, 30) !important;
  --border-light: rgb(30, 43, 55) !important;
  --box-shadow: none;
  --transition-duration: 0.6s;
  --scrollbar-color: lightblue;
}


html, body {
  background-color: var(--bg);
  color: var(--text);
  scrollbar-width: thin;
}

html.dark-mode, body.dark-mode {
  scrollbar-color: var(--scrollbar-color) var(--headers)
}


html {
  min-height: 100%;
}


a {
    cursor: pointer;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 10px 15px;
    min-height: 1200px;
    background-color: var(--bg);
    border-color: var(--border-light) !important;
}

#page-inner {
    position: relative;
    z-index: 980;
    background-color: var(--bg);
    padding: 30px 0px 10px;
    display: inherit;
}

.sticky-header th {
    background-color: white;
    position: sticky;
    top: 40px;
    z-index: 1;
}

@media(min-width:768px) {
	#page-inner {
	    padding: 0px 0px 10px;
	    display: table;
  }
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 30px 0 0 250px;
        padding: 10px 15px 10px 15px;
        border-left: 1px solid var(--border-light) !important;
    }
}

@media(min-width:768px) {
    #page-wrapper.navbar-collapse {
        margin: 30px 0 0 0 !important;
    }
    .navbar-collapse.in {
		display: none !important;
	}
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 13px;
    min-height: 5px;
    max-height: 41px;
}

.navbar-default {
  background-color: var(--bg);
}

.modal-dialog {
	margin-top: 100px;
}

.panel {
	margin-top: 15px;
  background-color: var(--components)
}

/* .panel-heading {
    color: var(--text);
} */


.dropdown > a {
	text-decoration: none;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: inline-block !important;
    float: none !important;
    margin-right: 10px !important;
  }
}

.navbar-toggle {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.navbar-toggle-item {
	float: right;
}

@media(min-width:768px) {
    .navbar-toggle-item {
		float: none;
		vertical-align: middle;
	}
}

.pulse-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-changes,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-changes {
    margin-left: 0px;
}


.navbar-top-links .dropdown-alerts {
    margin-left: 0px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.pulse-menu {
  border: #D6D9DD
}

.panel-default > .panel-heading {
    background-color: var(--headers);.btn-default:hover {
      color: var(--scrollbar-color);
      background-color: var(--headers);
      border-color: var(--bg);
      /* font-weight: 600; */
  }
    color: var(--text);
    border-color: white;
    box-shadow: var(--box-shadow);
}


.pulse-stats-overview > .panel-heading {
    background-color: var(--components);
}

.no-borders {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.no-borders > .panel-body {
  overflow: hidden !important;
}

/* .pulse {
  color: #337ab7;
}

.pulse-bold {
  font-weight: bold;
} */

.form-control {
  border-radius: 8px;
  background-color: var(--components);
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}


.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.nav-tabs > li.active > a {
    border-bottom-color: #ddd !important;
    border-radius: 6px 6px 0 0;
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li,
.sidebar .nav-fourth-level li,
.sidebar .nav-fifth-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

.sidebar .nav-fourth-level li a {
    padding-left: 67px;
}

.sidebar .nav-fifth-level li a {
    padding-left: 82px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 42px;
        overflow: auto;
        scrollbar-width: thin;
    }
    body.dark-mode .sidebar {
        scrollbar-color: var(--scrollbar-color) var(--headers);
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-changes,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.right-divider {
    border-left: 1px solid #DDDDDD;
    margin-left: 10px;
    margin-right: 10px;
}
/* navbar classes - coming from Arc */

.euiHeader--fixed {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  
  .euiHeader {
    box-shadow: 0 2px 2px -1px rgba(173, 180, 186, 0.3), 0 1px 5px -2px rgba(173, 180, 186, 0.3);
    height: 42px;
    position: fixed;
    z-index: 999;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: var(--bg);
    border-bottom: 1px solid #D6D9DD;
  }
  
  .euiHeaderSection--dontGrow {
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
  
  .euiHeaderSection--grow,
  .euiHeaderSection--left {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  
  .euiHeaderSection {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  
  .euiHeaderSectionItem {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .euiHeaderSectionItemButton {
    position: relative;
    height: 48px;
    min-width: 48px;
    text-align: center;
    font-size: 0;
  }
  
  .euiButtonEmpty .euiButtonEmpty__text {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .euiHeaderSectionItemButton__content {
    display: inline-block;
  }
  
  .euiHeaderSectionItem--borderRight:after {
    width: 1px;
    left: auto;
    right: 0;
  }
  
  .euiHeaderSectionItem:after {
    position: absolute;
    content: "";
    top: 8px;
    bottom: 8px;
    background: #D6D9DD;
    left: 0;
  }
  
  .euiButtonEmpty {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
    max-width: 100%;
    vertical-align: middle;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    font-size: 15.75px;
    font-size: 0.875rem;
    line-height: 1.333333;
    text-decoration: none;
    border: solid 1px transparent;
    font-weight: 400;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
  }
  
  .euiButtonEmpty .euiButtonEmpty__content {
    padding: 0 8px;
  }
  
  .euiButtonContent {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .euiButtonContent:hover {
    background-color: rgba(42, 57, 71, 0.1);
  }
  
  .euiIcon--medium {
    width: 16px;
    height: 16px;
  }
  
  .euiIcon--large {
    width: 24px;
    height: 24px;
  }
  
  .euiIcon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  div.euiButton {
    border-radius: 0;
  }
  
  div.euiButton:focus {
    outline: 5px auto rgba(0, 102, 255, 0.15);
  }
  
  .euiButtonEmpty--text:focus {
    background-color: rgba(42, 57, 71, 0.1);
  }
  
  .header__homeLoaderNavButton .euiHeaderSectionItemButton__content .homeIconContainer {
    grid-area: 1 / 1;
    align-self: center;
    justify-self: center;
  }
  
  .logoImage {
    height: 100%;
    max-width: 100%;
  }

/* end of navbar classes - coming from Arc */

.breadcrumb-item {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.breadcrumb-dropdown {
    height: 30px;
}

.feature-list-item {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 4px;
}


/* delete this css classes (btn-pulse-*) */
.btn-pulse {
    background-color: #5EA7DC;
    color: #FFFFFF;
    border: #5EA7DC;
}

.btn-pulse.running {
    background-color: #5cb85c;
    border: #5cb85c;
}

.btn-pulse.loading {
    background-color: #f0ad4e;
    border: #f0ad4e;
}

.btn-pulse.stopping {
    background-color: #f0ad4e;
    border: #f0ad4e;
}

.btn-pulse.stopped {
    background-color: #d9534f;
    border: #d9534f;
}

ol.breadcrumb > li + li:before {
    content: "\203A";
}

ol.breadcrumb {
    background-color: transparent;
    align-items: center; 
}

ol.breadcrumb {
	margin: 10px 0px;
}

ol.breadcrumb > li {
	font-size: 1.1em;
}

table.data td {
	padding: 10px;
}

body.dark-mode .color-inverted {
    filter: invert(1);
}
/* .table {
  background-color: #FFFFFF !important;
} */

/* dark-mode & pulse-grid (dashboard editor) */
body.dark-mode .pulse-grid-container > div.row > div {
  border: 0px;
}

body.dark-mode .pulse-grid-container > div.row {
  border: 0px;
}

/* Styles for dark mode & boostrap 4 */

body.dark-mode hr {
  border: 1px solid var(--border-light) !important;
}

body.dark-mode .panel-info > .panel-heading {
    color: var(--scrollbar-color);
    background-color: var(--headers);
    border: 0px solid;
}

body.dark-mode .panel-info {
    border-color: var(--border-dark);
}

body.dark-mode pre {
  background-color: transparent !important;
  color: var(--text) !important;
  border-color: var(--border-light) !important;
  scrollbar-width: thin;
}

body.dark-mode .divider {
  border: 1px solid var(--border-light) !important;
}

body.dark-mode .pagination > li > a,body.dark-mode .pagination > li > span, body.dark-mode .pagination > .active > a:hover, body.dark-mode .pagination > .disabled > a:hover {
  background-color: var(--components);
  border: 1px solid var(--border-dark) !important;
}

body.dark-mode .pagination > .disabled > a {
  background-color: var(--headers);
}

#main-content {
  border-left: solid 1px var(--border-light) !important;
}

.dropdown-menu {
  background-color: var(--headers) !important;
  color: var(--scrollbar-color) !important;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) var(--headers)
}

body.dark-mode .dropdown-menu>li>a:focus {
  background-color: var(--components) !important;
  color: lightblue;
}

body.dark-mode a:focus {
  outline: none !important;
}

body.dark-mode .nav > li > a:hover, body.dark-mode .nav > li > a:focus {
  background-color: var(--components) !important;
  border-color: var(--border-light) !important;
}

body.dark-mode .text-info {
  color: var(--scrollbar-color) !important;
}

/* buttons */
body.dark-mode .btn-default {
  color: var(--scrollbar-color) !important;
  background-color: var(--components);
  border-color: var(--headers);
}

body.dark-mode .btn-default:hover, body.dark-mode .btn-default:focus {
  background-color: var(--headers) !important;
  border-color: var(--bg) !important;
  outline: none !important;
  outline-offset: 0 !important;
}

body.dark-mode .btn-primary.btn-primary-monitor {
    color: #fff;
    background-color: var(--headers);
    border-color: var(--border-light) !important;
}

body.dark-mode .btn-primary.btn-primary-monitor:hover {
    color: var(--scrollbar-color) !important;
    background-color: var(--bg) !important;
    border-color: var(--border-light) !important;
}

body.dark-mode .btn-primary:hover {
  background-color: #286090 !important;
  border-color: #204d74 !important;
}

body.dark-mode .btn-info.btn-info-monitor {
    color: #fff;
    background-color: var(--border-light);
    border-color: var(--border-dark);
}

body.dark-mode .btn-info.btn-info-monitor:hover {
    color: var(--scrollbar-color) !important;
    background-color: var(--components) !important;
    border-color: var(--border-dark) !important;
}

body.dark-mode .btn-success {
  border-color: forestgreen;
  background-color: forestgreen;
}

body.dark-mode .btn-success:hover {
  border-color: #5cb85c !important;
  background-color: #5cb85c !important;
}

body.dark-mode .btn-danger {
  border-color: firebrick;
  background-color: firebrick;
}

body.dark-mode .btn-danger:hover {
  border-color: #d9534f !important;
  background-color: #d9534f !important;
  color: var(--text) !important;
}

body.dark-mode .btn-warning:hover {
  border-color: #d58512 !important;
  background-color: #ec971f !important;
  color: var(--text) !important
}

/* modals */
body.dark-mode .modal-content {
  background-color: var(--headers);
}
body.dark-mode .modal-header {
  border: 1px solid var(--border-light) !important;
  background-color: var(--headers) !important;
}

body.dark-mode .modal-body {
  background-color: var(--components) !important;
}

body.dark-mode .modal-footer {
  border-top: 1px solid var(--border-dark) !important;
}

body.dark-mode .close {
  color: var(--scrollbar-color) !important;
  opacity: 1 !important;
}

body.dark-mode .bg-info {
  background-color: steelblue !important;
}

/* nav tabs */

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: var(--components) !important;
  color: var(--text) !important;
}

body.dark-mode .nav-tabs {
  border-bottom: 1px solid var(--border-light) !important;
}

body.dark-mode .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-color: var(--border-light) !important;
}

body.dark-mode .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: var(--components) !important;
  border-color: var(--border-light) !important;
}

.nav-tabs > li.active > a {
  border-color: var(--border-light) !important;
}

/* for forms - input texts */
body.dark-mode .help-block {
  color: lightsteelblue;
}

body.dark-mode .form-control {
  color: var(--scrollbar-color);
  border-color: var(--border-light) !important;
}

body.dark-mode .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: var(--bg) !important;
}

body.dark-mode .input {
  background-color: var(--headers) !important;
  color: var(--scrollbar-color) !important;
}

/* hyperlinks */
body.dark-mode a {
  color: var(--scrollbar-color);
}

body.dark-mode a.btn {
  color: white !important;
}

body.dark-mode .panel-success >  .panel-heading >  a {
  color: forestgreen !important;
}

body.dark-mode .panel-success >  .panel-heading >  a:hover {
  background-color: transparent !important;
}

.btn.btn-dark {
  background-color: rgb(23, 36, 48) !important;
  color: lightblue !important;
} 

.btn.btn-light {
  background-color: #FFFFFF !important;
  color: #333333 !important;
}

body.dark-mode a:hover {
  color: var(--scrollbar-color);
  background-color: var(--headers);
}

/* for panels */
body.dark-mode .panel-default {
  border-color: rgb(14, 22, 30) !important
}

body.dark-mode .panel-default > .panel-heading {
  border-color: var(--border-dark)
}

/* for tables */
body.dark-mode .table-bordered {
  border-color: var(--border-dark)
}

body.dark-mode .table .table {
  border-color: var(--border-dark);
  background-color: var(--components);
}

body.dark-mode th.header {
  background-color: var(--headers) !important;
}

body.dark-mode .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-color: var(--border-dark)
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--components);
}

.table-striped .table-hover tbody tr:nth-of-type(odd) {
background-color: var(--bg) !important;
}

.table-hover > tbody > tr:hover {
background-color: var(--headers) !important;
}

body.dark-mode td > a:hover {
  background-color: transparent !important;
  color: aliceblue !important;
}

/* pulse menu */
body.dark-mode .navbar-default {
  border-color: var(--border-light) !important;
}

body.dark-mode .sidebar ul li a.active {
  background-color: var(--components) !important;
  font-weight: 600;
}

body.dark-mode .sidebar ul li a.active:hover {
  background-color: var(--headers) !important;
}

body.dark-mode .sidebar ul li {
  border-color: var(--border-light) !important;
}

/* top navbar */

.euiHeader {
  border-bottom: 2px solid var(--border-light) !important;
  box-shadow: none;
}

body.dark-mode .list-group-item {
  background-color: var(--headers) !important;
  border: 1px solid var(--border-dark) !important;
}

body.dark-mode .list-group-item > .list-group > .list-group-item {
  background-color: var(--components) !important;
}

/* rzslider css */
body.dark-mode .ng-table th.sortable.sort-desc, body.dark-mode .ng-table th.sortable.sort-asc {
  text-shadow: none !important;
}

body.dark-mode .ti.comments, body.dark-mode .rule.comments {
  color: darkslategray !important;
}

body.dark-mode .syntaxhighlighter .info {
  background-color: var(--components) !important;
  color: burlywood !important;
}

body.dark-mode .ti.plain, body.dark-mode .dimx.plain, body.dark-mode .cubx.plain, body.dark-mode .rule.plain, body.dark-mode .plain.plain {
  color: lightsteelblue !important;
}

body.dark-mode .ti.string, body-dark-mode .rule.string {
  color: lightcoral !important;
}

/* login page */
html.dark-mode .login-panel {
  background-color: var(--components) !important;
  border-color: var(--border-light) !important;
}

html.dark-mode .form-control {
  background-color: rgb(34, 52, 69) !important;
  color: var(--scrollbar-color) !important;
  border-color: var(--border-light) !important;
}


/* diff */

.diff-content, .diff {
  margin-top: 10px;
  border: 1px solid var(--border-light) !important;
}

body.dark-mode div.diff.add2 {
  color: var(--components) !important;
}

body.dark-mode div.diff.remove2 {
  color: var(--components) !important;
}

body.dark-mode div.diff {
  color: lightsteelblue !important;
}

body.dark-mode .MODIFY {
  color: dodgerblue !important;
}

body.dark-mode .popover {
  background-color: var(--components) !important;
  color: var(--text) !important;
  border-color: var(--components) !important;
}

/* disabled */
body.dark-mode .disabled {
  color: rgb(60, 73, 85) !important;
}

/* gantt table */

body.dark-mode .gantt-header-row {
	border-top: 1px solid var(--border-dark);
}

body.dark-mode .gantt-header-row-last {
	border-bottom: 1px solid var(--border-dark);
}

body.dark-mode .gantt-scrollable {
	border-right: 1px solid var(--border-dark);
	border-left: 1px solid var(--border-dark);
}

body.dark-mode .gantt-scrollable-header {
	border-left: 1px solid var(--border-dark);
	border-right: 1px solid var(--border-dark);
}

body.dark-mode .gantt-header-row .gantt-column-header {
  border-right: 1px solid var(--border-dark);
}


body.dark-mode .gantt-row-even > .gantt-row-background {
	background-color: var(--headers);	
}

body.dark-mode .gantt-side-header-row {
	border-top: 1px solid var(--border-dark);
	border-bottom: 1px solid var(--border-dark);
}

body.dark-mode .gantt-resizer-display {
  background-color: var(--border-dark);
  background-image: linear-gradient(90deg, transparent 50%, rgba(50,50,50, .5) 50%)
}

body.dark-mode .gantt-column {
  border-right: 1px solid var(--border-dark)
}

body.dark-mode .gantt-column-last {
  border-right: none;
}

body.dark-mode .gantt-column-header-last {
  border-right: none !important;
}

body.dark-mode .gantt-timeframe-non-working {
  background-color: darkslategray;
  opacity: 0.1;
}

body.dark-mode .gantt-task-info {
  background-color: var(--components);
}

/* kendo */
/* body.dark-mode  iframe.cke_wysiwyg_frame {
  background-color: var(--components)
} */

body.dark-mode .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default, .k-multiselect.k-header {
  border-color: var(--border-light) !important;
}

body.dark-mode .k-icon {
  filter: invert(1);
}

body.dark-mode .k-numeric-wrap .k-select {
  border: none;
}

body.dark-mode .k-state-default>.k-select {
  background-color: var(--border-light) !important;
}

body.dark-mode .k-input {
  color: var(--scrollbar-color);
  background-color: rgb(34, 52, 69) !important;
}

body.dark-mode .k-header {
  background-color: var(--headers) !important;
}

body.dark-mode .k-content {
  background-color: var(--components) !important;  
}

body.dark-mode .k-nav-today {
  background-color: var(--headers) !important;  
}

body.dark-mode .k-picker-wrap .k-select {
  border: none !important;
}

body.dark-mode .k-group {
  background-color: transparent !important;
}

body.dark-mode .k-calendar .k-link.k-nav-fast {
  color: var(--scrollbar-color) !important;
}

body.dark-mode .k-link {
  border: none !important;
}

body.dark-mode .k-state-selected {
  border: none !important;
}

body.dark-mode .k-calendar .k-link {
  color: var(--scrollbar-color) !important;
}

body.dark-mode .k-calendar th {
  background-color: var(--headers) !important;
  color: var(--scrollbar-color) !important;
}

body.dark-mode .k-state-border-up {
  border: none !important;
}


body.dark-mode .k-dropdown .k-input, .k-selectbox .k-input {
  background-color: var(--headers);
  color: var(--scrollbar-color) !important;
}

body.dark-mode .k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
  background-color: var(--components) !important;
}

body.dark-mode .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
  border-radius: 0px !important;
}

body.dark-mode .k-list {
  background-color: var(--components) !important;
  color: var(--scrollbar-color) !important;
}


body.dark-mode .k-list-filter {
  background-color: var(--components) !important;
  color: var(--scrollbar-color) !important;
}

body.dark-mode .k-list-container {
  background-color: var(--components) !important;
  color: var(--scrollbar-color) !important;
}

body.dark-mode .k-textbox:focus {
  background-color: var(--components) !important;
}

body.dark-mode .k-list-container {
  border: none;
}

body.dark-mode .k-state-selected {
  background-color: var(--components) !important;
  color: var(--scrollbar-color) !important;
}

body.dark-mode ul > .k-state-selected {
  border-color: none !important;
}

body.dark-mode .k-state-hover {
  background-color: var(--headers) !important;
  color: var(--scrollbar-color) !important;
  /* border: 1px solid var(--border-light) !important; */
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

body.dark-mode .k-state-default {
  border: none !important;
}

body.dark-mode .k-state-default.k-state-hover {
  border-color: var(--border-light) !important;
}

body.dark-mode .k-state-focused {
  border: none !important;
}

body.dark-mode input.k-textbox {
  color: var(--scrollbar-color);
}

body.dark-mode .k-list {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) var(--headers)
}

body.dark-mode .k-multiselect-wrap {
  background-color: rgb(34, 52, 69) !important;
  color: var(--scrollbar-color) !important;
}


body.dark-mode .k-widget {
  background-color: transparent !important;
  border: 0px solid;
}

/* cke editor styles */
body.dark-mode .cke_top, .cke_bottom {
  background-image: none !important;
  background-color: var(--headers) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  /* border-bottom: none !important;
  border-top: none !important; */
  border: none !important;
}

body.dark-mode .cke_button {
  background-color: var(--components) !important;
  border: none !important;
}

body.dark-mode .cke_chrome {
    border-color: var(--border-light);
}

body.dark-mode .cke_toolgroup {
  border: 1px solid var(--border-light) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

body.dark-mode .cke_path_item, a.cke_path_item:hover, a.cke_path_item:focus, a.cke_path_item:active {
  text-shadow: none !important;
}

body.dark-mode .cke_button_icon {
  filter: brightness(0) invert(1);
}

body.dark-mode .cke_button_on, a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active {
  background-color: rgb(60, 80, 100) !important;
  background-image: none !important;
}

/* ui-grid */

body.dark-mode .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: var(--components) !important;}

body.dark-mode .ui-grid-row:nth-child(even) .ui-grid-cell {
  border: 1px solid var(--border-light) !important;
  background-color: var(--headers) !important;
  color: var(--text) !important;
}

body.dark-mode .ui-grid-header-cell {
  background-color: var(--headers) !important;
  color: var(--text) !important;
}

body.dark-mode .ui-grid-header {
  border-bottom: 0px solid;
}

body.dark-mode .ui-grid {
  border: 1px solid var(--border-light) !important;
}

body.dark-mode .ui-grid-cell {
  border: 1px solid var(--border-light) !important;
}

body.dark-mode .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: var(--border-light) !important;
}

body.dark-mode .ui-grid-menu .ui-grid-menu-inner {
  border: 1px solid var(--border-light) !important;
}

body.dark-mode .ui-grid-menu .ui-grid-menu-inner {
  background-color: transparent !important;
}

body.dark-mode .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
  background-color: var(--headers) !important;
}

body.dark-mode .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) {
  border-bottom: 1px solid var(--border-light) !important;
}

body.dark-mode .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  background-color: var(--border-light) !important;
}

body.dark-mode .ui-grid-header-viewport {
  background-color: var(--headers) !important;
}

body.dark-mode .ui-grid-menu .ui-grid-menu-inner ul li {
  background-color: var(--components) !important;
}

/* scrollbar-width */
.panel-body-overview {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) var(--headers)
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.panel-body {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--headers);
}

.dark-mode .panel-body {
  scrollbar-color: var(--scrollbar-color);
}


.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.medium {
    font-size: 15px;
}


.large {
    font-size: 20px;
}

.xlarge {
  font-size: 32px;
}


.huge {
    font-size: 40px;
}

.login-panel > .panel-body {
  padding-top: 10px;
}

.panel-body-overview {
  padding-top: 5px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f !important;
    color: #fff;
    background-color: #d9534f !important;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

a.panel-toggle {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.break-word {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#searchOptions label {
	padding: 5px;
}

.vcs-add {
	color: #53BC53;
	padding: 0px !important;
}

.vcs-modify {
	color: #3033FF;
	padding: 0px !important;
}

.vcs-delete {
	color: #E24848;
	padding: 0px !important;
}

.vcs-rename {
	color: #53BC53;
	padding: 0px !important;
}

.vcs-copy {
	color: #53BC53;
	padding: 0px !important;
}

.vcs-add:visited {
	color: #53BC53;
}

.vcs-modify:visited {
	color: #3033FF;
}

.vcs-delete:visited {
	color: #E24848;
}

.vcs-rename:visited {
	color: #53BC53;
}

.vcs-copy:visited {
	color: #53BC53;
}

.ADD {
	color: #53BC53;
	padding: 0px !important;
}

.MODIFY {
	color: #3033FF;
	padding: 0px !important;
}

.DELETE {
	color: #E24848;
	padding: 0px !important;
}

.RENAME {
	color: #53BC53;
	padding: 0px !important;
}

.COPY {
	color: #53BC53;
	padding: 0px !important;
}

.ADD:visited {
	color: #53BC53;
}

.MODIFY:visited  {
	color: #3033FF;
}

.DELETE:visited  {
	color: #E24848;
}

.RENAME:visited  {
	color: #53BC53;
}

.COPY:visited  {
	color: #53BC53;
}

/* age0: age < 2 hours */
.age0 {
	font-style: italic;
	color: #008000;
}

/* age1: 2 hours <= age < 2 days */
.age1 {
	font-style: italic;
	color: #0000ff;
}

/* age2: 2 days < age <= 7 days */
.age2 {
	font-style: italic;
	color: #2b60de;
}

/* age3: 7 days < age <= 30 days */
.age3 {
	color: #800080;
}

/* age4: > 30 days */
.age4 {
}

.fa-chevron-down:before {
    font-size: 10px;
    position: relative;
    bottom: 2px;
}

i.LOADING:before{
	/* background-color: #ff8000; */
	content: "\f093";
    color: #ff8000;
}

i.RUNNING:before {
	/* background-color: green; */
	content: "\f058";
    color: green;
}

i.STOPPING:before{
	/* background-color: #ff7171; */
	content: "\f019";
    color: #d9534f;
}

i.STOPPED:before{
	/* background-color: #ff0000; */
	content: "\f071";
    color: #d9534f;
}

i.CONFIGURE:before{
	color: #695E67;
	content: "\f085";
}

i.UNREACHABLE:before{
	color: #FF5733;
	content: "\f127";
}

i.CONNECTED:before{
	color: green;
	content: "\f0c1";
}

i.DISCONNECTED:before{
	content: "\f127";
	color: #FF5733;
}

i.DISCONNECTED-M:before{
	content: "\f127";
	color: #FF5733;
}

span.LOADING{
	color: #ff8000;
}

span.RUNNING {
	color: green;
}

span.STOPPING{
	color: #ff7171;
}

span.STOPPED{
	color: #FF5733;
}

span.CONFIGURE{
	color: #695E67;
}

span.UNREACHABLE{
	color: #FF5733;
}

.COMPLETE {
	background-color: #dff0d8;
}

body.dark-mode .COMPLETE {
  background-color: lightseagreen !important;
}

.ERROR
{
    background-color: lightcoral;
}

.WARN
{
    background-color: #F4BB44;
}

.INFO
{
	background-color: var(--components);
}

.DEBUG
{

}

.TRACE
{

}

ul.none
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.source
{
	list-style: url('/images/source.png');
}

ul.migration
{
	list-style: url('/images/migration.png');
}

ul.target
{
	list-style: url('/images/target.png');
}
ul.feeder {
	list-style: url('/images/feederexp.png');
}
ul.instance
{
	list-style: url('/images/instance.png');
}
ul.validation
{
	list-style: url('/images/issue.png');
}
ul.validationHint
{
	list-style: url('/images/issue.png');
}


div.diff {
	font-family: monospace;
	overflow: auto;
}

div.diff.header {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EDECE6;
    border-color: #D9D8D1;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    margin-top: 10px;
    padding: 4px 0 2px;
}

div.diff.extended_header {
	background-color: #F6F5EE;
    padding: 2px 0;
    font-family: inherit;
}

div.diff table {
	border: 1px solid var(--border-light);
  border-radius: 0;
	/* border-right: 1px solid var(--border-light);
	border-bottom: 1px solid var(--border-light); */
	width: 100%;

}

span.diff.add {
	color: #008800;
	font-family: inherit;
}

span.diff.remove {
	color: #FFDDDD;
	font-family: inherit;
}

span.diff.unchanged {
	color: inherit;
	font-family: inherit;
}

div.diff.hunk_header {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFE0FF;
    border-style: dotted;
    border-width: 1px 0 0;
    margin-top: 2px;
    font-family: inherit;
}

span.diff.hunk_info {
	background-color: #FFEEFF;
	color: #990099;
	font-family: inherit;
}

span.diff.hunk_section {
	color: #AA22AA;
	font-family: inherit;
}

div.diff.add2 {
	background-color: #DDFFDD;
    font-family: inherit;
}

div.diff.remove2 {
	background-color: #FFDDDD;
    font-family: inherit;
}

div.diffHeader {
	display: none;
}

div.diff table th, div.diff table td {
	margin: 0px;
	padding: 0px;
	font-family: monospace;
	border: 0;
}

div.diff table th {
	background-color: var(--bg);
	text-align: center;
	color: #999;
	padding-left: 5px;
	padding-right: 5px;
	width: 30px;
}

div.diff table th.header {
	background-color: #D2C3AF;
	border-right: 0px;
	border-bottom: 1px solid #808080;
	font-family: inherit;
	font-size:0.9em;
	color: black;
	padding: 2px;
	text-align: left;
}

div.diff table td.hunk_header {
	background-color: var(--headers) !important;
	border-top: 1px solid var(--border-light);
	border-bottom: 1px solid var(--border-light);
	color: var(--text);
}

div.diff table td {
	border-left: 1px solid var(--border-light);
	background-color: var(--bg);
}


i.DIR:before {
  content: "\f07b";
}
i.CUBX:before {
  content: "\f1b2";
}
i.DIMX:before {
  content: "\f036";
}
i.DIMD:before {
  content: "\f036";
}
i.PRO:before {
  content: "\f085";
}
i.CHO:before {
  content: "\f017";
}
i.RUX:before {
  content: "\f1ec";
}
i.VUE:before {
  content: "\f0ce";
}
i.SUB:before {
  content: "\f022";
}

mark, .mark {
  padding: 0 !important;
  background-color: #bbffbb;
}

div.wizard {

}

.wz-button {
	min-width: 150px;
}

ol.wizard > li {
	padding: 5px 20px;
}

ol.wizard > div > li {
	padding: 5px 20px;
}

div.wizard td {
	padding-top: 10px;
}

.clickable {
	cursor: pointer;
}

.hoverable {
	cursor: help;
}

.btn-header {
	padding: 0px 12px !important;
}

.drag-reject {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

.drag-accept {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.severity-1 {
	background-color: #FFFDE5;
}

.severity-2 {
	background-color: #FFF47F;
}

.severity-3 {
	background-color: #FFEDD1;
}

.severity-4 {
	background-color: #FFC39B;
}

.severity-5 {
	background-color: #FF7F7F;
}

#left-sidebar {
	right: 0;
  	bottom: 0;
  	left: 0;
  	padding: 5px 10px;
  	margin: 0 0 0 0;
  	list-style: none;
  	float: left;
  	width: 300px;
}

#main-content {
	margin-left: 300px;
	border-left: solid 1px #DDDDDD;
}

.Server:before {
  content: "\f1b3";
}

.Application:before {
	content: "\f02d";
}

.Excel:before {
  content: "\f1c3";
}

.Word:before {
  content: "\f1c2";
}

.PDF:before {
  content: "\f1c1";
}

.Other:before {
  content: "\f016";
}

.Dimension:before {
	content: "\f036";
}

.Subset:before {
	content: "\f03c";
}

.Cube:before {
	content: "\f1b2";
}

.Feeder:before {
	content: "\f1b2";
}

.View:before {
	content: "\f1b2";
}

.Rule:before {
	content: "\f1ec";
}
.Process:before {
	content: "\f085";
}

.Chore:before {
	content: "\f017";
}

.Name:before {
	content: "\f0cc";
}

.borderless td, .borderless th {
    border: none !important;
}

.bold {
    font-weight: bold;
}

.bg-warning {
	color: #fff !important;
	background-color: #f0ad4e !important;
}

.bg-danger {
	color: #fff !important;
	background-color: #d9534f !important;
}

.bg-info {
  background-color: lightskyblue !important;
}

.icon-warning {
    color: #ffcc00
}

.icon-danger {
    color: #d9534f
}

.icon-success {
    color: green
}

.fa-stack.small {
  font-size: 0.5em;
  vertical-align: middle;
}

.bar-success {
    background-color: green
}

.pulse-filter {
  margin-bottom: 15px;
  margin-top: 5px;
}

.pulse-filter > .form-control {
  height: 60%;
}

.pulse-stats > .panel-heading {
  min-height: 76px;
}

.panel-heading-overview {
  padding: 7px 15px;
}

.panel-heading-overview-icons {
  margin-top: 5px;
}

.icon-stats-main {
  font-size: 1.5rem
}

.icon-stats-secondary {
  font-size: 1rem;
  vertical-align: top;
}

.pulse-stats > .panel-heading > .row > .col-xs-3{
  min-height: 30px;
}

.pulse-stats-overview {
    margin: 5px 0px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent !important;
}

.pulse-indent{
    margin-left: 10px;
}

.pulse-indent-left-and-bottom{
    margin-left: 5px;
    margin-bottom: 5px;
}

.pulse-indent-info{
    margin-left: 10px;
    margin-right: 10px;
}

.pulse-brand {
  height: 60px;
  width: 140px;
  margin-left: 10px;
  margin-right: 43px;
}

a.disabled {
  pointer-events: none;
  color: gray;
}

ul.dropdown-enhanced {
  max-height: 40em;
  overflow: auto;
  overflow-x: hidden;
}

ul.dropdown-features {
    max-height: 20em;
    min-width: 220px;
}

ul.dropdown-servers {
    min-width: 200px;
    width: max-content;
}

ul.dropdown-services {
    min-width: 200px;
    width: max-content;
}

.alert-button {
  min-width: 100px;
}

.help-content {
  max-height: 400px;
  overflow-y: auto;
}

.help-dialog {
  max-height: 95vh;
  overflow-y: auto;
  z-index: 2000;
}

.help-dialog .modal-dialog{
  width: 90%;
}

.brand-color {
  color: #5EA7DC;
}

.pulse-vertical-divider {
  border-left: solid 1px #DDDDDD;
}

/**
  Documentation-related styles (START)
*/
img[alt~="md-image-100"] {
  width: 100%;
}

div[role~="tabpanel"] {
  padding-top: 10px;
}

.login-logo {
    height: 100px;
    width: 100%;
}

.login-logo-basic {
    height: 100px;
    width: 80%;
    padding-bottom: 20px;
}

/**
  Documentation-related styles (END)
*/