﻿
.text-line-through {
    text-decoration: line-through;
}

.table-cell-number, .table-cell-checkbox, .table-cell-bound, .table-cell-template {
    vertical-align: middle !important;
}

.table-cell-top {
    padding-top: 8px !important;
    vertical-align: top !important;
}

.table th {
    vertical-align: middle !important;
}

.table td {
    border-top: 1px solid rgba(var(--theme-rgb-primary), 0.07) !important;
}

.table-cell-checkbox {
    padding-top: 10px !important;
}

.table-header-number {
    text-align: right !important;
}

.table-row-alt {
    background-color: rgba(var(--theme-rgb-primary), 0.02);
}

.table-row-selected * {
    background-color: #e3f2fd;
    color: black;
}

.frame-control {
    border-radius: 4px;
    border: solid 1px #fafafa;
}

.workflow-diagram {
    border-spacing: 0;
}

    .workflow-diagram .activities {
        background-color: #fafafa;
        border-bottom: 1px solid white;
        color: #546e7a;
    }

.static-table {
    border-radius: 3px;
}

    .static-table.slim {
        padding-bottom: 5px;
    }

        .static-table.slim td {
            padding-left: 5px;
            padding-right: 5px;
            padding-bottom: 2px;
            padding-top: 5px;
        }

    .static-table td {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: none;
    }

    .static-table .td-bottom {
        padding-bottom: 0px;
        padding-top: 5px;
    }

    .static-table .td-top {
        padding-bottom: 5px;
        padding-top: 0px;
    }

    .static-table .title {
        padding-top: 15px;
    }

    .static-table .sub-title {
        padding-top: 15px;
        text-align: center;
    }

    .static-table .field {
        padding-left: 15px;
        text-align: right;
        width: 1%;
        white-space: nowrap;
        border-bottom: 3px solid transparent;
        font-weight: 100;
        /*font-size: smaller;*/
        color: #757575;
    }

    .static-table .field-1 {
        padding-left: 15px;
        text-align: right;
        white-space: nowrap;
        border-bottom: 3px solid transparent;
        font-weight: 100;
        /*font-size: smaller;*/
        color: #757575;
        width: 140px !important;
    }

    .static-table .control {
        padding-left: 0px;
        padding-right: 1px;
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .static-table .value {
        background-color: #fafafa;
        border-bottom: 2px solid white;
        /*color: #263238;*/
        color: #0d47a1;
        font-weight: 400;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 5px 5px 5px 5px;
    }

        .static-table .value.last {
            padding-bottom: 8px;
        }

.border-frame {
    border: 1px dashed #39a1f4;
    border-radius: 4px;
}

.fix-field-1 {
    width: 80px !important;
}

.fix-field-2 {
    width: 100px !important;
}

.fix-field-4 {
    width: 120px !important;
}

.fix-field-5 {
    width: 140px !important;
}

.bc-primary {
    background-color: #faf8fb;
}

.state-successful {
    background-color: #E0F2F1;
}

.state-danger {
    background-color: #FFEBEE;
}

.view-medium {
    max-width: 1336px !important;
}

.view-small {
    max-width: 992px !important;
}

.timeline td {
    border-top-color: red solid 2px;
}




@keyframes glowing {
    0% {
        box-shadow: 0 0 -5px #000;
    }

    40% {
        box-shadow: 0 0 10px #000;
    }

    60% {
        box-shadow: 0 0 10px #000;
    }

    100% {
        box-shadow: 0 0 -5px #000;
    }
}

.button-glow {
    font-weight: bold;
    animation: glowing 1000ms infinite 2s;
}
