body {
    padding-top:60px !important;
}
.item-editable {
    display:none;
}
.item-editable .form-control {
    display:inline-block !important;
}

.desc-cell {
    width:200px;
}

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

.sku-image-container {
    border:1px solid #ccc;
    padding:10px;
}

.add-image-from-library-link, .ebay-added-image-remove-link {
    display:block;
    width:50px;
    text-align:center;
    margin:0 auto;
    margin-top:10px;
}

#order-table-form td.has-special,
.order-manifest-table td.has-special {
    width:90px;
    vertical-align:middle !important;
    position:relative;
}

#order-table-form .special-circle-link,
.order-manifest-table .special-circle-link {
    border:4px solid #f00;
    color:#f00;
    border-radius:40px;
    width:40px;
    height:40px;
    text-align:center;
    font-size:24px;
    display:block;
    position:absolute;
    right:5px;
    top:7px;
    font-weight:bold;
    text-decoration:none !important;
}

#order-table-form .special-circle-link.special-waiting,
.order-manifest-table .special-circle-link.special-waiting {
    color:#f0ad4e;
    border-color:#f0ad4e;
}

.order-manifest-table .special-circle-link {
    color:#000 !important;
    border-color: #000 !important;
}

                 

.m-xs {
    margin:5px !important;
}
.m-sm {
    margin:15px !important;
}
.m-md {
    margin:30px !important;
}
.m-lg {
    margin:45px !important;
}
.m-none {
    margin:0px !important;
}

.mt-xs {
    margin-top:5px !important;
}
.mt-sm {
    margin-top:15px !important;
}
.mt-md {
    margin-top:30px !important;
}
.mt-lg {
    margin-top:45px !important;
}
.mt-none {
    margin-top:0px !important;
}


.mb-xs {
    margin-bottom:5px !important;
}
.mb-sm {
    margin-bottom:15px !important;
}
.mb-md {
    margin-bottom:30px !important;
}
.mb-lg {
    margin-bottom:45px !important;
}
.mb-none {
    margin-bottom:0px !important;
}


.ml-xs {
    margin-left:5px !important;
}
.ml-sm {
    margin-left:15px !important;
}
.ml-md {
    margin-left:30px !important;
}
.ml-lg {
    margin-left:45px !important;
}
.ml-none {
    margin-left:0px !important;
}


.mr-xs {
    margin-right:5px !important;
}
.mr-sm {
    margin-right:15px !important;
}
.mr-md {
    margin-right:30px !important;
}
.mr-lg {
    margin-right:45px !important;
}
.mr-none {
    margin-right:0px !important;
}


.p-xs {
    padding:5px !important;
}
.p-sm {
    padding:15px !important;
}
.p-md {
    padding:30px !important;
}
.p-lg {
    padding:45px !important;
}
.p-none {
    padding:0px !important;
}

.pt-xs {
    padding-top:5px !important;
}
.pt-sm {
    padding-top:15px !important;
}
.pt-md {
    padding-top:30px !important;
}
.pt-lg {
    padding-top:45px !important;
}
.pt-none {
    padding-top:0px !important;
}

.pb-xs {
    padding-bottom:5px !important;
}
.pb-sm {
    padding-bottom:15px !important;
}
.pb-md {
    padding-bottom:30px !important;
}
.pb-lg {
    padding-bottom:45px !important;
}
.pb-none {
    padding-bottom:0px !important;
}

.pl-xs {
    padding-left:5px !important;
}
.pl-sm {
    padding-left:15px !important;
}
.pl-md {
    padding-left:30px !important;
}
.pl-lg {
    padding-left:45px !important;
}
.pl-none {
    padding-left:0px !important;
}

.pr-xs {
    padding-right:5px !important;
}
.pr-sm {
    padding-right:15px !important;
}
.pr-md {
    padding-right:30px !important;
}
.pr-lg {
    padding-right:45px !important;
}
.pr-none {
    padding-right:0px !important;
}

/* Responsive modal dialog */
@media only screen and (min-width : 992px) {
    .modal-dialog.modal-lg {
        width: 1200px;
        max-width: 95%;
    }
}

@media only screen and (max-width : 991px) {
    .modal-dialog {
        width: 95%;
        margin: 10px auto;
    }
    
    .modal-content {
        max-height: 90vh;
        overflow-y: auto;
    }
    
    #multi-purpose-content {
        max-height: calc(90vh - 120px);
        overflow-y: auto;
    }
}

/* Responsive tabs in modal */
.nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    white-space: nowrap;
    display: flex;
}

.nav-tabs > li {
    flex-shrink: 0;
    white-space: nowrap;
}

.nav-tabs > li > a {
    white-space: nowrap;
}

@media only screen and (max-width : 991px) {
    .nav-tabs {
        border-bottom: 1px solid #ddd;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .nav-tabs > li > a {
        padding: 8px 12px;
        font-size: 14px;
    }
}

@media only screen and (max-width : 575px) {
    .nav-tabs > li > a {
        padding: 8px 10px;
        font-size: 13px;
    }
    
    .modal-dialog {
        width: 100%;
        margin: 0;
        max-height: 100vh;
    }
    
    .modal-content {
        max-height: 100vh;
        border-radius: 0;
    }
    
    #multi-purpose-content {
        max-height: calc(100vh - 120px);
    }
}