﻿/* 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. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.fs-7 {
    font-size: 0.8rem !important;
}

.list-group-start-end-date {
    padding: 2px 8px;
}

.div-date-start-end {
    background-color: #eee;
    padding: 4px;
}

    .div-date-start-end:hover {
        background-color: #ccc;
    }

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

/* Draw condition
----------------------------------------------------*/

.table_cond {
    border-collapse: collapse;
    font-size: 10pt;
    color: #000;
}

    .table_cond td {
        padding: 0;
    }

        .table_cond td i {
        }

.td_cond_header {
    background-color: #7b89ca;
    vertical-align: top;
}

.div_cond_header {
    padding: 2px;
}

.td_cond_op_and {
    background-color: #7b89ca;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

    .td_cond_op_and div {
        background-color: #d01010;
        padding: 6px;
        margin: 2px 4px 2px 4px;
        border-radius: 50%;
        color: #ddd;
    }

.td_cond_op_or {
    background-color: #7b89ca;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

    .td_cond_op_or div {
        background-color: #107010;
        padding: 6px;
        margin: 2px 4px 2px 4px;
        border-radius: 50%;
        color: #ddd;
    }

.td_cond_op_not {
    background-color: #7b89ca;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

    .td_cond_op_not div {
        background-color: #55008a;
        padding: 6px;
        margin: 2px 4px 2px 4px;
        border-radius: 50%;
        color: #ddd;
    }

.td_cond_left {
    background-color: #9ba3cb;
}

.td_cond_left_icon {
}

.td_etap_left {
    background-color: #00cc00;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.td_etap_left_icon {
}

.td_pldt_left {
    background-color: #F04710;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.td_pldt_left_icon {
}

.div_cond_status {
    min-width: 20px;
    padding: 10px 4px;
    text-align: center;
    font-weight: bold;
}

.td_cond_content {
    padding-left: 2px;
}

.table_pldt {
    border-collapse: collapse;
}

.div_pldt_status {
    min-width: 20px;
    padding: 10px 4px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
    font-weight: bold;
}

.td_pldt_header {
    vertical-align: top;
}

.div_pldt_header {
    background-color: #FF7832;
    padding: 2px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.table_etap {
    border-collapse: collapse;
}

.td_etap_header {
    vertical-align: top;
}

.div_etap_header {
    background-color: #60A00A;
    padding: 2px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.div_etap_status {
    min-width: 20px;
    padding: 10px 4px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
    font-weight: bold;
}

.div_condcond {
    margin: 0px 0px 0px 0px;
}

.div_condetap {
    margin: 0px 0px 0px 0px;
}

.div_condpldt {
    margin: 0px 0px 0px 0px;
}

.div_cond_lbl {
    font-size: medium;
    min-height: 20px;
}

.alink:link, .alink:visited {
    font-size: medium;
    color: #000;
    /*padding: 8px 16px;*/
    border: none;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
}

.alink:hover {
    background-color: #016bab;
    color: #fff;
    text-decoration: none;
}

.alink:active {
    background-color: #016bab;
    color: #fff;
    text-decoration: none;
}

.alinksmall:link, .alinksmall:visited, .alinksmall:hover, .alinksmall:active {
    /*padding: 2px 8px;*/
    font-size: small;
}

.div_plandate {
    margin-left: 8px;
}

.td_plandate {
    border-collapse: collapse;
    background-color: #aaa;
    font-size: 8pt;
}

    .td_plandate th {
        padding: 8px;
    }

.td_plantime_value {
    width: 100px;
    padding: 4px 24px 4px 24px;
}

    .td_plantime_value div {
        padding: 8px;
    }

.div_plantime_on {
    background-color: #FB9902;
    border-radius: 3px;
    text-align: center;
}

.div_plantime_off {
    background-color: #777;
    border-radius: 3px;
    text-align: center;
}

.div_plantime_sun {
    background-color: #FFFE34;
    border-radius: 3px;
    text-align: center;
}

.div_plantime_hgel {
    background-color: #00d;
    color: #eee;
    border-radius: 3px;
    text-align: center;
}

.div_plantime_red {
    background-color: #00b;
    color: #eee;
    border-radius: 3px;
    text-align: center;
}

.div_plantime_eco {
    background-color: #0d0;
    color: #444;
    border-radius: 3px;
    text-align: center;
}

.div_plantime_nuit {
    background-color: #008;
    color: #eee;
    border-radius: 3px;
    text-align: center;
}

.div_plantime_conf {
    background-color: #d00;
    color: #eee;
    border-radius: 3px;
    text-align: center;
}

.tr_plantime_ta {
    background-color: #ccc;
    width: 100px;
}

.tr_plantime_tb {
    background-color: #aaa;
    width: 100px;
}

.btn-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border-width: 2px;
}

.btn-circle-lg {
    width: 100px;
    height: 100px;
    border-width: 4px;
}

.tableUCMessage tr, .tableUCMessage td {
    font-size: 0.75rem;
    padding-top: 0;
    padding-bottom: 0;
}

.tableCondensed {
    line-height: 2;
    font-size: .8rem;
    width: auto;
}

    .tableCondensed th {
        padding-bottom: 0.1rem;
        padding-top: 0.5rem;
    }

    .tableCondensed td {
        padding-bottom: 0rem;
        padding-top: 0rem;
        vertical-align: middle;
    }

/*
    .tableCondensed td:first-child {
        vertical-align: top;
    }
        */

.btn-back-to-top {
    position: fixed;
    bottom: 10px;
    left: 15%;
    z-index: 1;
}

.card-cfg-actions {
}

    .card-cfg-actions .card-header, .card-cfg-actions .card-body {
        padding: 0.1rem 0.4rem 0.1rem 0.4rem;
    }

.table-msg-bus-history {
    width: auto;
}

    .table-msg-bus-history td {
        padding-bottom: 0rem;
        padding-top: 0rem;
        vertical-align: middle;
    }
