/* Dreams-style tokens for this admin. Light by default.
   Dark mode: set data-theme="dark" on <html>. Not applied until the toggle exists. */

:root {
    --ds-primary: #0090f0;
    --ds-primary-dark: #0062b8;
    --ds-primary-soft: #e7f3fe;
    --ds-secondary: #081c36;
    --ds-secondary-soft: #e8eef4;

    --ds-teal: #0e9384;
    --ds-teal-soft: #e7f6f4;
    --ds-blue: #155eef;
    --ds-blue-soft: #e8f0fe;
    --ds-green: #3eb780;
    --ds-green-soft: #e9f8f1;
    --ds-red: #ff0000;
    --ds-red-soft: #ffe8e8;

    --ds-page: #f7f7f7;
    --ds-card: #ffffff;
    --ds-text: #212b36;
    --ds-muted: #646b72;
    --ds-line: #e6eaed;
    --ds-white: #ffffff;

    --ds-radius-card: 8px;
    --ds-radius-control: 8px;
    --ds-radius-button: 5px;
    --ds-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    --ds-focus: 0 0 0 3px rgba(0, 144, 240, 0.22);

    --ds-space-1: 4px;
    --ds-space-2: 8px;
    --ds-space-3: 12px;
    --ds-space-4: 16px;
    --ds-space-5: 20px;
    --ds-space-6: 24px;

    --ds-header-h: 64px;
    --ds-sidebar-w: 250px;
    --ds-sidebar-mini: 80px;
    --ds-control-h: 38px;

    --ds-font: 'Nunito', 'Segoe UI', Tahoma, sans-serif;
    --ds-font-ar: 'Cairo', 'Nunito', 'Segoe UI', Tahoma, sans-serif;
}

html[data-theme='dark'] {
    --ds-primary-soft: #3a2a18;
    --ds-secondary: #d6e2ee;
    --ds-secondary-soft: #1a2c40;
    --ds-teal-soft: #12332f;
    --ds-blue-soft: #15284a;
    --ds-green-soft: #143328;
    --ds-red-soft: #3a1616;
    --ds-page: #0e1621;
    --ds-card: #162232;
    --ds-text: #e8eef4;
    --ds-muted: #9aa6b2;
    --ds-line: #243044;
    --ds-shadow: 0 4px 20px rgba(0, 0, 0, 0.28);
}

html {
    font-family: var(--ds-font);
}

html[dir='rtl'] {
    font-family: var(--ds-font-ar);
}

body {
    font-family: inherit;
    color: var(--ds-text);
}

body:not(.lockscreen) {
    background: var(--ds-page);
}

body:not(.lockscreen) h1,
body:not(.lockscreen) h2,
body:not(.lockscreen) h3,
body:not(.lockscreen) h4,
body:not(.lockscreen) .box-title,
body:not(.lockscreen) .content-header h1 {
    color: var(--ds-secondary);
    font-weight: 700;
}

html[data-theme='dark'] body:not(.lockscreen) h1,
html[data-theme='dark'] body:not(.lockscreen) h2,
html[data-theme='dark'] body:not(.lockscreen) h3,
html[data-theme='dark'] body:not(.lockscreen) h4,
html[data-theme='dark'] body:not(.lockscreen) .box-title,
html[data-theme='dark'] body:not(.lockscreen) .content-header h1 {
    color: var(--ds-text);
}

body:not(.lockscreen) a:not(.btn) {
    color: var(--ds-primary-dark);
}

body:not(.lockscreen) a:not(.btn):hover,
body:not(.lockscreen) a:not(.btn):focus {
    color: var(--ds-primary);
}

body:not(.lockscreen) .content-wrapper,
body:not(.lockscreen) .right-side {
    background: var(--ds-page);
}

body:not(.lockscreen) .box,
body:not(.lockscreen) .info-box,
body:not(.lockscreen) .small-box {
    background: var(--ds-card);
    border: 1px solid var(--ds-line);
    border-radius: var(--ds-radius-card);
    box-shadow: var(--ds-shadow);
}

body:not(.lockscreen) .form-control,
body:not(.lockscreen) .select2-container--default .select2-selection--single,
body:not(.lockscreen) .select2-container--default .select2-selection--multiple {
    border-radius: var(--ds-radius-control);
    border-color: var(--ds-line);
    color: var(--ds-text);
    height: auto;
    min-height: 0;
}

body:not(.lockscreen) .form-group > .form-control,
body:not(.lockscreen) .form-group .select2-container--default .select2-selection--single {
    min-height: var(--ds-control-h);
}

body:not(.lockscreen) .form-control:focus {
    border-color: var(--ds-primary);
    box-shadow: var(--ds-focus);
}

body:not(.lockscreen) .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: var(--ds-radius-button);
    font-weight: 700;
    line-height: 1.35;
    vertical-align: middle;
    white-space: nowrap;
}

body:not(.lockscreen) .btn-primary {
    background-color: var(--ds-primary);
    border-color: var(--ds-primary-dark);
    color: #fff;
}

body:not(.lockscreen) .btn-primary:hover,
body:not(.lockscreen) .btn-primary:focus {
    background-color: var(--ds-primary-dark);
    border-color: var(--ds-primary-dark);
    color: #fff;
}

.ds-space-1 {
    margin: var(--ds-space-1);
}
.ds-space-2 {
    margin: var(--ds-space-2);
}
.ds-space-3 {
    margin: var(--ds-space-3);
}
.ds-space-4 {
    margin: var(--ds-space-4);
}
.ds-space-5 {
    margin: var(--ds-space-5);
}
.ds-space-6 {
    margin: var(--ds-space-6);
}

/* Spacing and flow. Titles, buttons, and table cells stay apart. */

body:not(.lockscreen) .content {
    padding: 16px 20px 28px;
}

body:not(.lockscreen) .content-header {
    padding: 16px 20px 4px;
}

body:not(.lockscreen) .content-header h1 {
    margin: 0;
    font-size: 22px;
    line-height: 1.35;
}

body:not(.lockscreen) .main-header .navbar {
    min-height: 64px;
    display: flex;
    align-items: center;
}

body:not(.lockscreen) .main-header .logo,
body:not(.lockscreen) .main-header .sidebar-toggle {
    height: 64px;
    line-height: 64px;
}

body:not(.lockscreen) .navbar-custom-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    float: none;
    margin-inline-start: auto;
    padding-inline: 8px;
}

body:not(.lockscreen) .navbar-custom-menu .btn,
body:not(.lockscreen) .navbar-custom-menu .btn-group,
body:not(.lockscreen) .navbar-custom-menu .pull-left,
body:not(.lockscreen) .navbar-custom-menu .m-8,
body:not(.lockscreen) .navbar-custom-menu .mt-10,
body:not(.lockscreen) .navbar-custom-menu .mt-15 {
    float: none !important;
    margin: 0 !important;
}

body:not(.lockscreen) .box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 56px;
    padding: 12px 16px;
}

body:not(.lockscreen) .box-header > .box-title {
    flex: 1 1 180px;
    margin: 0;
    line-height: 1.4;
    float: none;
}

body:not(.lockscreen) .box-header > .box-tools,
body:not(.lockscreen) .box-header .box-tools {
    position: static;
    float: none;
    margin: 0;
    width: auto;
}

body:not(.lockscreen) .box-tools .btn-block {
    display: inline-flex;
    width: auto;
}

body:not(.lockscreen) .box-body {
    padding: 16px;
}

body:not(.lockscreen) .form-group {
    margin-bottom: 16px;
}

body:not(.lockscreen) .form-group > label,
body:not(.lockscreen) .form-group > .control-label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px;
    margin-inline-end: 6px;
    line-height: 1.4;
    max-width: calc(100% - 28px);
}

body:not(.lockscreen) .form-group > i,
body:not(.lockscreen) .form-group > .hover-q,
body:not(.lockscreen) .form-group > label .fa,
body:not(.lockscreen) .form-group > label .hover-q {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1;
}

body:not(.lockscreen) .input-group .form-control {
    height: var(--ds-control-h);
}

body:not(.lockscreen) .input-group-addon,
body:not(.lockscreen) .input-group-btn > .btn {
    height: var(--ds-control-h);
    line-height: 1.35;
}

body:not(.lockscreen)
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 38px;
    padding-inline: 12px 28px;
}

body:not(.lockscreen)
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 38px;
}

body:not(.lockscreen) .content-wrapper .btn {
    padding: 8px 14px;
}

body:not(.lockscreen) .content-wrapper .btn-xs,
body:not(.lockscreen) .content-wrapper .btn-sm {
    padding: 4px 10px;
    gap: 6px;
    min-height: 28px;
}

body:not(.lockscreen) .btn-group {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    vertical-align: middle;
}

body:not(.lockscreen) .btn-group > .btn {
    float: none;
    margin: 0;
}

body:not(.lockscreen) .btn + .btn {
    margin-inline-start: 8px;
}

body:not(.lockscreen) .btn-group > .btn + .btn,
body:not(.lockscreen) .dt-buttons .btn + .btn {
    margin-inline-start: 0;
}

body:not(.lockscreen) .dataTables_wrapper .dt-buttons,
body:not(.lockscreen) .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    float: none;
    margin-bottom: 12px;
}

body:not(.lockscreen) .dataTables_wrapper .dataTables_length,
body:not(.lockscreen) .dataTables_wrapper .dataTables_filter,
body:not(.lockscreen) .dataTables_wrapper .dataTables_info,
body:not(.lockscreen) .dataTables_wrapper .dataTables_paginate {
    float: none;
    margin: 0;
    padding: 4px 0;
}

body:not(.lockscreen) .dataTables_wrapper > .row,
body:not(.lockscreen) .dataTables_wrapper .row:first-child,
body:not(.lockscreen) .dataTables_wrapper .row:last-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-inline: 0;
}

body:not(.lockscreen) .dataTables_wrapper .row > [class*='col-'] {
    float: none;
    width: auto !important;
    max-width: 100%;
    flex: 1 1 max-content;
    padding-inline: 0;
}

body:not(.lockscreen) .table-responsive,
body:not(.lockscreen) .dataTables_scroll,
body:not(.lockscreen) .dataTables_wrapper .dataTables_scrollBody {
    overflow-x: auto;
}

body:not(.lockscreen) .table {
    width: 100%;
    margin-bottom: 0;
}

body:not(.lockscreen) .table > thead > tr > th,
body:not(.lockscreen) .table > tbody > tr > td,
body:not(.lockscreen) .table > tfoot > tr > td,
body:not(.lockscreen) table.dataTable thead th,
body:not(.lockscreen) table.dataTable tbody td,
body:not(.lockscreen) table.dataTable tfoot td {
    padding: 12px 14px !important;
    vertical-align: middle !important;
    line-height: 1.45;
}

body:not(.lockscreen) .dataTables_length label,
body:not(.lockscreen) .dataTables_filter label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 600;
}

body:not(.lockscreen) .dataTables_wrapper .dt-buttons {
    flex: 1 1 100%;
}

body:not(.lockscreen) .table td .btn,
body:not(.lockscreen) .table td .btn-group,
body:not(.lockscreen) .table th .btn {
    margin-block: 2px;
}

body:not(.lockscreen) .sidebar-menu > li > a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 10px 12px !important;
    line-height: 1.4;
}

body:not(.lockscreen) .sidebar-menu > li > a > .pull-right-container {
    margin-inline-start: auto;
    position: static;
    float: none;
}

body:not(.lockscreen) .sidebar-menu .treeview-menu > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-block: 8px;
    line-height: 1.4;
}

body:not(.lockscreen) .content-wrapper .btn-primary,
body:not(.lockscreen) .content-wrapper .btn-primary:hover,
body:not(.lockscreen) .content-wrapper .btn-primary:focus,
body:not(.lockscreen) .content-wrapper .btn-info,
body:not(.lockscreen) .content-wrapper .btn-info:hover,
body:not(.lockscreen) .content-wrapper .btn-info:focus,
body:not(.lockscreen) .content-wrapper .btn-success,
body:not(.lockscreen) .content-wrapper .btn-success:hover,
body:not(.lockscreen) .content-wrapper .btn-danger,
body:not(.lockscreen) .content-wrapper .btn-danger:hover,
body:not(.lockscreen) .content-wrapper .btn-danger:focus,
body:not(.lockscreen) .content-wrapper .btn-warning,
body:not(.lockscreen) .content-wrapper .btn-warning:hover,
body:not(.lockscreen) .modal .btn-primary,
body:not(.lockscreen) .modal .btn-primary:hover,
body:not(.lockscreen) .modal .btn-info,
body:not(.lockscreen) .modal .btn-success,
body:not(.lockscreen) .modal .btn-danger,
body:not(.lockscreen) .modal .btn-warning,
body:not(.lockscreen) .pagination > .active > a,
body:not(.lockscreen) .pagination > .active > span {
    color: #fff !important;
}

body:not(.lockscreen) .content-wrapper .btn-default,
body:not(.lockscreen) .content-wrapper .btn-default:hover,
body:not(.lockscreen) .content-wrapper .btn-default:focus,
body:not(.lockscreen) .modal .btn-default,
body:not(.lockscreen) .dt-buttons .dt-button,
body:not(.lockscreen) .dt-buttons .btn-default,
body:not(.lockscreen) .pagination > li > a,
body:not(.lockscreen) .pagination > li > span {
    color: #212b36 !important;
}

body:not(.lockscreen) .main-header .navbar a.btn-success,
body:not(.lockscreen) .main-header .navbar a.btn-success:hover,
body:not(.lockscreen) .main-header .navbar a.btn-success:focus,
body:not(.lockscreen) .main-header .navbar a.btn-success strong,
body:not(.lockscreen) .main-header .navbar a.btn-success i {
    background: #fff !important;
    color: var(--at-accent-dark) !important;
    border-color: #fff !important;
}

body:not(.lockscreen) .content-wrapper .btn-primary .glyphicon,
body:not(.lockscreen) .content-wrapper .btn-info .glyphicon,
body:not(.lockscreen) .content-wrapper .btn-success .glyphicon,
body:not(.lockscreen) .content-wrapper .btn-danger .glyphicon,
body:not(.lockscreen) .content-wrapper .btn-warning .glyphicon,
body:not(.lockscreen) .content-wrapper .btn-primary i,
body:not(.lockscreen) .content-wrapper .btn-info i,
body:not(.lockscreen) .content-wrapper .btn-success i,
body:not(.lockscreen) .content-wrapper .btn-danger i,
body:not(.lockscreen) .content-wrapper .btn-warning i {
    color: #fff !important;
}

@media (max-width: 991px) {
    body:not(.lockscreen) .content,
    body:not(.lockscreen) .content-header {
        padding-inline: 12px;
    }

    body:not(.lockscreen) .navbar-custom-menu {
        width: 100%;
        justify-content: flex-start;
    }

    body:not(.lockscreen) .box-header {
        align-items: flex-start;
    }
}

/* Forms: one field style on every page and modal. */

body:not(.lockscreen) .form-group > label,
body:not(.lockscreen) .form-group > .control-label {
    color: var(--ds-secondary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
}

body:not(.lockscreen) input.form-control,
body:not(.lockscreen) select.form-control {
    height: var(--ds-control-h);
    min-height: var(--ds-control-h);
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4;
}

body:not(.lockscreen) .form-group .select2-container--default .select2-selection--single {
    height: var(--ds-control-h);
    min-height: var(--ds-control-h);
}

body:not(.lockscreen)
    .form-group
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 36px;
    font-size: 14px;
}

body:not(.lockscreen)
    .form-group
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 36px;
}

body:not(.lockscreen) .form-control,
body:not(.lockscreen) select.form-control,
body:not(.lockscreen) textarea.form-control {
    background: var(--ds-card);
    border: 1px solid #d5dde5;
    border-radius: var(--ds-radius-control);
    box-shadow: none;
    color: var(--ds-text);
    font-size: 14px;
    padding: 6px 12px;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

body:not(.lockscreen) .form-control::placeholder {
    color: #98a2b3;
}

body:not(.lockscreen) textarea.form-control {
    min-height: 96px;
    resize: vertical;
    line-height: 1.5;
}

body:not(.lockscreen) .form-control:hover,
body:not(.lockscreen) .select2-container--default .select2-selection--single:hover,
body:not(.lockscreen) .select2-container--default .select2-selection--multiple:hover {
    border-color: #c5d0dc;
}

body:not(.lockscreen) .form-control:focus,
body:not(.lockscreen)
    .select2-container--default.select2-container--focus
    .select2-selection--single,
body:not(.lockscreen)
    .select2-container--default.select2-container--focus
    .select2-selection--multiple,
body:not(.lockscreen)
    .select2-container--default.select2-container--open
    .select2-selection--single {
    border-color: var(--ds-primary);
    box-shadow: var(--ds-focus);
    outline: none;
}

body:not(.lockscreen) .form-control[disabled],
body:not(.lockscreen) .form-control[readonly] {
    background: #f4f6f8;
    color: var(--ds-muted);
}

body:not(.lockscreen) .help-block {
    margin: 6px 0 0;
    color: var(--ds-muted);
    font-size: 12px;
    line-height: 1.45;
}

body:not(.lockscreen) .input-group-addon {
    background: #f7f8fa;
    border: 1px solid #d5dde5;
    color: var(--ds-muted);
    min-width: 40px;
    padding: 6px 12px;
}

body:not(.lockscreen) .input-group-btn > .btn {
    border-color: #d5dde5;
    background: #fff;
}

body:not(.lockscreen) .select2-container--default .select2-selection--single,
body:not(.lockscreen) .select2-container--default .select2-selection--multiple {
    background: var(--ds-card);
    border: 1px solid #d5dde5;
}

body:not(.lockscreen) .select2-container--default .select2-selection--multiple {
    min-height: var(--ds-control-h);
    padding: 2px 6px;
}

body:not(.lockscreen)
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background: var(--ds-primary-soft);
    border: 0;
    border-radius: 5px;
    color: var(--ds-secondary);
    margin-top: 6px;
    padding: 2px 8px;
}

body:not(.lockscreen) .select2-dropdown {
    border-color: #d5dde5;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(9, 44, 76, 0.08);
    overflow: hidden;
}

body:not(.lockscreen)
    .select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background: var(--ds-primary);
}

body:not(.lockscreen) .checkbox label,
body:not(.lockscreen) .radio label,
body:not(.lockscreen) .checkbox-inline,
body:not(.lockscreen) .radio-inline {
    font-weight: 600;
    color: var(--ds-text);
    padding-top: 2px;
}

body:not(.lockscreen) .has-error .form-control,
body:not(.lockscreen) .has-error .select2-selection {
    border-color: var(--ds-red);
}

body:not(.lockscreen) .has-error .help-block,
body:not(.lockscreen) .text-danger {
    color: #d92d20;
}

body:not(.lockscreen) .modal-content {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(9, 44, 76, 0.16);
    overflow: hidden;
}

body:not(.lockscreen) .modal-header {
    background: #fff;
    border-bottom: 1px solid var(--ds-line);
    padding: 16px 20px;
}

body:not(.lockscreen) .modal-title {
    color: var(--ds-secondary);
    font-size: 18px;
    font-weight: 700;
}

body:not(.lockscreen) .modal-body {
    background: #fff;
    padding: 20px;
}

body:not(.lockscreen) .modal-footer {
    background: #fafbfc;
    border-top: 1px solid var(--ds-line);
    padding: 14px 20px;
}

body:not(.lockscreen) .box-footer {
    background: #fafbfc;
    border-top: 1px solid var(--ds-line);
    border-radius: 0 0 var(--ds-radius-card) var(--ds-radius-card);
    padding: 14px 16px;
}

body:not(.lockscreen) .table .form-control,
body:not(.lockscreen) .table .select2-container--default .select2-selection--single {
    min-height: 34px;
    height: 34px;
    padding: 4px 8px;
    font-size: 13px;
}

body:not(.lockscreen)
    .table
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 24px;
}

body:not(.lockscreen) div.pos-tab-container,
body:not(.lockscreen) .nav-tabs-custom {
    background: #fff;
    border: 1px solid var(--ds-line);
    border-radius: var(--ds-radius-card);
    box-shadow: var(--ds-shadow);
}

body:not(.lockscreen) div.pos-tab-menu div.list-group > a {
    background: #fff;
    border-color: var(--ds-line);
    color: var(--ds-text);
    font-weight: 700;
}

body:not(.lockscreen) div.pos-tab-menu div.list-group > a.active,
body:not(.lockscreen) div.pos-tab-menu div.list-group > a.active .glyphicon,
body:not(.lockscreen) div.pos-tab-menu div.list-group > a.active .fa {
    background: var(--ds-primary);
    border-color: var(--ds-primary);
    color: #fff;
}

body:not(.lockscreen) div.pos-tab-menu div.list-group > a.active:after {
    border-left-color: var(--ds-primary);
}

body:not(.lockscreen) .nav-tabs-custom > .nav-tabs > li.active > a,
body:not(.lockscreen) .nav-tabs-custom > .nav-tabs > li.active > a:hover {
    color: var(--ds-secondary);
    border-top-color: var(--ds-primary);
}

body:not(.lockscreen) input[type='file'].form-control {
    height: 40px;
    padding: 7px 12px;
    line-height: 1.4;
}

/* The color picked in settings is the admin accent. */
body:not(.lockscreen) {
    --ds-primary: var(--at-accent);
    --ds-primary-dark: var(--at-accent-dark);
    --ds-primary-soft: var(--at-accent-soft);
}

/* Burgundy palette: #790D16, #E5D3AF, #F5EFE1, #AEC4D4. */
body.skin-burgundy {
    --at-accent: #790d16;
    --at-accent-dark: #5a0910;
    --at-hover: #e5d3af;
    --at-accent-soft: #f5efe1;
    --at-ring: rgba(121, 13, 22, 0.18);
    --at-ink: #3b2416;
    --at-muted-ink: #7a6552;
    --at-line: #e5d3af;
    --ds-primary: #790d16;
    --ds-primary-dark: #5a0910;
    --ds-primary-soft: #f5efe1;
    --ds-secondary: #790d16;
    --ds-secondary-soft: #e5d3af;
    --ds-page: #f5efe1;
    --ds-card: #ffffff;
    --ds-text: #3b2416;
    --ds-muted: #7a6552;
    --ds-line: #e5d3af;
    --ds-blue: #4f6e82;
    --ds-blue-soft: #aec4d4;
    --ds-focus: 0 0 0 3px rgba(121, 13, 22, 0.18);
    --pos-ink: #3b2416;
    --pos-muted: #7a6552;
    --pos-line: #e5d3af;
}

body.skin-burgundy:not(.lockscreen) .content-header h1,
body.skin-burgundy:not(.lockscreen) .box-header .box-title {
    color: #3b2416;
}

body.skin-burgundy:not(.lockscreen) a:not(.btn) {
    color: #4f6e82;
}

body.skin-burgundy:not(.lockscreen) a:not(.btn):hover,
body.skin-burgundy:not(.lockscreen) a:not(.btn):focus {
    color: #790d16;
}

body.skin-burgundy:not(.lockscreen) .main-header .logo:hover,
body.skin-burgundy:not(.lockscreen) .main-header .navbar .sidebar-toggle:hover,
body.skin-burgundy:not(.lockscreen) .main-header .navbar .nav > li > a:hover,
body.skin-burgundy:not(.lockscreen) .main-header .navbar .nav > li > a:focus,
body.skin-burgundy:not(.lockscreen) .main-header .navbar .nav .open > a,
body.skin-burgundy:not(.lockscreen) .sidebar-menu > li > a:hover,
body.skin-burgundy:not(.lockscreen) .sidebar-menu > li > a:hover i,
body.skin-burgundy:not(.lockscreen) .treeview-menu > li > a:hover {
    background: #e5d3af !important;
    background-color: #e5d3af !important;
    color: #790d16 !important;
    border-color: #e5d3af !important;
}

body.skin-burgundy:not(.lockscreen) .sidebar-menu > li.active > a,
body.skin-burgundy:not(.lockscreen) .sidebar-menu > li.menu-open > a,
body.skin-burgundy:not(.lockscreen) .sidebar-menu > li.active > a i,
body.skin-burgundy:not(.lockscreen) .sidebar-menu > li.menu-open > a i,
body.skin-burgundy:not(.lockscreen) .treeview-menu > li.active > a {
    background: #f5efe1 !important;
    color: #790d16 !important;
}

body.skin-burgundy:not(.lockscreen) .content-wrapper .btn-primary:hover,
body.skin-burgundy:not(.lockscreen) .content-wrapper .btn-primary:focus,
body.skin-burgundy:not(.lockscreen) .modal .btn-primary:hover,
body.skin-burgundy:not(.lockscreen) .modal .btn-primary:focus {
    background: #e5d3af !important;
    background-color: #e5d3af !important;
    border-color: #d4c09a !important;
    color: #790d16 !important;
}

body.skin-burgundy:not(.lockscreen) .content-wrapper .btn-info,
body.skin-burgundy:not(.lockscreen) .modal .btn-info {
    background: #aec4d4 !important;
    border-color: #8eabbf !important;
    color: #3b2416 !important;
}

body.skin-burgundy:not(.lockscreen) .table > thead > tr > th {
    background: #e5d3af;
    color: #790d16;
}

body.skin-burgundy:not(.lockscreen) .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f5efe1;
}

body.skin-burgundy:not(.lockscreen) .table > tbody > tr:hover {
    background-color: #aec4d4;
}

body.skin-burgundy:not(.lockscreen) .admin-filters > .box-header {
    background: #e5d3af;
}

body.skin-burgundy:not(.lockscreen) .tooltip .tooltip-inner {
    background: #790d16 !important;
}

body.skin-burgundy:not(.lockscreen) .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #790d16 !important;
}

body.skin-burgundy:not(.lockscreen) .tooltip.top .tooltip-arrow {
    border-top-color: #790d16 !important;
}

body.skin-burgundy:not(.lockscreen) .tooltip.left .tooltip-arrow {
    border-left-color: #790d16 !important;
}

body.skin-burgundy:not(.lockscreen) .tooltip.right .tooltip-arrow {
    border-right-color: #790d16 !important;
}

body.pos-retail.skin-burgundy,
body.pos-retail.skin-burgundy .wrapper,
body.pos-retail.skin-burgundy .content {
    background: #f5efe1 !important;
}

body.pos-retail.skin-burgundy .pos-header .curr_datetime {
    background: #e5d3af;
    color: #790d16;
}

body.pos-retail.skin-burgundy .pos-header .pos-dashboard-link {
    background: #790d16 !important;
    border-color: #5a0910 !important;
    color: #fff !important;
}