/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 15px;
    /*padding-top: 55px;*/
    padding-bottom: 40px;
    width: 95%;
}

.footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin-left: -10px;
    padding: 1rem;
    background-color: #efefef;
    text-align: center;
    /* width: 100%; */
    margin-right: -10px;
}
/* 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%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.StatusLight {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.ThresholdStatus.WARNING::before, .ThresholdStatus.OK::before, .ThresholdStatus.ERROR::before .BatteryState.Netzbetrieb::before .BatteryState.Batteriebetrieb::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.5em;
    display: inline-block;
        
    /*font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;*/
}

.BatteryState.Netzbetrieb::before {
    /*content: "\f244";*/
    content: "\f1e6";
}

.BatteryState.Batteriebetrieb::before {
    content: "\f240";
}

.BatteryState.Notfallversorgung::before {
    content: "\f244";
    color: red;
}

.ThresholdStatus.WARNING::before {
    content: "\f071";
    color: orange;
}

.ThresholdStatus.OK::before {
    content: "\f058";
    color: green;
}

.ThresholdStatus.ERROR::before {
    content: "\f057";
    color: red;
}

body {
    background-color: #fff;
}

.navbar-inverse {
    box-shadow: -3px -5px 20px 6px #3c763d;
}

.nxtgn_snooze {
    cursor: help;
    padding-left: 8px;
    color: #6a9fd4;
}

.ActionPane a {
    cursor: pointer;
}

td .nxtgn_badge {
    display: inline-block;
    min-width: 10px;
    padding: 4px 2px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    background-color: #777;
    border-radius: 10px;
    margin-top: -6px;
    font-size: 9px;
    width: 15px;
    height: 15px;
    margin-left: -8px;
    cursor: help;
}


/*body::after {
                content: "";
                background: url("/images/shutterstock_web.png");
                opacity: 0.05;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                position: absolute;
                z-index: -1;
            }*/

table {
    font-size: 11px;
}


/*.table-striped > tbody > tr:nth-child(odd) > td,
        .table-striped > tbody > tr:nth-child(odd) > th {
            background-color: #9b9b9b;
        }
        .table-striped > tbody > tr:nth-child(even) > td,
        .table-striped > tbody > tr:nth-child(even) > th {
            background-color: #f2f2f2;
        }

        .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
            background-color: #72aeca;
        }

        table.nxtgn_index {
            box-shadow: 2px 4px 20px 3px #d2d2d2;
        }
            table.nxtgn_index thead tr {
                      height: 33px;
            }

                table.nxtgn_index thead tr th {
                    background-color: #83ace6;
                    border-bottom: 1px solid #6d6d6d;
                    font-weight: 700;
                }

                    table.nxtgn_index thead tr th:nth-child(1) {
                        border-radius: 10px 0 0 0;
                    }

                    table.nxtgn_index thead tr th:last-child {
                        border-radius: 0 10px 0 0;
                    }

            table.nxtgn_index tbody {
                border: 1px solid #6d6d6d;
                border-right: 0px;
            }

        table.nxtgn_details {
            box-shadow: 2px 4px 20px 3px #d2d2d2;
            font-size: 11px;
        }

            table.nxtgn_details > tbody > tr td {
                line-height: 0.9;
            }

            table.nxtgn_details > tbody > tr:nth-child(odd) > td {
                background-color: #c1c1c14a;
            }

            table.nxtgn_details tbody {
                border: 1px solid #6d6d6d;
                border-right: 0px;
            }*/

dl {
    margin: 0px;
    margin-top: 10px;
}

    dl dt {
        width: 30%;
        min-width: 140px;
        float: left;
        clear: left;
        text-align: left;
        font-weight: bold;
        color: #79a761;
        padding: 5px 5px;
        line-height: 1;
        margin: auto;
    }

        dl dt:after {
            content: ":";
        }

    dl dd {
        margin: auto;
        margin-right: 0;
        width: 70%;
        padding: 5px 10px;
        line-height: 1;
    }

        dl dd:after {
            content: "\00a0\00a0 ";
        }

td.ActionPane {
    font-size: 1.2em;
}

    td.ActionPane a {
        padding-left: 4px;
        font-size: 1.1em;
        color: #535353;
        /*font-stretch: extra-condensed;*/
    }

.AlStatus {
}

    .AlStatus.Offen {
        color: red;
    }

    .AlStatus.Abgeschlossen {
        color: green;
        text-decoration: line-through;
    }