/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 400px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}
/*-----------------------------------------------------------------*/
.incident-card-square {
    width: 320px;
    margin: 6px;
    display: inline-block;
}

.incident-description {
    color: black;
}

.urgent {
    color: red;
}

.hidden-item {
    display: none;
}

.visible-item {
    display: block;
}

.inc-info-table {
    border: none;
    margin: 0;
    width: 290px;
}

.mdl-data-table td {
    padding: 4px 6px;
}

td.mdl-data-table__cell--center {
    text-align:center;
}

.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
    padding-left: 4px;
}

.inline {
    display: inline;
}

table.table-plain {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    text-align: left;
    border-collapse: collapse;
    border-style: solid;
}

table.table-plain td, table.table-plain th {
    border: 1px solid #000000;
    padding: 3px 2px;
}

table.table-plain tr:nth-child(even) {
    background: #EEEEEE;
}

table.table-plain thead {
    background: #000000;
    background: -moz-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
    background: -webkit-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
    background: linear-gradient(to bottom, #404040 0%, #191919 66%, #000000 100%);
    border-bottom: 2px solid #444444;
}

table.table-plain thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.field-validation-error {
    color: red;
    font-weight: bold;
}
.input-validation-error {
    background: pink;
    border: 1px solid red;
}