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

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


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