html,
body {
    height: 100%;
}

.loader {z-index: 10000; width: 100%; height: 100%; position: fixed; background: url('/web/images/load.gif') no-repeat center rgba(255,255,255,0.5); background-size: 50px 50px; display: none;}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.nav > li > a {padding: 15px 10px}
.nav li {position: relative}
.nav .label {position: absolute; top: 4px; right: 0px; color: #fff; background-color: red !important; border-radius: 50% !important;}

.f-12 {font-size: 12px;}
.p-0 {padding: 0px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}

.table td {padding: 5px !important;}
.table .process td {background: #ffeeba}
.table .payment td, .table .wait td {background: #f3a464}
.table .payed td {background: #d706f6}
.table .prepayed td {background: #ea8bf8}
.table .ready td, .table .confirm td {background: #bee5eb}
.table .checkout td {background: #f5b4fa}
.table .debit td {background: #f5b4fa}
.table .transit td {background: #b59beb}
.table .move td {background: #bec8eb}
.table .agent td {background: #bec8eb}
.table .stock td {background: #39c5f3}
.table .reload td, .table .vitasfera td {background: #00fbcf}
.table .load td {background: #00b4bb}
.table .complete td {background: #c3e6cb}
.table .cancel td {background: #9c9c9c}
.table .return td {background: #bb5a5a}
.table .cancel_request td {background: #fffc00}
.table .return_transit td {background: #d8d8d8}
.table .return_msk td {background: #f6ff00}
.table .credit td {background: #ff0c00}
.table .expert td {background: #d7d7d7}
.table .address td {background: #fff600}
.table .date td {background: #ff0c00}
.table .delivery td {background: #11f83a}
.table .wait_return td {background: #e78d8d}
.table .departure_msk td {background: #d2adf1}
.table .arrival_msk td {background: #eb99d3}
.table .reserve td {background: #829c91}
.table .compensation td {background: #ea8bf8}
.table .return-stock td {background: #c3e6cb}

.table .attention td:first-child::after {content: ''; display: block; width: 25px; height: 25px; background: url('/web/images/warning.png') center; background-size: cover;}
.table .attention.big td:first-child::after {background: url('/web/images/error.png') center; background-size: cover;}
.table .invoice td:nth-child(2)::after {content: ''; display: block; width: 25px; height: 25px; background: url('/web/images/bill.png') center; background-size: cover;}
.table .driver, .table .driver2 {display: block;}

.invoice-view .table .nds td {background: #855800 !important;}

@media  (max-width: 1000px){
    .start {display: none}
}

.delivery_address {display: none}
.delivery_address span {display: block}

span.comment {cursor: pointer; display: block; width: 32px; height: 24px; background: url('/web/images/mail_0.png'); background-size: cover;}
span.comment.new {background: url('/web/images/mail_1.png'); background-size: cover;}
span.comment.fill {background: url('/web/images/mail_2.png'); background-size: cover;}

.products .marked {font-weight: bold;}

#markModal .modal-dialog {width: 80%}

.bigdrop {width: 200px !important; font-size: 12px;}
.bigdrop li {padding: 2px 5px !important;}

.drop li {padding: 2px 5px !important;}