.list-group-item {
  position: relative;
  display: block;
  padding: 15px 20px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.touch-table tr {
  line-height: 55px;
  min-height: 55px;
  height: 55px;
}
.blocked-true {
  background-color: #ffdcdc;
}
.list-group-item.blocked-true:hover {
  background-color: #fcc;
}
.vcentered {
  height: 60px;
  display: table;
}
.vcentered p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size:1.2em;
}
.just-padding {padding: 15px;}
.list-group.list-group-root {padding: 0; overflow: hidden;}
.list-group.list-group-root .list-group {margin-bottom: 0;}
.list-group.list-group-root .list-group-item {border-radius: 0; border-width: 1px 0 0 0;}
.list-group.list-group-root > .list-group-item:first-child {border-top-width: 0;}
.list-group.list-group-root > .family > .list-group > .subfamily > .list-group-item {
  padding-left: 45px;
  background-color: #F0F0F0
}
.list-group.list-group-root > .family > .list-group > .subfamily > .list-group > .list-group-item {
  padding-left: 80px;
  background-color: #D0D0D0
}
.list-group-item .glyphicon {
  margin-right: 5px;
}
.input-group-addon {
  border: 0px;
  padding: 0px;
}
.container {
  padding-left: 5px;
  padding-right: 5px;
}
.gallery:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.gallery a img {
   list-style: none;
   padding: 0;
   float: left;
   margin: 1px;
   display: block;
 }
 .center-cropped {
   object-fit: cover;
   object-position: center;
   height: 98px;
   width: 98px;
   border-radius: 8px;
 }
 @media (min-width: 680px) {
   .center-cropped {
     height: 150px;
     width: 150px;
     border-radius: 8px;
   }
 }
 @media (max-width: 375px) {
   .center-cropped {
     height: 86px;
     width: 86px;
     border-radius: 8px;
   }
 }
 .label-as-badge {
   float: right;
   border-radius: 1em;
 }
 .mark,mark {
   background-color: #fff80f;
 }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.mt-1 {
    margin-top: 1rem;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.mb-1 {
    margin-bottom: 1rem;
}

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 100;
  min-width: 50%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
  width: 100;
}

iframe {
  width: 1px;
  min-width: 100%;
  border: 0;
}

.processtyletodo {
  filter: drop-shadow(5px 5px 2px #888);
}
.processtyledone {
  filter: drop-shadow(5px 5px 2px #888);
}
.flowstyle {
  filter: drop-shadow(5px 5px 2px #888);
}
.label {
  font-size: 90%;
  font-weight: 100;
}
.label foreignObject {
    overflow: visible;
}
.cluster rect {
  fill: #268ecc10 !important;
  stroke: #01050660 !important;
  stroke-width: 2px !important;
}
.highlight {
  animation: highlight 1500ms ease-out;
}
@keyframes highlight {
  from {
    background-color: green;
  }
}
.bon-detail {
  background: #eee;
  padding-left: 10px;
  padding-right: 10px;
}