.u_tab {
    width:100%;
    font-size:16px;
    color:black;
    background-color: lightyellow;
}
  .u_info {
    font-size:14px;
    color:black;
    background-color: lightyellow;
}
.u_tabheader {
    background-color: lightblue;
    font-size: 12px;
}
.u_danger {
    color:red;
}


.navbar {
    background-color: #3f9596;
}

.page-header h1 {
    display: inline-block;
}

#category-list div.row:first-child a.decrease-category-number {
    display: none;
}

#category-list div.row:last-child a.increase-category-number {
    display: none;
}

.item-picker table tbody tr:first-child a.decrease-number {
    /*display: none;*/
}

.item-picker table tbody tr:last-child a.increase-number {
    /*display: none;*/
}

.header-toolbar {   
    padding: 0 10px;
    position: relative;
}

.header-toolbar > a {
    display: inline-block;
    margin: 0 1px;
    padding: 0;
}

.navbar-toggle {
    margin-top:15px !important;
}

.navbar.navbar-collapse .navbar-container {
    background-color: #edf5ff;
}

.item-picker .table > thead > tr > th,
.item-picker .table > tbody > tr > th,
.item-picker .table > tfoot > tr > th,
.item-picker .table > thead > tr > td,
.item-picker .table > tbody > tr > td,
.item-picker .table > tfoot > tr > td {
    vertical-align:middle;
}

.item-picker .table > tbody > tr > td:first-child {
    width:140px;
}

.item-picker input.quantity[type="text"] {
    padding-bottom:2px;
    padding-top:2px;
    text-align:center;
    width:55px;
}

.item-picker-empy span {
    border: 1px dashed #ccc;
    border-radius: 0;
    color: #ccc;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 40px;
    text-align:center;
}

.item-picker hr {
    border-color:#000;
    margin-bottom:40px;
    margin-top:50px;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left:0;
}

.modal h4 {
    font-size:24px;
}

dl,
.modal-body dl {
    font-size:14px;
    margin-bottom:0;
}

dl dd,
.modal-body dl dd {
    margin-bottom:20px;
}

.modal-body dl dt {
    background-color:lightblue;
    padding:10px;
}

.modal-body dl dd {
    padding-left:10px;
    padding-top:10px;
}

dd.large {
    font-size:24px;
}

.filter {
    background-color: #ddd;
    padding: 8px;
}

.text-right {
    text-align:right;
}

#details-modal .modal-content {
    background-color:lightyellow !important;
}

.no-border {
    border:none;
}

.page-header h1 {
    display: inline-block;
}

.table-responsive > .table {
    margin-bottom: 0;
}

.table-responsive {
    margin-bottom:20px;
}

.field-validation-error {
    display:block;
}

input.input-validation-error {
    border: 1px solid #a94442;
}

select {
    width:100%;
}

@media (max-width: 767px) {
    .header-toolbar {
        padding-top:16px;
        text-align:center;
    }
}

@media (min-width: 768px) {
    .page-header h1 {
        display:inline-block;
    }

    .header-toolbar {
        display: inline-block;
        float:right;
    }

    .ace-nav {
        background-color:#62a8d1;
        padding-bottom:10px;
        padding-top:10px;
    }

    .sidebar.h-sidebar::before {
        height: 10px;
        top: -10px;
    }

    .sidebar.h-sidebar {
        margin-top: 10px;
    }

    .modal-dialog {
        margin: 30px auto;
        width: 900px;
    }
}

/* custom tables */

table,
.table-striped > tbody > tr:nth-of-type(2n+1),
.table-hover > tbody > tr:hover {
    background-color: lightyellow;
    font-size:15px;
}

.table > thead > tr,
.table > tbody > tr > th {
    background:lightblue !important;
    color:#000;
}

.table > tbody > tr > th {
    text-align:right;
}

.table > thead > tr > th {
    border:0;
}

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

.table > tbody > tr > td.large {
    font-size:25px;
}

.table > tbody > tr > td.red {
    color:red;
}

.table-unbordered > thead > tr > th,
.table-unbordered > tbody > tr > th,
.table-unbordered > tfoot > tr > th,
.table-unbordered > thead > tr > td,
.table-unbordered > tbody > tr > td,
.table-unbordered > tfoot > tr > td {
    border:none;
}

.table-centered > thead > tr > th,
.table-centered > tbody > tr > td {
    text-align:center;
}

/* end custom tables */