/* modal-box */
@media (min-width: 768px) {
  .modal-dialog, .modal-dialog.modal-lg {
    width: fit-content;
    margin: 30px auto;
  }
}

.modal-header {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.panel-heading {
  padding: 5px 12px;
}

/* position of uom behind field */
.input-group-sm > .symbol {
  padding-top: 5px !important;
}
.input-group-sm > .input-group-addon {
  padding: 0 5px;
  display: inline-flex;
}

/* icon inside of inputbox*/
.input-sm .icon-input,
.input-group-sm .icon-input {
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.form .form-item {
  padding: 1px;
}

/* height of input fields*/
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 26px;
  line-height: 1.0;
}

/* table-row-colors */
.table > thead > tr > td.success > div > span > div > a,
.table > tbody > tr.success > td > div > span > div > a {
  color: #1c5d60;
}
.table > thead > tr > td.success:hover > div > span > div > a,
.table > tbody > tr.success:hover > td > div > span > div > a {
  color: #ffff89;
}
.table > thead > tr > td.danger > div > span > div > a,
.table > tbody > tr.danger > td > div > span > div > a {
  color: #1c5d60;
}
.table > thead > tr > td.danger:hover > div > span > div > a,
.table > tbody > tr.danger:hover > td > div > span > div > a {
  color: #ffff89;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #b3e89e;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #479d25;
  color: white;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fdfb85;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #f5f104;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2c2c2;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #c62a2a;
  color: white;
}

/* nav-tabs */
.form .nav-tabs {
  margin-bottom: 10px;
}
.nav-tabs > li {
  border-top-color: #ccc;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #ccc;
  border-right-style: solid;
  border-right-width: 1px;
  border-left-color: #ccc;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-right-radius: 3pt;
  border-top-left-radius: 3pt;
  background-color: #eee;
}
.nav-tabs > li.active {
  background-color: #fff;
}
.nav-tabs > li > a {
  padding: 6px 8px 6px 8px;
}

/* board - grid, equal column with */
.board .form-container {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
}

/* group */
.form-group {
  margin-bottom: 15px;
  background-color: #f4f3f3;
}
.form fieldset.form-group_ > legend {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
  background-color: #cecece;
  padding-left: 10px;
  padding-top: 3px;
}
/* separator */
.form .form-separator label {
  margin-top: 10px;
  font-weight: bold;
  color: darkblue;
}
.form .form-separator hr {
  margin-top: 0;
  margin-bottom: 5px;
  background-color: darkblue;
  height: 1pt;
}
/* input-field */
html[theme="default"] textarea[disabled],
html[theme="default"] textarea.form-control[disabled],
html[theme="default"] input.form-control[disabled],
html[theme="default"] input[type=text][disabled],
html[theme="default"] input[type=password][disabled],
html[theme="default"] input[type=email][disabled],
html[theme="default"] input[type=number][disabled],
html[theme="default"] [type=text].form-control[disabled],
html[theme="default"] [type=password].form-control[disabled],
html[theme="default"] [type=email].form-control[disabled],
html[theme="default"] [type=tel].form-control[disabled],
html[theme="default"] [contenteditable].form-control[disabled],
html[theme="default"] textarea[readonly],
html[theme="default"] textarea.form-control[readonly],
html[theme="default"] input.form-control[readonly],
html[theme="default"] input[type=text][readonly],
html[theme="default"] input[type=password][readonly],
html[theme="default"] input[type=email][readonly],
html[theme="default"] input[type=number][readonly],
html[theme="default"] [type=text].form-control[readonly],
html[theme="default"] [type=password].form-control[readonly],
html[theme="default"] [type=email].form-control[readonly],
html[theme="default"] [type=tel].form-control[readonly],
html[theme="default"] [contenteditable].form-control[readonly] {
  background-color: #f2f2f2;
}
/* menu-tree */
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 1px;
}