.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(https://ximport.edgeconsultingltd.eu/img/icon-create-invoice.png);
}
.icon_create_awb {
content:url(https://ximport.edgeconsultingltd.eu/img/icon-create-awb.png);
}
.icon_update_order {
content:url(https://ximport.edgeconsultingltd.eu/img/icon-update-order.png);
}
.icon_delete_order {
content:url(https://ximport.edgeconsultingltd.eu/img/icon-delete-order.png);
}
.icon_delivered {
content:url(https://ximport.edgeconsultingltd.eu/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;}


/* === General dark mode adjustments === */
.dark-mode {
    background-color: #1e2029;
    color: #e2e4eb;
}

/* === Navbar adjustments === */
.dark-mode .navbar,
.dark-mode .navbar.bg-white {
    background-color: #272a35 !important;
    box-shadow: none;
}

.dark-mode .navbar-brand,
.dark-mode .nav-link,
.dark-mode .dropdown-item {
    color: #e2e4eb !important;
}

.dark-mode .navbar .nav-link.active {
    color: #90caf9 !important;
}

.dark-mode .navbar-toggler-icon {
    filter: invert(100%);
}

/* === Card adjustments === */
.dark-mode .card {
    background-color: #272a35;
    border-color: #383b4a;
}

.dark-mode .card-header {
    background-color: #2f3341;
    border-bottom: 1px solid #383b4a;
}

.dark-mode .card-body {
    background-color: #272a35;
}

/* === Single custom cards adjustments === */
.dark-mode .single_custom_card {
    background-color: #2f3341 !important;
    border-color: #383b4a !important;
    color: #e2e4eb;
}

.dark-mode .single_custom_card .custom_card_title {
    color: #a5b6cf;
}

.dark-mode .single_custom_card .count_order_number {
    color: #fff;
}

/* === Links === */
.dark-mode a,
.dark-mode a:hover {
    color: #1f92d3;
}

.dark-mode .table-hover tbody tr:hover {
color: #dedfe1;
}

/* === Buttons === */
.dark-mode .btn-primary {
    background-color: #425b76;
    border-color: #425b76;
    color: #e8f1fa !important;
}

.dark-mode .btn-primary:hover {
    background-color: #557092;
    border-color: #557092;
}

/* Remove lines buttons adjustments */
.dark-mode .remove-order-line {
    background-color: #c53030 !important;
    border-color: #c53030 !important;
}

.dark-mode .remove-order-line:hover {
    background-color: #e53e3e !important;
    border-color: #e53e3e !important;
}

/* === Inputs, selects and forms === */
.dark-mode input,
.dark-mode select,
.dark-mode textarea {
    background-color: #3a3f51 !important;
    border-color: #383b4a !important;
    color: #e2e4eb !important;
}

.dark-mode input:focus,
.dark-mode select:focus,
.dark-mode textarea:focus {
    background-color: #1d2839 !important;
    border-color: #64b5f6 !important;
    box-shadow: none !important;
}

.dark-mode .form-control[readonly] {
    background-color: #364051 !important;
    color: #a7b6c2 !important;
}

.dark-mode ::placeholder {
    color: #7c8594 !important;
    opacity: 1 !important;
}

/* Highlights for special fields */
.dark-mode input[style*="border: 2px solid #e49395;"] {
    border-color: #e06c75 !important;
}

/* === Icons === */
.dark-mode .feather {
    stroke: #90caf9;
}

/* === Table adjustments === */
.dark-mode table {
    background-color: #2f3341 !important;
    color: #e2e4eb;
}

.dark-mode table th {
    background-color: #383b4a;
    color: #d0d4e0;
}

.dark-mode .table-borderless td, 
.dark-mode .table-borderless th {
    border: none !important;
}

/* === Form complex adjustments (Order/Create order forms) === */
.dark-mode .overall-order-container,
.dark-mode .order-container,
.dark-mode .orderline-item {
    background-color: #212834 !important;
    border-color: #2c3445 !important;
}

/* Headers and titles in forms */
.dark-mode h2, 
.dark-mode h3,
.dark-mode .h2 {
    color: #e8f1fa !important;
}

.dark-mode .overall-order-container .col-lg-12,
.dark-mode .orderline-item .col-lg-12 {
    background-color: #2d3748 !important;
    color: #e8f1fa !important;
}

/* Labels in forms */
.dark-mode .form-group strong {
    color: #a0aec0 !important;
}

/* Checkboxes and toggle switch */
.dark-mode input[type="checkbox"] {
    accent-color: #64b5f6 !important;
}

.dark-mode .container_custom .checkmark_custom {
    background-color: #2a3242 !important;
}

/* === Toggle Switch Dark Mode styling === */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px; width: 20px;
    left: 3px; bottom: 3px;
    background-color: white;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:checked + .slider:before {
    transform: translateX(25px);
}

.slider.round {
    border-radius: 25px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Activare dark mode doar când ai clasa pe <body> sau într-o zonă anume */
body.dark-mode .history-container,
body.dark-mode .history-container .row,
body.dark-mode .history-container .table,
body.dark-mode .history-container .form-control,
body.dark-mode .history-container .btn {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

/* Fundal containerelor de tip box-gray + title-blue */
body.dark-mode .history-container .box-gray.title-blue {
    background-color: #2a2a2a;
    border: 1px solid #444;
}

/* Titlurile (h3, h2) */
body.dark-mode .history-container h2,
body.dark-mode .history-container h3 {
    color: #fff;
    border-color: #555;
}

/* Inputuri și textarea */
body.dark-mode .history-container input,
body.dark-mode .history-container select,
body.dark-mode .history-container textarea {
    background-color: #333;
    border: 1px solid #555;
    color: #fff;
}

/* Butoane */
body.dark-mode .history-container .btn {
    color: #fff;
    border-color: #666;
}

body.dark-mode .history-container .btn-primary {
    background-color: #004b7c;
    border-color: #004b7c;
}

body.dark-mode .history-container .btn-success {
    background-color: #2e7d32;
    border-color: #2e7d32;
}

body.dark-mode .history-container .btn-danger {
    background-color: #c62828;
    border-color: #c62828;
}

body.dark-mode .history-container .btn-dark {
    background-color: #444;
    border-color: #444;
}

/* Tabele */
body.dark-mode .history-container .table th,
body.dark-mode .history-container .table td {
    background-color: #2b2b2b;
    color: #ddd;
    border-color: #444;
}

/* SVG icons (feather icons) */
body.dark-mode .history-container svg {
    stroke: #e0e0e0;
}