:root {
    /*--header: #2d2d2d;
    --left_menu: #2d2d2d;
    --theme_color: #93d642;*/
    --breadcrumb: #9a9a9a;
    --darkbreadcrumb: #9a9a9a;
    --topbar: #1e3250;
    --bg: #f5f5f6;
    --gxs_color_100: #000000;
    --gxs_color_90: #1A1A1A;
    --gxs_color_65: #3C3C3C;
    --gxs_color_55: #5E5E5E;
    --gxs_color_45: #A0A0A0;
    --gxs_color_30: #D3D3D3;
    --gxs_color_20: #E5E5E5;
    --gxs_color_10: #F4F4F4;
    --gxs_color_0: #FFFFFF;
    --sub_header_1: 16px;
    --sub_header_2: 14px;
    --dark_theme: #0098de;
    --darkblue: #112747;
    --primary_bg: 18,18,18;
    --secondary_bg: 32,101,167;
    --bg_light: 154,154,154;
    --body_bg_d: 32,33,36;
    --body_bg_l: 102,102,102;
    --white_bg: 255,255,255;
    /*--font_regular: 'Outfit';*/ /*--font_w_4*/
    /*--font_medium: 'Outfit-Medium';*/ /*--font_w_5*/
    /*--font_bold: 'Outfit-Bold';*/ /*--font_w_6*/
    --gray_txt: #888888;
    --th_bg: #D3D3D3;
    --txt_dark_gray: #333333;
    --on-hold: #fe6669;
    --received: #9D5FFD;
    --cancelled: #C86300;
    --assigned: #ff96c3;
    --published: #7A30B1;
    --approved: #65B77F;
    --approved_status: #79B342;
    --unassigned: #0092dd;
    --processed: #CC0088;
    --approved-file_neededstatus: #65b77f;
    --approved-file_pendingstatus: #65b77f;
    --ready_for_customization_status: #dbaf00;
    --completed_status: #F26C3D;
    --other_status: #36c6d3;
    --label-danger: #ed6b75;
    /*Queues starts*/
    --sample_requested_status: #41dcb1;
    --sample_converted_status: #e4f306;
    --ready_for_sampling_status: #686fff;
    --sampling_completed_status: #f306aa;
    --sample_approved_status: #2f742e;
    --draft: #9d5ffd;
    --art_approval_received: #9d5ffd;
    --art_approval_unassigned: #dc4184;
    --art_approval_assigned: #dc4184;
    --prod_approved_file_needed: #eac400;
    --ready_to_send: #3bc0ff;
    --art_approval_needed: #0092dd;
    --dst_file_approval_needed: #ee6a5e;
    --dst_file_revision_requested: #f18511;
    --dst_file_review_pending: #1bbc9b;
    --revision_requested: #ff96c3;
    --customer_approved: #b55a5a;
    --approved_file_needed: #9d9d96;
    --art_approval_published: #ca0287;
    --production_file_change_request_status: #b45abc;
    --ready_for_customization: #dc4184;
    --send_files: #dbaf00;
    --art_approval_cancelled: #00c7c6;
    --request_sample: #dc4184;
    --revision_completed_status: #7cfc00;
    --text-white: #fff;
    /*queues ends*/
    --blue_btn: #0A82FF;
    --sampling_completed_status: AED581;
    --ready-for-sampling-status: AED581;
    /*Bootstrap root starts*/
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --color-gray-10: #F4F4F4;
    --background-primary: #fff;
    /*Bootstrap root ends*/
    --stroke-disabled-600: #E0E0E0 !important;
    --stroke-accent-primary: #2e90fa;
}


[data-theme='light'] {
    --color-gray-900: #212121;
    --on-background: #000;
    --left-menu-text-color: var(--gxs_color_0);
    --background-primary: #fff
    --header-text-color: var(--gxs_color_0);
}

[data-theme='dark'] {
    --main-bg-color: #000000;
    --transparent: #00000000;
    --white-380: rgba(255,255,255,0.38);
    --table-heading: #252932;
    --form-field-bg: #252932;
    --background-primary: #0D121C;
    --gxs_color_20: #212121;
    --breadcrumb: var(--color-gray-100);
    --gxs_color_0: var(--color-gray-100);
    --gxs_color_65: #f5f5f5;
    --gxs_color_90: var(--color-gray-900);
    --gxs_color_100: var(--color-gray-800);
    --header: var(--color-gray-50);
    --on-background: #fff;
    --border-color: var(--white-380);
    --on-surface: rgba(255, 255, 255, 1);
    --on-surface-medium-emphasis: var(--white-740);
    --surface-overlay: rgb(248 248 248 / 10%);
    --on-surface-high-emphasis: rgb(255 255 255 / 74%);
    --card-surface: #111927;
    --on-secondary: 255,255,255;
    --white-740: rgba(255,255,255,0.74);
    --black-600: #FFFFFF99;
    --color-gray-50: #212121;
    --color-gray-100: #424242;
    --color-gray-200: #616161;
    --color-gray-300: #757575;
    --color-gray-400: #9E9E9E;
    --color-gray-500: #BDBDBD;
    --color-gray-600: #E0E0E0;
    --color-gray-700: #EEEEEE;
    --color-gray-800: #F5F5F5;
    --color-gray-900: #FAFAFA;
    /* Colors.Strokes */
    --stroke-primary: var(--color-gray-700);
    --stroke-secondary: var(--color-gray-200);
    --stroke-secondary-alt: var(--color-gray-800);
    --stroke-tertiary: var(--color-gray-900);
    --stroke-disabled: var(--color-gray-700);
    --stroke-disabled-subtle: var(--color-gray-800);
    --stroke-accent-primary: var(--color-secondary-blue-400);
    --stroke-warning: var(--color-warning-400);
    --stroke-success: var(--color-success-400);
    --stroke-destructive: var(--color-destructive-400);
    --stroke-brand-primary: var(--color-brand-orange-400);
    --stroke-brand-secondary: var(--color-brand-teal-400);
    --stroke-white: var(--color-gray-white);
    --stroke-black: var(--color-gray-black);
    /* Colors.States */
    --state-hover: rgba(0, 0, 0, 0.0800);
    --state-disabled: rgba(0, 0, 0, 0.1200);
    --state-press: rgba(0, 0, 0, 0.2500);
    --state-disabled-overlay: rgba(214, 214, 214, 0.4000);
    --black-870: #ffffffde;
    --gxs_color_55: var(--white-740);
    --stroke-disabled-600: #E0E0E0 !important;
    --stroke-accent-primary: #2e90fa;
}


body, body #container, body #main-content {
    background-color: var(--gxs_color_20) !important;
}

.al--breadcrumb ul li a {
    color: var(--gxs_color_90);
}

.al--no_tbl_data {
    color: var(--on-surface-medium-emphasis)
}

.dropdown-item:hover {
    background: rgba(var(--bg_light),.4) !important
}

.al--paginations select.form-control option, .al--paginations .form-control:focus {
    background: var(--surface-overlay);
    border-color: var(--surface-overlay)
}

header .al--search_user_profile .al--top_box.dropdown .dropdown-menu a {
    color: var(--on-surface-medium-emphasis) !important
}

.al--top_box .font-lg {
    color: var(--on-surface-high-emphasis) !important
}

.search-btn .glyphicon {
    color: var(--gxs_color_0)
}

.al--top_box .dropdown-item .l-gray {
    color: var(--on-surface-medium-emphasis) !important
}

.table thead {
    background: var(--transparent) !important
}

    .table thead tr {
        background: var(--table-heading)
    }

.table tbody td svg {
    fill: var(--on-surface-medium-emphasis) !important
}

.portlet.box > .portlet-body#al_ordc_accordion, .panel-collapse .panel-body, .log_div .panel-collapse .panel-body {
    background-color: var(--panel-bg) !important;
}

.form-control.input-search, .select_keyword .btn-default {
    background-color: var(--panel-search) !important;
    border-color: var(--surface-overlay) !important;
    border-bottom-color: var(--surface-overlay) !important;
    color: var(--on-surface-high-emphasis);
}

.table-scrollable .not_thead th {
    color: var(--on-surface-high-emphasis) !important;
    background: var(--surface-overlay) !important;
}

.table-scrollable table tr td, .table-scrollable .table-hover > tbody > tr:hover, .file_manager_div table tr:hover td, .art_approval_table .table-scrollable table tr:hover td {
    background: var(--transparent) !important;
    color: var(--on-surface-high-emphasis) !important;
}
.table-scrollable table tr, .table-scrollable table tr:hover {
    background: var(--table-heading) !important;
}

.style_pagination, .style_pagination li.dis_active a {
    color: var(--on-surface-high-emphasis) !important
}
.al_ass_table table tr td {
    background: var(--transparent) !important;
}

.tab_content_yellow .al_ass_table table tr td, .tab_content_green .al_ass_table table tr td {
    background: var(--transparent) !important;
    color: var(--text-dark) !important;
}

.cont_space {
    background-color: var(--background-primary);
}

.table-scrollable > .table {
    background: var(--transparent) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    color: var(--on-surface-medium-emphasis) !important;
    background: var(--transparent) !important;
}

.asset_bg.asset_field, .asset_field {
    background: var(--form-field-bg);
}

    .asset_bg.asset_field .form-group.form-md-line-input .form-control, .asset_bg.asset_field .form-group.form-md-line-input.form-md-floating-label .form-control ~ label, .asset_field .form-group.form-md-line-input.form-md-floating-label .form-control ~ label, .asset_area.asset_field label {
        color: var(--on-surface-high-emphasis);
    }

    .asset_bg.asset_field.border_line, .asset_field.border_line {
        border-color: var(--border-color) !important
    }

.portlet.box > .portlet-body, #uploader {
    background: var(--background-primary) !important
}



.main_bread, .eastbay_inner {
    background-color: var(--breadcrumb) !important;
}

.al--sidemenu .al--submenu > li > a {
    color: var(--left-menu-text-color) !important
}

.box .userlogin, .user_account_login label {
    color: var(--on-background) !important
}
.gsx-application {
    --text-primary: var(--gxs_color_100) !important;
    --stroke-secondary: var(--gxs_color_10) !important;
    --stroke-primary: var(--color-gray-600) !important;
    --bg-primary: var(--gxs_color_0) !important;
    --stroke-disabled: var(--stroke-disabled-600) !important;
}