input[readonly] {
  background-color: #f2f2f2;
  color: var(--ut-component-text-muted-color);
}

.breadcrumb {
  background-color: #3e4350;
  /* var(--breadcrumb-bg-color) */
}
.t-Breadcrumb-label {
  color: #eeeeee;
}

.t-Breadcrumb-item.is-active {
  color: #c0bbb7;
}

.t-Breadcrumb-item:after {
  content: none !important;
}

#pb-new {
  /* font-weight: 600; */
  /* background: linear-gradient(to bottom, #66ccff 0%, #ffffff 100%); */
  /* font-size: medium; */
  color: #eeeeee;
  /* border-radius: 3px; */
  border: 1px solid #eeeeee;
  background: none;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

#pb-new:hover {
  /* color: #00b5f4; */
  /* font-size: 15px; */
  /* border-color: #00b5f4;  */
  border-color: #50a2ff;
  color: #50a2ff;
}
#pb-new:active {
  box-shadow: 1px 1px 3px #50a2ff;
  outline: none !important;
}
#pb-new:focus {
  box-shadow: 1px 1px 3px #50a2ff;
  outline: none !important;
}

/* #pb-new:focus{
    box-shadow: 0 0 0 2px #99caff;
    outline: none!important;
} */

#pb-save {
  /* font-weight: 600; */
  /* background: linear-gradient(to bottom, #66ccff 0%, #ffffff 100%); */
  /* font-size: medium; */
  color: #eeeeee;
  /* border-radius: 3px; */
  border: 1px solid #eeeeee;
  background: none;
}

#pb-save:hover {
  /* color: #1e7e34;
    border-color: #1e7e34; */
  color: #35eb9a;
  border-color: #35eb9a;
  /* font-size: 15px; */
}
#pb-save:active {
  box-shadow: 1px 1px 3px #35eb9a;
  outline: none !important;
}
#pb-save:focus {
  box-shadow: 1px 1px 3px #35eb9a;
  outline: none !important;
}

/* #pb-save:focus{
    box-shadow: 0 0 0 2px #4caf50;
    outline: none!important;
} */

#pb-update {
  /* font-weight: 600; */
  /* background: linear-gradient(to bottom, #66ccff 0%, #ffffff 100%); */
  /* font-size: medium; */
  color: #eeeeee;
  /* border-radius: 3px; */
  border: 1px solid #eeeeee;
  background: none;
}

#pb-update:hover {
  /* color: #1e7e34;
    border-color: #1e7e34; */
  color: #35eb9a;
  border-color: #35eb9a;
  /* font-size: 15px; */
}
#pb-update:active {
  box-shadow: 1px 1px 3px #35eb9a;
  outline: none !important;
}
#pb-update:focus {
  box-shadow: 1px 1px 3px #35eb9a;
  outline: none !important;
}

/* #pb-update:focus{
    box-shadow: 0 0 0 2px #4caf50;
    outline: none!important;
} */

#pb-reset {
  /* font-weight: 600; */
  /* background: linear-gradient(to bottom, #66ccff 0%, #ffffff 100%); */
  /* font-size: medium; */
  color: #eeeeee;
  /* border-radius: 3px; */
  border: 1px solid #eeeeee;
  background: none;
}

#pb-reset:hover {
  /* color: #c71585;
    border-color: #c71585; */
  color: #ffff17;
  border-color: #ffff17;
  /* font-size: 15px; */
}
#pb-reset:active {
  box-shadow: 1px 1px 3px #ffff17;
  outline: none !important;
}
#pb-reset:focus {
  box-shadow: 1px 1px 3px #ffff17;
  outline: none !important;
}

/* #pb-reset:focus{
    box-shadow: 0 0 0 2px #ffc107;
    outline: none!important;
} */

#pb-delete {
  /* font-weight: 600; */
  /* background: linear-gradient(to bottom, #66ccff 0%, #ffffff 100%); */
  /* font-size: medium; */
  color: #eeeeee;
  /* border-radius: 3px; */
  border: 1px solid #eeeeee;
  background: none;
}

#pb-delete:hover {
  /* color: #bd2130;
    border-color: #bd2130; */
  color: #fd1d7c;
  border-color: #fd1d7c;
  /* font-size: 15px; */
}
#pb-delete:active {
  box-shadow: 1px 1px 3px #fd1d7c;
  outline: none !important;
}
#pb-delete:focus {
  box-shadow: 1px 1px 3px #fd1d7c;
  outline: none !important;
}

#pb-exit {
  /* font-weight: 600; */
  /* background: linear-gradient(to bottom, #66ccff 0%, #ffffff 100%); */
  /* font-size: medium; */
  color: #eeeeee;
  /* border-radius: 3px; */
  border: 1px solid #eeeeee;
  background: none;
}

#pb-exit:hover {
  /* color: #bd2130;
    border-color: #bd2130; */
  color: #fd1d7c;
  border-color: #fd1d7c;
  /* font-size: 15px; */
}
#pb-exit:active {
  box-shadow: 1px 1px 3px #fd1d7c;
  outline: none !important;
}
#pb-exit:focus {
  box-shadow: 1px 1px 3px #fd1d7c;
  outline: none !important;
}

/* #pb-preview {
  color: #eeeeee;
  border: 1px solid #eeeeee;
  background: none;
} */

/* #pb-preview:hover {
  color: #82ece0;
  border-color: #82ece0;
}
#pb-preview:active {
  box-shadow: 1px 1px 3px #82ece0;
  outline: none !important;
}
#pb-preview:focus {
  box-shadow: 1px 1px 3px #82ece0;
  outline: none !important;
} */

/* #pb-delete:focus{
    box-shadow: 0 0 0 2px #d9534f;
    outline: none!important;
} */

/* #pb-new:after, #pb-save:after, #pb-update:after, #pb-reset:after {
    content: '|';
    padding-left: 4px;
    color: #c0bbb7!important
} */

/* #pb-new, #pb-save, #pb-update, #pb-reset {
    padding-right: 0;
} */

#pb-new:hover,
#pb-save:hover,
#pb-update:hover,
#pb-reset:hover,
#pb-delete:hover {
  text-decoration: none;
}

.pb-com{
    color: #fff;
    background-color: #888;
    /* box-sizing:border-box;
    float:none; */
    /* line-height:19.5px; */
    /* z-index:auto; */
    /* height: 24px; */
} 


.t-Region-body {
  padding: 0.25rem;
}


/* add row button color */

button.a-Button.a-Toolbar-item[data-action="selection-add-row"] {
    background-color: #50a2ff;
    color: white;

}
/* save button color */
button.a-Button.a-Toolbar-item[data-action="save"] {
    background-color: var(--ut-palette-success);
    color: var(--ut-palette-success-contrast);
}