.container{
    max-width:1230px !important;
}

table.table{
    font-size: 0.8em;
    width: 1230px;
}

tbody{
    border: darkgrey solid 1px;
}

thead{
    border: darkgrey solid 1px;
}

td[data-name='item'] {
    font-weight: 600;
}

/*td[data-name='item'],*/
td[data-name='invoice'] {
    font-weight: bolder;
}

.table td, .table th {
    border-top: none;
}

[id^='comment-row-'] td {
    padding-top: 0;
}

th[data-class="company"]{
    min-width: 30px;
}

#for_tr{
    border-top: darkgrey solid 1px;
}

tr[id^='order-row-']{
    border-top: solid 1px #c3c3c3;
}

td[data-name="company"]{
    font-size: 1.3em;
}

[id^='track-row-'],
[id^='comment-row-'] {
    font-weight: 500;
}

[id^='track-row-'] span,
[id^='comment-row-'] span {
    font-weight: 400;
}

[id^='track-row-'] td {
    padding-top: 0px;
    padding-bottom: 7px;
}

[id^='track-row-'] i {
    margin: 0px 5px;
}

nav.navbar{
    position: fixed;
    width: 100%;
    z-index: 5;
}

.close-order{
    background-color: mistyrose !important;
}

.fa-arrow-down, .fa-arrow-up {
    cursor: pointer;
}

.sort{
    color: red;
}

.ready{
    background-color: #a9f5a4;
}

.long-input{
    width:250px;
    position: absolute;
    top:10px;
    z-index: 100;
}

#toTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 160px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: hotpink;
    color: white;
    cursor: pointer;
    padding-bottom: 5px;
    border-radius: 20px;
    font-size: 38px;
}

#toTop:hover {
    background-color: deeppink; /* Add a dark-grey background on hover */
}

i.fa-angle-double-up, #toTop{
    line-height: 1.2em !important;
}

.form-control{
    height: 28px;
    border-color: darkgrey;
}

.nav-link.active{
    color:darkolivegreen !important;
}

.nav-link.disabled{
    color:darkseagreen !important;
}

@media print {

    table { page-break-after:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    td    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }

    .title{
        display: block;
    }
    .for-print{
        display: none;
    }
    i:not(.sort){
        display: none;
    }
    i.fa-check{
        display: block;
    }
    input[name='track'], input[name='comment']{
        display: none;
    }
    tr.close-order td{
        text-decoration: line-through !important;
    }
    .filter{
        width:20%;
        float: right
    }
    #comment-manager{
        display: none;
    }
}