.k-grid td {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.k-grouping-header {
  font-size: 0.8rem;
}

.k-grouping-header-flex > .k-indicator-container {
  padding: 0.2rem 0 !important;
}

.k-grid-pager{
  height: 2.5vh;
}

.k-pager-info {
  display: flex !important;
}

.k-split-button>.k-button:last-child, .k-split-button>.k-split-button-arrow{
  height: auto;
}
.k-combobox-clearable {
  height: 33px;
}

.pools .k-multiselect-wrap
{
  overflow: auto;
  max-height: 3rem;
}

.k-button-icon{
  &:hover {
    background-color: transparent !important;
  }
}

/******************************  Kendo grid overrides **********************************/
.k-autocomplete, .k-combobox, .k-dateinput,
.k-datepicker, .k-datetimepicker,
.k-dropdown, .k-dropdowntree,
.k-multiselect, .k-numerictextbox, .k-maskedtextbox, .k-timepicker, .k-dropdowntree{
  font-size: 0.8rem !important;
  word-break: break-all !important;
}

.k-textbox-container{
  padding-top: 0px;
}

.k-textbox-container > .k-textbox, .k-textbox-container > .k-textarea, .k-textbox-container > .k-widget {
  font-size: 0.8rem !important;
}

.k-textbox {
  font-size: 0.8rem;
  transition: none !important;
}
.k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown, .k-pager-sizes .k-dropdownlist, .k-pager-sizes > select{
  width:10rem;
}
.k-list-item{
  overflow:hidden;
  white-space: nowrap;
}
.k-list-md .k-list-item, .k-list-md .k-list-optionlabel{
  overflow:hidden;
  white-space: nowrap;
}

.k-panelbar>.k-item>.k-link {
  background-color: #B6C2CF;
}
.k-panelbar-collapse .k-panelbar-expand{
  padding-right: 2rem;
  margin-inline-start: auto;
}
.k-panelbar-c .k-panelbar-e{
  padding-right: 2rem;
  margin-inline-start: auto;
}
kendo-icon-wrapper[ng-reflect-inner-css-class="k-panelbar-toggle k-panelbar-c"] {
  padding-right: 2rem;
  margin-inline-start: auto;
}
kendo-icon-wrapper[ng-reflect-inner-css-class="k-panelbar-toggle k-panelbar-e"] {
  padding-right: 2rem;
  margin-inline-start: auto;
}
.k-pager-sizes .k-dropdown, .k-pager-sizes .k-dropdowntree, .k-pager-sizes > select {
  width: 9rem !important;
}
.k-panelbar>.k-panelbar-item>.k-link.k-selected{
  background-color: transparent;
    color: #569CD6;
    border-color: black;
    &:hover {
      background-color: #2d2d30;
  }
    border-bottom: 1px solid black;
}
.k-panelbar>.k-panelbar-item>.k-link.k-selected {
  box-shadow: inset 0 0 0 1px #dae0e5;
}
.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link{
  padding: 0.2rem !important;
  padding-left: 5px !important;
  color: #B6C2CF;
  font-weight: 400 !important;
  background-color: #2d2d30  !important;
  border-bottom: 1px solid black;
}

.k-grid td {
  padding: 0.2rem !important;
  border:0px !important;
 font-size: 0.8rem !important;

}
.k-grid .k-hierarchy-cell > .k-icon {
  padding: 0 !important;
}
.k-searchbox > kendo-icon-wrapper[name="search"] {
  width: calc(16px + 0.75rem);
  height: calc(16px + 0.75rem);
}
.k-grid-toolbar
{
padding: 0px!important;
}
.k-detail-row{
  box-shadow: 1px 1px 2px grey;
}
.k-grid th {
  line-height: 1.2em;
  border: 0 !important;
  font-weight: 600;
}

.k-menu {
  background: transparent !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused{
  box-shadow: none!important;
}
.k-menu .k-item{
  width: 25px;
}

.k-menu-expand-arrow{
  display: none;
}

.k-item .k-menu-item{
  height: 100%;
}

.k-popup .k-item{
  font-size:0.8rem;
  min-height:20px;
  min-width:120px;
}

.tile{
  border: 1px solid #2d2d30;
}

.app-es-select{
  color: black;
}

.k-chart-tooltip {
  box-shadow: 0 4px 8px 5px rgba(0, 0, 0, 0.1)!important;
}

.k-menu.k-menu-horizontal:not(.k-context-menu)
{
  padding: 0px !important;
}

.k-picker{
  background-color: #2d2d30 !important;
  height:2.2rem;
}

.k-chip-text, .k-chip-label{
  font-size:0.8rem;
}

.k-dateinput-wrap .k-input, .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
  background-color: #2d2d30 !important;
}

.k-input{
  border-bottom: 1px solid black !important;
}
.k-checkbox-label:empty {
  display: block !important;
}

/******************************* tabstrip Override**********************************/
.k-tabstrip  {
  font-size: 1rem;
  border:0px solid black !important;

}
.k-tabstrip-items .k-item {
  color:  #B6C2CF;
}
.k-tabstrip-items{
  background-color: #2d2d30;
  border-bottom: 1px solid black;
}
.k-tabstrip-items .k-item {
  font-size: 1rem;
}
.k-tabstrip-items .k-link {
  padding: 0rem 1rem;
}
.k-tabstrip-items .k-item:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0;
  height: 1px;
  margin-left: 0.6em;
  background-color: #2d2d30;
  content: "";
  transition: width 0.4s;
}
.k-tabstrip-items .k-item:hover {
  color: #569CD6;

}
.k-draghandle{
  overflow: hidden;
  text-indent: -3333px;
}
.k-checkbox-label:empty {
  display: block !important;
}
.k-tabstrip-items .k-item:hover:after {
  width: 90%;
}
.k-tabstrip-items .k-item:active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px  #B6C2CF;
}
.k-tabstrip-top > .k-tabstrip-items{
  overflow: hidden !important;
}
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px black;

}


.k-window-titlebar {
  padding: 0px;
  padding-left: 1rem;
  color: #B6C2CF;
  background-color: #2d2d30;
}
.k-window-title{
  font-size: 1rem;
}
.k-dialog-buttongroup {
  padding: 0rem 0rem;
  justify-content: flex-end;
  max-height: 2.7em;
}

.k-multiselect-wrap .k-button:last-child {
  margin-bottom: 2px !important;
}
.k-multiselect-wrap .k-button+.k-button {
  margin: 0.25rem !important;
}
.k-tabstrip-top>.k-tabstrip-items {
  border-bottom-width: 1px;
  max-width: 120rem;
  overflow-y: auto;
}

/********************************** notification ******************************/
.k-notification-group {
  top:5% !important;
  right: 2% !important;
}

.k-notification {
  display: flex;
  flex-flow: row nowrap;
}

.k-notification-status {
  margin-top: -1px;
  margin-right: 0.5rem;
  flex: none;
}
.k-notification-content{
  word-wrap: break-word !important;
  flex: 1 1 auto;
}
/***************************************************************************/

.k-form, .k-form-inline {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem 0 0 0;
}

.k-switch{
  font-size: 0.5rem !important;
}

.k-switch-on .k-switch-container{
  background-color: #2ecc71 !important;
}

.k-grid tr.dirty {
  background-color: #fdf98a !important;
  color:black !important;
}

tr.k-state-selected.dirty > td {
  background-color: #8B8000 !important
}

.k-grid tr.error{
  background-color: #F6465D !important;
}

.k-grid tr.warning{
  background-color: #fdf98a !important;
  color:black !important;
}

.k-grid tr.system-status{
  background-color: #42fcf0 !important;
  color:black;
}

.k-grid tr.test-started{
  background-color: #00C087 !important;
  color:black;
}

.k-grid tr.focused-error{
  position: relative;
  box-shadow: 0 0 3px 3px #00C087;
}

.k-grid tr.selected{
  font-weight:bold;
}


.k-cell-inner .k-grid-filter, .k-cell-inner .k-header-column-menu {
  position: absolute !important
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
  padding-top: 0.8em !important;
}

.k-tabstrip-items .k-item {
  color: rgb(33, 37, 41);
}

.k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-state-selected {
  border-color: black;
  border-top-color: rgb(222, 226, 230);
  border-right-color: rgb(222, 226, 230);
  border-bottom-color: rgb(222, 226, 230);
  border-left-color: rgb(222, 226, 230);
  color: #B6C2CF;
  background-color: #2d2d30;
}

.k-window-actions {
  margin: 0;
}

.k-spin-button>button {
  height: 0.5rem;
}

kendo-icon-wrapper[ng-reflect-inner-css-class="k-panelbar-toggle k-panelbar-c"] {
  padding-right: 0;
}



kendo-icon-wrapper[ng-reflect-inner-css-class="k-panelbar-toggle k-panelbar-e"] {
  padding-right: 0;
}

.toggle-button-right.k-button.k-toggle-button.k-state-selected {
  background-color: #569CD6;
}
.k-link.k-header.k-state-selected {
  color: #000 !important;
}
.k-grouping-header{
  padding: 0px;
  display: flex;
}

.metaDataIconColor {
  background-color: #2d2d30;
}
.metadata_container {
  border-bottom: solid 1px black;
  border-top: solid 1px black;
}

.title_text {
  color: #B6C2CF;
}

.label-link {
  cursor: pointer !important;
  color: #569CD6 !important;
  margin-bottom: 0px !important;
  text-decoration: underline !important;
}

.lb-underline {
  position: relative;
  color:#B6C2CF;
  cursor:pointer;
  font-weight: 400;
  &:after{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 1px;
    margin-left: 0.6em;
    background-color: #569CD6;
    content: "";
    transition: width 0.4s;
  }
  &:hover{
    color: #569CD6;
  }
  &:hover:after{
    width: 90%;
  }
}



.dropdown-toggle{
  box-shadow: none;
  padding-top: 0.388rem;
  background-color: #232326 !important;
  color: #B6C2CF;
  padding-right: 0.2em;
  border:0px;

  &:after {
    border: none;
  }

  &:hover {
    box-shadow: inset 0 0 0 5px #2d2d30  !important;
    background-color:  #232326;  !important;
    color: #B6C2CF;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
  }
}

.dropdown-menu{
  opacity: 1;
  visibility: visible;
  background-color: #2d2d30!important;
  top:47px;

}

.lb-underline{
  color:#B6C2CF;
}

.label-container{
  font-size: 0.8rem;
  margin-top:0.4em;
  line-height: 1rem;

  .stretch-label{
    width:100%;
    cursor: pointer;
    font-size: 0.7rem;
    margin-bottom: 0px !important;

  }
  .label-title {
    font-weight: 600;

  }
  .label-link {
    color: #B6C2CF;
    text-decoration: underline;
  }
  .label-title-blue {
    color: #B6C2CF;
    font-size: 0.8rem;
    margin-bottom: 0px !important;
  }
}


.mini_title {
  border-bottom: 1px solid #232326;
}
.navbar_background{
  background-color:  #232326;
  color: #B6C2CF;
}

.bolt-messagecard {
  background-color: #E2C94C !important;
}


.disableDefaultFlowColor {
  background-color:  #232326; !important;
}

.stageitemColor{
  color:white !important;
}
.secondary_section_colors{
  background-color: #2d2d30 !important;
  color:#f4f8fa !important;
}

.bolt-messagecard{
  color:black;
}
.form-control{
  background-color: #2d2d30 !important;
  color:#B6C2CF !important;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: #2d2d30 !important;
  color:#B6C2CF !important;
}

.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional {
  color:#B6C2CF !important;
}

.mat-mdc-dialog-container{
  margin:2rem;

  color:  #B6C2CF !important;
}

.mat-drawer-container{
  background-color:  #232326 !important;
  color:  #B6C2CF!important;
}

.mat-mdc-dialog-surface{
  background-color:  #232326 !important;
}

.search-container{
  background-color:  #232326;
}

.search-widget-header{
  background-color: #2d2d30 !important;
}

.rect{
  color:black;
}

.angular-selectize-input items selected{
  color: #B6C2CF !important;
}
.dialog-subtitle{
  color: #B6C2CF !important;
}

.icon_container {
  color: #569CD6 !important;
}

#latestTestTable table tr {
  border-bottom: 1px dashed #3e3e42;
}
#latestTestTable table tr td {
  font-weight: 400;
}


#linedTable table tr {
  border-bottom: 1px dashed #3e3e42 !important;
}
#linedTable table tr td {
  font-weight: 400;
}


#info table tr {
  border-bottom: 1px dashed #3e3e42; !important;
}
#info table tr td {
  font-weight: 400;
}

.system-role {
  color: #00C087 !important;
}

.title {
  color: #B6C2CF !important;
  padding-top: 3%;
  font-family: 'intel-clear-headline';
}

a {
  color:#569CD6 ;
}

.btn-link{
  color:#569CD6 ;
}
.recentlyBoxContainer{
  border-right: 1px solid #B6C2CF;
}

.title_text {
  font-weight: 400;
}
.field-header-text{
  color:#B6C2CF;
}
.angular-selectize-item-container{
  color:#B6C2CF !important;
}
.angular-selectize-item {
  color:#B6C2CF !important;
}
.draggable-box {
  border-bottom: solid 1px #3e3e42 !important;
}
.draggable-box-index {
  border-right: solid 1px #3e3e42;
  text-align: center;
}

.dashLine {
  border-bottom: 1px dashed #3e3e42 !important;
}

.k-tabstrip-items .k-item {
  color: #B6C2CF !important;
}

.dashLine {
  border-bottom: 1px dashed #3e3e42 !important;
}

.k-tabstrip-items .k-item {
  color: #B6C2CF !important;
}
.expand-header{
  border: solid 1px #2d2d30  !important;
}
.field-input{
  color: #B6C2CF !important;
}
.icon-blue-color {
  color : #569CD6 !important;
  padding-left: 1.2rem;
}

.mat-chip-list-wrapper .mat-standard-chip, .mat-chip-list-wrapper input.mat-input-element {
  margin: 3px !important;
  background-color: #0071c5 !important;
  color:#B6C2CF !important;
  font-size:0.8rem;
}

.progress {
  height: 1.3rem;
  background-color: #2d2d30;
  width: 100% !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item{
  border-right: 2px solid #3e3342;
  font-size: 0.9rem;
}
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
  border-bottom: 2px solid #569CD6 ;
  font-weight: 500;
  font-size: 0.9rem;
  background: #3e3342!important;
  color:#569CD6  !important;
  border-right: 1px solid #3e3342;
}



.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item{
  height: 3.48rem;
  border-top: 1px solid #3e3342;
  border-bottom: 1px solid #3e3342;

  font-size: 0.9rem;
  font-weight: 500;
}
.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
  height: 3.48rem;
  border-left: 2px solid #569CD6  !important;
  color:#569CD6  !important;
  box-shadow: none!important;
  font-weight: 500;
  font-size: 0.9rem;
  background: #3e3342 !important;
}

.k-tabstrip-content {
  overflow: visible;
}



.k-toolbar-button{
  height: 26px !important;
  padding: 0.25rem 0.4rem !important;
  font-size: 0.875rem !important;
  line-height: 0.5 !important;
  border-radius: 0.2rem !important;
}

.parentMenuItem{
  line-height: 18px;
  color: #B6C2CF !important;

  font-weight: 500;
  font-size: 0.9rem;
  border: none;
  border-bottom: 1px solid rgba(0,174,239,.3);
  text-transform: uppercase;
  list-style: none;
}

.mat-chip-list-wrapper input.mat-input-element{
  margin: 3px !important;
  background-color: #3e3342 !important;
  color:  #0066cc!important;
  font-size:0.8rem;
}

.mat-mdc-dialog-surface{
  padding:1rem !important;
}

.mat-mdc-slide-toggle .mat-internal-form-field {
  color: #B6C2CF !important;
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
  color: #B6C2CF !important;
}
.mdc-label{
  color:#B6C2CF !important;
}

.geni-icon {
  background-color: lightgrey !important;
}