/* modal-box */
@media (min-width: 768px) {
  .modal-dialog {
  width: fit-content;
  margin: 30px auto;
  }
  .modal-header {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
  }
  }
  .panel-heading {
  padding: 5px 12px;
  }

  /* .content-box { */
  /*  overflow-y: unset; */
  /* } */

  /* table */
  .form table.form-container > tbody > tr > td {
    padding: 0px;
  }

  /* size of number-boxes and its symbol */
  .form table.form-container > tbody > tr > td.form-float > div.form-float > div.input-group {
    width: 21ch !important;
  }
  .form table.form-container > tbody > tr > td.form-float > div.form-float > div.input-group > input.input-sm {
    width: 18ch !important;
  }

  /* 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;
}
/* icon inside of inputbox*/
.input-sm .icon-input,
.input-group-sm .icon-input {
  width: 26px;
  height: 26px;
  line-height: 26px;
}

/* 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-bar button */
.navbar-btn {
    margin-top: 4px;
    margin-bottom: 4px;
}
.navbar-text {
    margin-top: 10px;
    margin-bottom: 9px;
}

/* site-brand and title of form */
.navbar-brand {
    float: left;
    height: 35px;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 16px;
}

/* 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;
  }

  /* 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;
}