﻿
input[type=radio], input[type=checkbox] {
    margin: 3px 3px 0;
}

.selectable, .selectable-scheduled {
    cursor: pointer;
}

    .selectable label, .selectable-scheduled label {
        white-space: nowrap;
    }

    .selectable:hover, .selected, .selectable-scheduled:hover {
        background-color: #ccc;
    }

#shipping-request {
    /*max-width:720px;
        margin: 0 auto;*/
}

    #shipping-request .so-info td {
        /*border-top:0;*/
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        background-color: #f5f5f5;
    }

    #shipping-request a.btn {
        text-decoration: none;
    }

    #shipping-request h4 {
        font-weight: bold;
    }

#shipping-request-inner {
    /*display: none;*/
}

.item-table {
    /*margin-top: 30px;*/
    font: 13px/100% Arial;
}

    .item-table .fa-sort, .item-table .fa-sort {
        padding-left: 4px;
    }

    .item-table .fa-sort-asc {
        margin-left: -7.5px;
        /*color:#ed4911;*/
    }

    .item-table tr th {
        /*cursor: pointer;*/
    }

        .item-table tr th:hover {
            /*color: #ed4911;*/
        }

        .item-table tr th.ar, .item-table tbody tr td.ar {
            text-align: right;
        }

        .item-table tr th.ac, .item-table tbody tr td.ac {
            text-align: center;
        }

        .item-table tr th.no-wrap, .item-table tbody tr td.no-wrap {
            white-space: nowrap;
        }

    .item-table tbody tr.selected {
        background: #ed4911;
    }

    .item-table tbody tr td small {
        font-size: 12px;
    }

#LineItems tbody tr:hover {
    cursor: pointer;
    background: #808080;
}

.item-table tbody tr td.chk {
    padding: 7px 8px 6px;
}

.item-table .request-title {
    /*background: #ed4911;*/
    background: #808080;
    /*color: #fff;*/
    color: #000;
    font-size: 18px;
    line-height: 30px;
}

.item-table .w30 {
    width: 30px;
}

.item-table .w85 {
    width: 85px;
}



#shipping-requests .alert-danger, #shipping-requests .alert-success {
    display: none;
}

#shipping-requests a.cancel-request {
    font-family: Arial;
    float: right;
}

#shipping-requests .navbar {
    z-index: 1;
}

.nav-pills > li > a {
    border-radius: 0;
}



.navbar-inner {
    background: #ececec;
}

.nav-pills {
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
}

    .nav-pills li {
        float: left;
    }

        .nav-pills li a {
            color: white;
            text-decoration: none;
            padding: 10px 40px;
            background: #216d93; /* fallback color */
            /*background: hsla(360, 100%, 50%, 1);*/
            position: relative;
            display: block;
            float: left;
        }



    /*active states for tabs*/
    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        background-color: #ed4911;
    }

    .nav-pills li.active a:after, .nav-pills li.active:active a:after, .nav-pills li.active:hover a:after, .nav-pills li.active:focus a:after {
        border-left-color: #ed4911;
    }

    /*hover states for tabs*/
    .nav-pills li:hover a, .nav-pills li.active:hover a {
        background: #ed4911;
    }

        .nav-pills li:hover a:after {
            border-left-color: #ed4911;
        }

    /*disabled states for tabs*/
    .nav-pills li.disabled, .nav-pills li.disabled a, .nav-pills li.disabled:active, .nav-pills li.disabled:active a, .nav-pills li.disabled:hover, .nav-pills li.disabled:hover a, .nav-pills li.disabled:focus, .nav-pills li.disabled:focus a {
        background-color: #ececec;
    }

        .nav-pills li.disabled a:after, .nav-pills li.disabled:active a:after, .nav-pills li.disabled:hover a:after, .nav-pills li.disabled:focus a:after {
            border-left-color: #ececec;
        }


ul.wizard li a.btn-sm, ul.wizard li a.btn-sm:focus {
    /*border-radius: 0;*/
    font-family: Arial;
}

ul.wizard li.previous.disabled {
    display: none;
}

.request-header th {
    padding-right: 20px;
}

@media (max-width: 767px) {
    .nav > li {
        width: 100%;
    }

    #shipping-requests {
    }

        #shipping-requests .nav-pills li a {
            padding-left: 15px;
            width: 100%;
        }

            #shipping-requests .nav-pills li a:before, #shipping-request .nav-pills li a:after {
                content: none;
            }

        #shipping-requests .nav-pills > li + li {
            margin-left: 0;
        }
}
