@import "var.less";

.bez_block {
    position: relative;

    border: 1px solid #bbb;
    background: #fff;

    border-radius: 0.4em;
    padding: 0.5em 1em;

    h1 {
        margin: 0 0 0.4em;
    }

    h2 {
        margin: 0 0 0.6em;
    }

    svg {
        fill: #999;
        vertical-align: middle;
        margin-left: 20px;
    }

    a:link, a:visited {
        text-decoration: none;
        color: #2b73b7;
    }

    table.data {
        border-collapse:collapse;
        border:0;

        border-top: 1px solid #bbb;
        width: 100%;
        margin-top: 1.5em;
        padding: .3em .5em;

        th, td {
            margin: 0;
            padding: .3em .5em;
            text-align: left;

            border:0;
            background: none;
            border-bottom: 1px solid #bbb;
            font-size: 90%;
        }
    }

    &.priority_0 {
        border-color: @priority_0-border-color;
        background-color: @priority_0-background-color;

        table.data {
            border-color: @priority_0-border-color;
            td, th {
                border-color: @priority_0-border-color;
            }
        }
    }

    &.priority_1 {
        border-color: @priority_1-border-color;
        background-color: @priority_1-background-color;

        table.data {
            border-color: @priority_1-border-color;
            td, th {
                border-color: @priority_1-border-color;
            }
        }
    }

    &.priority_2 {
        border-color: @priority_2-border-color;
        background-color: @priority_2-background-color;

        table.data {
            border-color: @priority_2-border-color;
            td, th {
                border-color: @priority_2-border-color;
            }
        }
    }

    .timebox {
        position: absolute;
        top: 2px;
        right: 5px;
        font-size: 0.8em;

        span {
            display: block;
        }
    }
}