/*body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}*/

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/* Styles for project health icons
-----------------------------------------------------------*/
.health-icon-list {
    font-size: 1.8em !important;
}

.health-icon-detail {
    font-size: 1.8em !important;
    margin-right: 0.5em;
}

.health-green {
    color: green;
}

.health-yellow {
    color: #FFCC00;
}

.health-red {
    color: red;
}

.health-gray {
    color: darkgray;
}


/* div.container {
  min-width: 980px;
  margin: 0 auto;
} */


/* DataTables Responsive With FontAwesome override */

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    display: block;
    position: absolute;
    font-family:"FontAwesome";
    content:'\f055';
    color: #31b131;
    font-size:20px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    font-family:"FontAwesome";
    content:'\f056';
    color:#d33333;
    font-size:20px;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    display: block;
    position: absolute;
    font-family: "FontAwesome";
    content: '\f055';
    color: #31b131;
    font-size:20px;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    font-family: "FontAwesome";
    content: '\f056';
    color: #d33333;
    font-size:20px;
}