.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 48px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 5rem;
    }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

.sidebar .nav-link {
    font-weight: 700;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #999;
}

.sidebar .nav-link.active {
    color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

.box-gray {
    background: #ECF0F8;
    border: 1px solid #17988c;
}

.title-green h2, .title-green h3 {
    background: #17988c;
    color: #fff;
}

.title-blue h2, .title-blue h3 {
    background: #0f496b;
    color: #fff;
}

.new {
    background: #e3342f;
	color: #fff;
}

.placed {
    background: #9561e2;
	color: #fff;
}

.shipped_external_warehouse {
    background: #6574cd;
	color: #fff;
}

.delivered_external_warehouse {
    background: #6574cd;
	color: #fff;
}

.shipped_internal_warehouse {
    background: #1daac7;
	color: #fff;
}

.delivered_internal_warehouse {
    background: #1daac7;
	color: #fff;
}

.shipped_client {
    background: #15caa8;
	color: #fff;
}

.delivered_client {
    background: #15caa8;
	color: #fff;
}

.completed {
    background: #38c172;
	color: #fff;
}

.label_status_order {
padding: 5px 25px;
border-radius: 20px;
color: #fff !important;
text-decoration: none !important;
font-size: 11.5px;
font-weight: bold;
}

.new a, .placed a, .shipped_external_warehouse a, .delivered_external_warehouse a,
.shipped_internal_warehouse a, .delivered_internal_warehouse a, .shipped_client a, .delivered_client a, .completed a {
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 2.1rem;
}

h2,
.h2 {
    font-size: 1.45rem;
}

h3,
.h3 {
    font-size: 1.5rem;
}

h4,
.h4 {
    font-size: 1.3rem;
}

h5,
.h5 {
    font-size: 1.1rem;
}

h6,
.h6 {
    font-size: 0.9rem;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.175rem 0.3rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-group {
    margin-bottom: .2rem;
}

/*checkbox custom*/
.container_custom {
    display: block;
    position: absolute;
    left: 0;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container_custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark_custom {
    position: absolute;
    top: 0;
    left: 0;
    height: 27px;
    width: 27px;
    background-color: #eee;
}

.container_custom:hover input ~ .checkmark_custom {
    background-color: #ccc;
}

.container_custom input:checked ~ .checkmark_custom {
    background-color: #2196F3;
}

.checkmark_custom:after {
    content: "";
    position: absolute;
    display: none;
}

.container_custom input:checked ~ .checkmark_custom:after {
    display: block;
}

.container_custom .checkmark_custom:after {
    left: 11px;
    top: 5px;
    width: 7px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*checkbox custom*/
.icon_btn_order {
  max-width: 20px;
  vertical-align: top;
}
.icon_create_invoice {
content:url(/img/icon-create-invoice.png);
}
.icon_create_awb {
content:url(/img/icon-create-awb.png);
}
.icon_update_order {
content:url(/img/icon-update-order.png);
}
.icon_delete_order {
content:url(/img/icon-delete-order.png);
}
.icon_delivered {
content:url(/img/icon-delivered.png);
}
.nopadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.search-customer-results {
    position: absolute;
    width: 300px;
    max-height: 200px;
    overflow-y: auto;
    list-style: none;
    z-index: 100;

    background: white;
    padding: 10px;
}
#app .row main .container-fluid .row .orders-container tbody tr td .order-lines-container tbody tr:first-child,
#app .row main .container-fluid .row .orders-container tbody tr td .order-lines-container tbody tr td:nth-child(5),
#app .row main .container-fluid .row .orders-container tbody tr td .order-lines-container tbody tr td:nth-child(6)
{display:none;}
#app .row main .container-fluid .row .orders-container {
font-size: 12.5px;
}
#app .row main .container-fluid .row .orders-container tbody tr td:nth-child(2) a {
font-size: 15px;
font-weight: bold;
}
#app .row main .container-fluid .row .orders-container tbody tr td {
vertical-align: middle;
}
#app .row main .container-fluid .row .orders-container tbody tr td:nth-child(6){
width: 80px;}


/* Dark mode + switch styles moved to theme.css */