/* 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;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.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;
    }
}

.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 */
}


[v-cloak] {
    display: none;
}

/*---------------------------------------------------------------------------*/
#signalrStatus {
    height: 5px;
    border-radius: 10px;
}

.signalr_starting {
    background-color: cornflowerblue;
}

.signalr_connected {
    background-color: #4fba16;
}

.signalr_error {
    background-color: red;
}

.signalr_reconnecting {
    background-color: cornflowerblue;
}

.signalr_reconnected {
    background-color: #4fba16;
}
/*-------------------------------------------------------*/
.slide-fade-top-enter-active {
    transition: all .3s ease;
}

.slide-fade-top-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-top-enter, .slide-fade-top-leave-to
/* .slide-fade-leave-active до версии 2.1.8 */ {
    transform: translateY(-10px);
    opacity: 0;
}
/*-------------------------------------------------------*/
.slide-fade-left-enter-active {
    transition: all .3s ease;
}

.slide-fade-left-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-left-enter, .slide-fade-left-leave-to
/* .slide-fade-leave-active до версии 2.1.8 */ {
    transform: translateX(-10px);
    opacity: 0;
}

/*---------------------------------------------------------------------------*/

.main_category_name {
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    border-bottom: 1px solid lightgray;
    color: gray;
    text-transform: uppercase;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}


.category {
    height: 175px;
    position: relative;
    margin-bottom: 3px;
    cursor: pointer;
}

    .category img {
    }

.category_name {
    position: absolute;
    top: 125px;
    left: 5px;
    right: 5px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
    user-select: none;
}

.category_ico {
    height: 120px;
    background-color: #f1f1f1;
    position: absolute;
    left: 3px;
    right: 3px;
    text-align: center;
    padding-top: 5px;
    background-position-x: center;
    background-position-y: 5px;
    background-repeat: no-repeat;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

    .category_ico:hover {
        background-color: lightyellow;
    }

    .category_ico:active {
        background-color: yellow;
    }


.maket_option {
    background-color: #ededed;
    padding: 5px;
    border-radius: 7px;
    text-align: center;
}

.maket_option_active {
    background-color: #f4e500;
    padding: 10px;
    border-radius: 7px;
    text-align: center;
    font-weight: bold;
}

table.on_select {
    height: 300px;
}

    table.on_select tr {
        cursor: pointer;
        background-color: #ededed;
        text-align: center;
        overflow: hidden;
    }

        table.on_select tr.unselectable td {
            cursor: default;
            background-color: #f6f6f6;
            text-align: center;
            overflow: hidden;
            color: gray;
        }

        table.on_select tr.selectable td:active {
            background-color: #fff890;
        }

        table.on_select tr td {
            border: 1px solid white;
            moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari, Google Chrome */
            -khtml-border-radius: 10px; /* KHTML */
            -o-border-radius: 10px; /* Opera */
            -ms-border-radius: 10px; /* IE8 */
            border-radius: 10px; /* CSS3 */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer */
            -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
            -webkit-user-select: none; /* Chrome, Safari, and Opera */
            -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
            overflow: hidden;
        }

            table.on_select tr td.selected {
                background-color: #f4e500;
                color: black;
                font-weight: bold;
            }

    table.on_select thead {
        font-weight: bold;
    }

        table.on_select thead tr {
            height: 45px;
            background-color: white;
            text-align: center;
            vertical-align: bottom;
        }

            table.on_select thead tr:hover {
                background-color: white;
            }

div.impose {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0.45);
}

div.null_count {
    border: 4px solid red;
}

table.imposing_table {
    width: 100%;
    height: 100%;
    border: 1px solid black;
}

    table.imposing_table tr td {
        background-color: gray;
        border-radius: 0;
        font-size: 18px;
        color: white;
    }

        table.imposing_table tr td.null_impose {
            background-color: white;
        }

span.rotate_90 {
    transform: rotate(-90deg);
    display: inline-block;
}

.head_1 {
    font-size: 11px;
    color: gray;
}

.press_opt_1 {
    font-weight: bold;
}

.press_opt_2 {
    padding: 5px;
    border: 1px solid gray;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}


.preview {
    height: 120px;
    width: 120px;
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center center;
}

.order {
    border-radius: 5px;
    border: 1px solid gray;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.color {
    font-size: 20px;
    font-weight: bold;
}




.pings {
    background-color: white;
}

.ping {
    display: inline-block;
    padding-top: 5px;
    width:100%;
    padding-bottom:5px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 5px;
    margin-bottom:1px;
    font-size:14px;
}

/*-------------------------------------------------------------------------------------------------------------*/

.order_status_0{
    background-color:lightgray;
    color:black;
}
.order_status_1{
    background-color:#484848;
    color:gray;
}
.order_status_2 {
    background-color: #f7f3b5;
    color:black;
}
.order_status_3 {
    background-color: #f4c200;
    color: black;
}

.order_status_4 {
    background-color: cornflowerblue;
    color: gray;
}

.order_status_5 {
    background-color: white;
    color:black;
}

.order_status_6 {
    background-color: #4fba16;
    color: black;
}
.order_status_7 {
    background-color: #ff9400;
    color: black;
}
.order_status_16 {
    background-color: #ff9400;
    color: black;
}
.order_status_10 {
    background-color: cornflowerblue;
    color: white;
}