/* app css stylesheet */

.view
{
    padding: 15px;
}

button
{
    border-radius: 0!important;
}

.login-panel
{
    max-width: 400px!important;
    margin: 0 auto;
}

.form-control,
.input-group-addon
{
    border-radius: 0!important;
}

.fa-spin-custom,
.glyphicon-spin
{
    -webkit-animation: spin 1000ms infinite linear;
            animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}

@keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}

.table > tbody > tr > td
{
    vertical-align: middle;
}

.pagination-sm
{
    margin: 0 !important;
}

@media (max-width: 767px)
{
    .table-wrap table,
    .table-wrap thead,
    .table-wrap tbody,
    .table-wrap th,
    .table-wrap td,
    .table-wrap tr
    {
        display: block;
    }

    .table-wrap thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-wrap td
    {
        position: relative;

        padding-left: 50% !important;

        text-align: left;
        white-space: normal;

        border: none;
        border-bottom: 1px solid #eee;
    }

    .table-wrap td:before
    {
        font-weight: bold;

        position: absolute;
        top: 8px;
        left: 15px;

        overflow: hidden;

        width: 45%;

        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .table-wrap td:first-child
    {
        padding-top: 17px;
    }

    .table-wrap td:last-child
    {
        padding-bottom: 16px;
    }

    .table-wrap td:first-child:before
    {
        top: 17px;
    }

    .table-wrap td:before
    {
        content: attr(data-title);
    }

    .table tbody tr
    {
        border-top: 1px solid #ddd;
    }

    .table tbody tr td
    {
        border: none;
    }

    td:nth-of-type(1):before
    {
        content: '№ Заказа';
    }

    td:nth-of-type(2):before
    {
        content: 'Оборудование';
    }

    td:nth-of-type(3):before
    {
        content: 'Серийный номер';
    }

    td:nth-of-type(4):before
    {
        content: 'Статус';
    }
}

.table-wrap
{
    background: #fff;
}

.table tbody tr:nth-child(odd)
{
    background: #eee;
}

@media (min-width: 768px)
{
    .table thead tr th,
    .table tbody tr td
    {
        padding: 15px 20px;
    }
}

.menu
{
    margin-bottom: 2em;
    padding: 0 0 .5em;

    list-style: none;

    border-bottom: .1em solid black;
}

.menu:before
{
    content: '[';
}

.menu:after
{
    content: ']';
}

.menu > li
{
    display: inline;
}

.menu > li + li:before
{
    padding-right: .3em;

    content: '|';
}

.p-0
{
    padding: 0 !important;
}

.p-md
{
    padding: 1em;
}

.rounded-0
{
    border-radius: 0 !important;
}