/*
	GLOBAL CSS overrides
    Overrides CSS from the main metronic theme, bootstrp, and angularjs components
*/

/*
    REFERENCE

    See Mircosofts Docs theme toggle and color scheme here: https://docs.microsoft.com/en-us/

*/

/* theme colors */

.root-theme {
    /* text colorssss */
    --test: #000;
    --test2: #000;
    --textprogress: #b3c8ff;
    --textlight: #ffffff;
    --textdark: #000000;
    --textgreycascade: #95A5A6;
    --grey-header: #f9f9f9;
    /* gdf blues */
    --textblueinlight: #255dfb;
    --textblueinlight-hover: #3967ff;
    --textblueindark: #75b6e7;
    --textblueindark-hover: #278cda;
    /* white and greys for light theme */
    --white1: #ffffff;
    --offwhitegrey: var(--offwhitegrey);
    --grey1: #f7f9ff;
    --grey2: #e2e2e2; /*menu and portlet title and table borders*/
    --grey3: #E5E5E5;
    --grey4: #e8ecf7; /*hr borders*/
    --grey5: #f5f5f5; /*hover*/
    /* GDF Blues LIGHT THEME */
    --bluegdf1-light-theme: #255dfb;
    --bluegdf2-light-theme: #3967ff;
    /* GDF Blues DARK THEMER */
    --bluegdf2-dark-theme: #2256ff;
    --bluegdf1-dark-theme: #3b5ed0;
    /* blues for info panels in light theme */
    --lightblue1: #f1f7ff;
    --lightblue2: #e3eafd;
    /* background for selected items */
    --lightblue3: #f3f7f9;
    /* background and cards for dark theme */
    --black: #000000;
    --dark0: #1c1b1b;
    --dark1: #222;
    --dark2: #4c4c4c;
    --dark3: #2f2f2f;
    --dark4: #303030;
    --dark5: #4a4a4a; /* hover on dark2*/
    /* dark theme borders*/
    --grey-accents-dark-theme: #616161;
    /* blues for info panels in dark theme */
    --darkblue1: #102661;
    --darkblue2: #1d3e6b;
    /* success */
    --success-green1-light-theme: #bfffc4;
    --success-green2-light-theme: #51cc5b;
    --success-green3-light-theme: #1b7422;
    --success-green1-dark-theme: #417c41;
    --success-green2-dark-theme: #489d48;
    --success-green3-dark-theme: #d6fbd9;
    /* warnings */
    --warning-yellow0-light-theme: #f5da6d;
    --warning-yellow1-light-theme: #fff1b9;
    --warning-yellow2-light-theme: #f3e4a7;
    --warning-yellow0-dark-theme: #f5da6d;
    --warning-yellow1-dark-theme: #766a00;
    --warning-yellow2-dark-theme: #9e833c;
    /* label-warning */
    --warning-label1-light-theme: #fff1b9;
    --warning-label2-light-theme: #f5da6d;
    --warning-label3-light-theme: #c5a31a;
    --warning-label1-dark-theme: #766a00;
    --warning-label2-dark-theme: #e8bf1b;
    --warning-label3-dark-theme: #f5da6d;
    /* note */
    --note-yellow-on-light: #fffde7;
    --note-yellow-on-dark: #6e5921;
    /* danger */
    --danger-text-on-dark: #f95959;
    --danger-font-red-on-light: #ef0000;
    --danger-font-red-on-dark: #f95959;
    --danger-red0-light-theme: #ef0000;
    --danger-red1-light-theme: #b62626;
    --danger-red2-light-theme: #b21b1b;
    --danger-red3-light-theme: #ffe2e2;
    --danger-red4-light-theme: #ffcece;
    --danger-red1-dark-theme: #702525;
    --danger-red2-dark-theme: #840e0e;
    --danger-label1-light-theme: #ffe5e5;
    --danger-label2-light-theme: #d24e4e;
    --danger-label3-light-theme: #ef0000;
    --danger-label1-dark-theme: #951717;
    --danger-label2-dark-theme: #b93434;
    --danger-label3-dark-theme: #ffbaba;
    /*AI Color*/
    --ai-background-light: #A47CF3;
}


@media (prefers-color-scheme: dark) {

    .logo-lighttheme {
        display: none;
    }

    .prefers-color-scheme {
        --text-color-progress: var(--bluegdf2-dark-theme);
        --text-color-primary: var(--textlight);
        --text-color-secondary: var(--grey1);
        --text-color-placeholder: var(--grey-accents-dark-theme);
        --text-color-inverse: var(--textdark);
        --text-color-blue: var(--textblueindark);
        --text-color-blue-hover: var(--textblueindark-hover);
        --primary-color-1: var(--bluegdf2-dark-theme);
        --primary-color-2: var(--bluegdf1-dark-theme);
        --top-bar-background: var(--dark3);
        --top-bar-hover: var(--dark2);
        --page-background: var(--dark0);
        --portlet-background: var(--dark3);
        --portletLightBorder: var(--grey-accents-dark-theme);
        --info-background: var(--darkblue1);
        --info-border: var(--darkblue2);
        --table-background: var(--dark3);
        --skeleton-color: var(--dark2);
        --border-color: var(--grey-accents-dark-theme);
        --badge-primary-background: var(--dark3);
        --border-inputs-color: var(--grey-accents-dark-theme);
        --border-accent-color: var(--grey-accents-dark-theme);
        --hover-color: var(--dark2);
        --drop-down-menu-background: var(--dark2);
        --drop-down-menu-hover: var(--grey-accents-dark-theme);
        --bg-selected-background: var(--grey-accents-dark-theme);
        --blockOverlay: var(--black);
        --success-green-background: var(--success-green1-dark-theme);
        --success-green-border: var(--success-green2-dark-theme);
        --success-green-text: var(--success-green3-dark-theme);
        --warning-yellow-background: var(--warning-yellow1-dark-theme);
        --warning-yellow-border: var(--warning-yellow2-dark-theme);
        --warning-label-background: var(--warning-label1-dark-theme);
        --warning-label-border: var(--warning-label2-dark-theme);
        --warning-label-text: var(--warning-label3-dark-theme);
        --yellow-saffron: var(--warning-yellow0-dark-theme);
        --danger-font-red: var(--danger-font-red-on-dark);
        --danger-red-text: var(--danger-text-on-dark);
        --danger-red-background: var(--danger-red1-dark-theme);
        --danger-red-border: var(--danger-red2-dark-theme);
        --danger-alert-background: var(--danger-red1-dark-theme);
        --danger-alert-border: var(--danger-red2-dark-theme);
        --danger-label-background: var(--danger-label1-dark-theme);
        --danger-label-border: var(--danger-label2-dark-theme);
        --danger-label-text: var(--danger-label3-dark-theme);
        --sign-out: var(--dark2);
        --button-secondary: var(--dark2);
        --note-background: var(--note-yellow-on-dark);
        --blackquote-background: var(--bluegdf1-dark-theme);
        --insight-background: var(--ai-background-light);
    }

    body::-webkit-scrollbar, .profile-sidebar-portlet::-webkit-scrollbar, .profile-sidebar::-webkit-scrollbar, #AvailableSourceFields::-webkit-scrollbar {
        width: 15px;
    }

    body::-webkit-scrollbar-button, .profile-sidebar-portlet::-webkit-scrollbar-button, .profile-sidebar::-webkit-scrollbar-button, #AvailableSourceFields::-webkit-scrollbar-button {
        background: #333;
    }

    body::-webkit-scrollbar-track, .profile-sidebar-portlet::-webkit-scrollbar-track, .profile-sidebar::-webkit-scrollbar-track, #AvailableSourceFields::-webkit-scrollbar-track {
        background-color: #333;
    }

    body::-webkit-scrollbar-thumb, .profile-sidebar-portlet::-webkit-scrollbar-thumb, .profile-sidebar::-webkit-scrollbar-thumb, #AvailableSourceFields::-webkit-scrollbar-thumb {
        background: var(--grey-accents-dark-theme);
        border-radius: 10px;
    }

    md-checkbox.md-default-theme[disabled].md-checked .md-icon, md-checkbox[disabled].md-checked .md-icon {
        background-color: var(--bluegdf1-dark-theme) !important;
    }

    md-input-container label, md-input-container .md-placeholder {
        color: var(--text-color-primary);
    }

    md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], [disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input, md-checkbox.md-default-theme[disabled] .md-label, md-checkbox[disabled] .md-label {
        color: var(--text-color-primary);
    }

    md-checkbox.md-default-theme .md-ink-ripple, md-checkbox .md-ink-ripple {
        color: var(--text-color-primary);
    }

    md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon {
        border-color: var(--text-color-primary);
    }

    .rulepreviewimage {
        filter: invert(82%) hue-rotate( 180deg );
    }

    md-content {
        color: var(--text-color-primary);
        background-color: var(--drop-down-menu-background);
    }

    md-select-menu md-content md-option, md-select:not([disabled]):focus .md-select-value, md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
        color: var(--text-color-primary) !important;
    }

        md-select-menu md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):hover {
            background-color: var(--drop-down-menu-hover);
        }
}

@media (prefers-color-scheme: light) {

    .logo-darktheme {
        display: none;
    }

    .prefers-color-scheme {
        --text-color-progress: var(--textprogress);
        --text-color-primary: var(--textdark);
        --text-color-secondary: var(--textgreycascade);
        --text-color-placeholder: var(--textgreycascade);
        --text-color-inverse: var(--textlight);
        --text-color-blue: var(--textblueinlight);
        --text-color-blue-hover: var(--textblueinlight-hover);
        --primary-color-1: var(--bluegdf1-light-theme);
        --primary-color-2: var(--bluegdf2-light-theme);
        --top-bar-background: var(--white1);
        --top-bar-hover: var(--grey1);
        --page-background: var(--grey1);
        --portlet-background: var(--white1);
        --portletLightBorder: var(--grey2);
        --info-background: var(--lightblue1);
        --info-border: var(--lightblue2);
        --table-background: var(--white1);
        --skeleton-color: var(--grey3);
        --border-color: var(--grey2);
        --badge-primary-background: var(--grey4);
        --border-accent-color: var(--grey4);
        --border-inputs-color: var(--grey1);
        --hover-color: var(--grey5);
        --drop-down-menu-background: var(--white1);
        --drop-down-menu-hover: var(--grey5);
        --bg-selected-background: var(--lightblue3);
        --blockOverlay: var(--dark1);
        --success-green-background: var(--success-green1-light-theme);
        --success-green-border: var(--success-green2-light-theme);
        --success-green-text: var(--success-green3-light-theme);
        --warning-yellow-border: var(--warning-yellow2-dark-theme);
        --warning-alert-background: var(--warning-label1-dark-theme);
        --warning-label-background: var(--warning-label1-light-theme);
        --warning-label-border: var(--warning-label2-light-theme);
        --warning-label-text: var(--warning-label3-light-theme);
        --warning-yellow-background: var(--warning-yellow1-light-theme);
        --warning-yellow-border: var(--warning-yellow2-light-theme);
        --warning-yellow-text: var(--warning-yellow3-light-theme);
        --yellow-saffron: var(--warning-yellow0-light-theme);
        --danger-font-red: var(--danger-font-red-on-light);
        --danger-red-text: var(--danger-red1-light-theme);
        --danger-red-background: var(--danger-red1-light-theme);
        --danger-red-border: var(--danger-red2-light-theme);
        --danger-alert-background: var(--danger-red3-light-theme);
        --danger-alert-border: var(--danger-red4-light-theme);
        --danger-label-background: var(--danger-label1-light-theme);
        --danger-label-border: var(--danger-label2-light-theme);
        --danger-label-text: var(--danger-label3-light-theme);
        --sign-out: var(--grey1);
        --button-secondary: var(--white1);
        --note-background: var(--note-yellow-on-light);
        --blackquote-background: var(--lightblue2);
        --insight-background: var(--ai-background-light);
    }
}

/*
    Manual LIGHT Theme START
*/
.gdf-light-theme {
    --text-color-progress: var(--textprogress);
    --text-color-primary: var(--textdark);
    --text-color-secondary: var(--textgreycascade);
    --text-color-placeholder: var(--textgreycascade);
    --text-color-inverse: var(--textlight);
    --text-color-blue: var(--textblueinlight);
    --text-color-blue-hover: var(--textblueinlight-hover);
    --primary-color-1: var(--bluegdf1-light-theme);
    --primary-color-2: var(--bluegdf2-light-theme);
    --top-bar-background: var(--white1);
    --top-bar-hover: var(--grey1);
    --page-background: var(--grey1);
    --portlet-background: var(--white1);
    --portletLightBorder: var(--grey2);
    --info-background: var(--lightblue1);
    --info-border: var(--lightblue2);
    --table-background: var(--white1);
    --skeleton-color: var(--grey3);
    --border-color: var(--grey2);
    --badge-primary-background: var(--grey4);
    --border-accent-color: var(--grey4);
    --border-inputs-color: var(--grey1);
    --hover-color: var(--grey5);
    --drop-down-menu-background: var(--white1);
    --drop-down-menu-hover: var(--grey5);
    --bg-selected-background: var(--lightblue3);
    --blockOverlay: var(--dark1);
    --success-green-background: var(--success-green1-light-theme);
    --success-green-border: var(--success-green2-light-theme);
    --success-green-text: var(--success-green3-light-theme);
    --warning-yellow-border: var(--warning-yellow2-dark-theme);
    --warning-alert-background: var(--warning-label1-dark-theme);
    --warning-label-background: var(--warning-label1-light-theme);
    --warning-label-border: var(--warning-label2-light-theme);
    --warning-label-text: var(--warning-label3-light-theme);
    --warning-yellow-background: var(--warning-yellow1-light-theme);
    --warning-yellow-border: var(--warning-yellow2-light-theme);
    --warning-yellow-text: var(--warning-yellow3-light-theme);
    --yellow-saffron: var(--warning-yellow0-light-theme);
    --danger-font-red: var(--danger-font-red-on-light);
    --danger-red-text: var(--danger-red1-light-theme);
    --danger-red-background: var(--danger-red1-light-theme);
    --danger-red-border: var(--danger-red2-light-theme);
    --danger-alert-background: var(--danger-red3-light-theme);
    --danger-alert-border: var(--danger-red4-light-theme);
    --danger-label-background: var(--danger-label1-light-theme);
    --danger-label-border: var(--danger-label2-light-theme);
    --danger-label-text: var(--danger-label3-light-theme);
    --sign-out: var(--grey1);
    --button-secondary: var(--white1);
    --note-background: var(--note-yellow-on-light);
    --blackquote-background: var(--lightblue2);
}

    .gdf-light-theme .logo-lighttheme {
        display: block;
    }

    .gdf-light-theme .logo-darktheme {
        display: none;
    }


    .gdf-light-theme::-webkit-scrollbar, .gdf-light-theme .profile-sidebar-portlet::-webkit-scrollbar, .gdf-light-theme .profile-sidebar::-webkit-scrollbar, .gdf-light-theme #AvailableSourceFields::-webkit-scrollbar {
        width: 15px;
    }

    .gdf-light-theme::-webkit-scrollbar-button, .gdf-light-theme .profile-sidebar-portlet::-webkit-scrollbar-button, .gdf-light-theme .profile-sidebar::-webkit-scrollbar-button, .gdf-light-theme #AvailableSourceFields::-webkit-scrollbar-button {
        background: #EEE;
    }

    .gdf-light-theme::-webkit-scrollbar-track, .gdf-light-theme .profile-sidebar-portlet::-webkit-scrollbar-track, .gdf-light-theme .profile-sidebar::-webkit-scrollbar-track, .gdf-light-theme #AvailableSourceFields::-webkit-scrollbar-track {
        background-color: #EEE;
    }

    .gdf-light-theme::-webkit-scrollbar-thumb, .gdf-light-theme .profile-sidebar-portlet::-webkit-scrollbar-thumb, .gdf-light-theme .profile-sidebar::-webkit-scrollbar-thumb, .gdf-light-theme #AvailableSourceFields::-webkit-scrollbar-thumb {
        background: #CCC;
        border-radius: 10px;
    }

    .gdf-light-theme md-checkbox.md-default-theme[disabled].md-checked .md-icon, .gdf-light-theme md-checkbox[disabled].md-checked .md-icon {
        background-color: var(--bluegdf1-light-theme) !important;
    }

    .gdf-light-theme md-input-container label, md-input-container .md-placeholder {
        color: var(--text-color-primary);
    }

    .gdf-light-theme md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], [disabled] md-input-container.md-default-theme .md-input, .gdf-light-theme [disabled] md-input-container .md-input, .gdf-light-theme md-checkbox.md-default-theme[disabled] .md-label, .gdf-light-theme md-checkbox[disabled] .md-label {
        color: var(--text-color-primary);
    }

    .gdf-light-theme md-checkbox.md-default-theme .md-ink-ripple, .gdf-light-theme md-checkbox .md-ink-ripple {
        color: var(--text-color-primary);
    }

    .gdf-light-theme md-checkbox.md-default-theme:not(.md-checked) .md-icon, .gdf-light-theme md-checkbox:not(.md-checked) .md-icon {
        border-color: var(--text-color-primary);
    }

    .gdf-light-theme .rulepreviewimage {
        filter: invert(2%) hue-rotate( 180deg );
    }

    .gdf-light-theme md-content {
        color: var(--text-color-primary);
        background-color: var(--drop-down-menu-background);
    }

    .gdf-light-theme md-select-menu md-content md-option, .gdf-light-theme md-select:not([disabled]):focus .md-select-value, .gdf-light-theme md-tabs.md-default-theme .md-tab, .gdf-light-theme md-tabs .md-tab {
        color: var(--text-color-primary) !important;
    }

        .gdf-light-theme md-select-menu md-content md-option:not([disabled]):focus, .gdf-light-theme md-select-menu md-content md-option:not([disabled]):hover {
            background-color: var(--drop-down-menu-hover);
        }

/*
    Manual LIGHT Theme END
*/

/*
    Manual Dark Theme START
*/
.gdf-dark-theme {
    --text-color-progress: var(--bluegdf2-dark-theme);
    --text-color-primary: var(--textlight);
    --text-color-secondary: var(--grey1);
    --text-color-placeholder: var(--grey-accents-dark-theme);
    --text-color-inverse: var(--textdark);
    --text-color-blue: var(--textblueindark);
    --text-color-blue-hover: var(--textblueindark-hover);
    --primary-color-1: var(--bluegdf2-dark-theme);
    --primary-color-2: var(--bluegdf1-dark-theme);
    --top-bar-background: var(--dark3);
    --top-bar-hover: var(--dark2);
    --page-background: var(--dark0);
    --portlet-background: var(--dark3);
    --portletLightBorder: var(--grey-accents-dark-theme);
    --info-background: var(--darkblue1);
    --info-border: var(--darkblue2);
    --table-background: var(--dark3);
    --skeleton-color: var(--dark2);
    --border-color: var(--grey-accents-dark-theme);
    --badge-primary-background: var(--dark3);
    --border-inputs-color: var(--grey-accents-dark-theme);
    --border-accent-color: var(--grey-accents-dark-theme);
    --hover-color: var(--dark2);
    --drop-down-menu-background: var(--dark2);
    --drop-down-menu-hover: var(--grey-accents-dark-theme);
    --bg-selected-background: var(--grey-accents-dark-theme);
    --blockOverlay: var(--black);
    --success-green-background: var(--success-green1-dark-theme);
    --success-green-border: var(--success-green2-dark-theme);
    --success-green-text: var(--success-green3-dark-theme);
    --warning-yellow-background: var(--warning-yellow1-dark-theme);
    --warning-yellow-border: var(--warning-yellow2-dark-theme);
    --warning-label-background: var(--warning-label1-dark-theme);
    --warning-label-border: var(--warning-label2-dark-theme);
    --warning-label-text: var(--warning-label3-dark-theme);
    --yellow-saffron: var(--warning-yellow0-dark-theme);
    --danger-font-red: var(--danger-font-red-on-dark);
    --danger-red-text: var(--danger-text-on-dark);
    --danger-red-background: var(--danger-red1-dark-theme);
    --danger-red-border: var(--danger-red2-dark-theme);
    --danger-alert-background: var(--danger-red1-dark-theme);
    --danger-alert-border: var(--danger-red2-dark-theme);
    --danger-label-background: var(--danger-label1-dark-theme);
    --danger-label-border: var(--danger-label2-dark-theme);
    --danger-label-text: var(--danger-label3-dark-theme);
    --sign-out: var(--dark2);
    --button-secondary: var(--dark2);
    --note-background: var(--note-yellow-on-dark);
    --blackquote-background: var(--bluegdf1-dark-theme);
}

    .gdf-dark-theme .logo-lighttheme {
        display: none;
    }

    .gdf-dark-theme .logo-darktheme {
        display: block;
    }


    .gdf-dark-theme::-webkit-scrollbar, .gdf-dark-theme .profile-sidebar-portlet::-webkit-scrollbar, .gdf-dark-theme .profile-sidebar::-webkit-scrollbar, .gdf-dark-theme #AvailableSourceFields::-webkit-scrollbar {
        width: 15px;
    }



    .gdf-dark-theme::-webkit-scrollbar-button, .gdf-dark-theme .profile-sidebar-portlet::-webkit-scrollbar-button, .gdf-dark-theme .profile-sidebar::-webkit-scrollbar-button, .gdf-dark-theme #AvailableSourceFields::-webkit-scrollbar-button {
        background: #333;
    }

    .gdf-dark-theme::-webkit-scrollbar-track, .gdf-dark-theme .profile-sidebar-portlet::-webkit-scrollbar-track, .gdf-dark-theme .profile-sidebar::-webkit-scrollbar-track, .gdf-dark-theme #AvailableSourceFields::-webkit-scrollbar-track {
        background-color: #333;
    }

    .gdf-dark-theme::-webkit-scrollbar-thumb, .gdf-dark-theme .profile-sidebar-portlet::-webkit-scrollbar-thumb, .gdf-dark-theme .profile-sidebar::-webkit-scrollbar-thumb, .gdf-dark-theme #AvailableSourceFields::-webkit-scrollbar-thumb {
        background: var(--grey-accents-dark-theme);
        border-radius: 10px;
    }

    .gdf-dark-theme md-checkbox.md-default-theme[disabled].md-checked .md-icon, .gdf-dark-theme md-checkbox[disabled].md-checked .md-icon {
        background-color: var(--bluegdf1-dark-theme) !important;
    }

    .gdf-dark-theme md-input-container label, .gdf-dark-theme md-input-container .md-placeholder {
        color: var(--text-color-primary);
    }

    .gdf-dark-theme md-input-container.md-default-theme .md-input[disabled], .gdf-dark-theme md-input-container .md-input[disabled], .gdf-dark-theme [disabled] md-input-container.md-default-theme .md-input, .gdf-dark-theme [disabled] md-input-container .md-input, .gdf-dark-theme md-checkbox.md-default-theme[disabled] .md-label, .gdf-dark-theme md-checkbox[disabled] .md-label {
        color: var(--text-color-primary);
    }

    .gdf-dark-theme md-checkbox.md-default-theme .md-ink-ripple, .gdf-dark-theme md-checkbox .md-ink-ripple {
        color: var(--text-color-primary);
    }

    .gdf-dark-theme md-checkbox.md-default-theme:not(.md-checked) .md-icon, .gdf-dark-theme md-checkbox:not(.md-checked) .md-icon {
        border-color: var(--text-color-primary);
    }

    .gdf-dark-theme .rulepreviewimage {
        filter: invert(82%) hue-rotate( 180deg );
    }

    .gdf-dark-theme md-content {
        color: var(--text-color-primary);
        background-color: var(--drop-down-menu-background);
    }

    .gdf-dark-theme md-select-menu md-content md-option, .gdf-dark-theme md-select:not([disabled]):focus .md-select-value, .gdf-dark-theme md-tabs.md-default-theme .md-tab, .gdf-dark-theme md-tabs .md-tab {
        color: var(--text-color-primary) !important;
    }

        .gdf-dark-theme md-select-menu md-content md-option:not([disabled]):focus, .gdf-dark-theme md-select-menu md-content md-option:not([disabled]):hover {
            background-color: var(--drop-down-menu-hover);
        }

/*
    Manual Dark Theme END
*/


.dropDownHeight {
    line-height: 0px;
    width: 100%;
}

.defaultCC {
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
    vertical-align: central;
}

body {
    background-color: var(--page-background);
    color: var(--text-color-primary) !important;
    top: 0px !important;
    position: relative !important;
}

body, h1, h2, h3, h4, h5, h6, .label, .table.table-light > thead > tr > th {
    font-family: 'Inter', sans-serif;
    /*font-family: 'Lato', sans-serif;*/
}

::-webkit-scrollbar {
    scrollbar-3dlight-color: dark;
}

h4, h5 {
    font-weight: 600;
}

/*h1, h2, h3, h4, h5, h6 {
    color: var(--text-color-primary);
}*/

.caption {
    color: var(--text-color-primary) !important;
}

::-webkit-input-placeholder, ::placeholder {
    color: var(--text-color-placeholder) !important;
}

.portlet-info {
    border: 1px solid var(--portletLightBorder) !important;
    background: var(--portlet-background) !important;
    color: var(--text-color-primary);
}

a {
    text-shadow: none;
    color: var(--text-color-blue);
}

.font-xs {
    font-size: 0.8em;
}

.font-grey-gallery, md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder {
    color: var(--text-color-primary) !important;
}

.font-grey {
    color: var(--skeleton-color) !important;
}

.bg-grey {
    background-color: var(--skeleton-color) !important;
}

.bg-white {
    background: var(--portlet-background) !important;
}

.row {
    margin-bottom: 15px;
}

.form-horizontal .form-group {
    margin-right: 0px !important;
}

.form-control .preserve-space {
    white-space: pre;
}

.btn {
    text-transform: uppercase !important;
}

.btn-dash-storename {
    text-align: left !important;
}

.btn-input {
    position: absolute !important;
    right: 4px;
    top: 4px;
    height: 30px;
    width: 30px;
    padding-top: 3px !important;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    background-color: var(--portlet-background);
    color: #ACB5C3 !important;
    border-radius: 4px !important;
    overflow: hidden;
}

.btn-feed {
    width: 36px;
    padding: 4px !important;
}

.badge {
    background-color: var(--primary-color-1);
    color: var(--text-color-inverse) !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 5px;
    font-size: 12px !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.18);
}

.badge-info {
    background-color: var(--primary-color-1) !important;
    border: 1px solid var(--primary-color-1) !important;
    color: #fff !important;
}

.bg-success {
    background-color: var(--success-green-background);
}

.bg-danger {
    background-color: #FFEBEE !important;
}

.badge-danger {
    background-color: #f56666 !important;
    border: 1px solid #d24e4e !important;
    color: #fff !important;
}

.badge-primary {
    background-color: var(--badge-primary-background) !important;
    border: 1px solid #becbd2 !important;
    color: var(--text-color-primary) !important;
}

.badge-warning {
    background-color: var(--warning-label-background) !important;
    border: 1px solid var(--warning-label-border) !important;
    color: var(--warning-label-text) !important;
}

.badge-default {
    background-color: var(--text-color-secondary) !important;
    color: var(--text-color-primary) !important;
    font-size: 12px !important;
}

.page-sidebar-closed .page-sidebar-menu .label {
    display: none;
}

.label-system-notification {
    border: 1px solid var(--info-border) !important;
    background: var(--info-background) !important;
    color: var(--text-color-primary);
    padding: 8px 15px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
}

#overviewFeedTablePortlet .label-system-notification {
    font-weight: 600 !important;
}

.label-primary {
    background: var(--offwhitegrey) !important;
    border: 1px var(--text-color-secondary) solid;
    color: var(--text-color-primary) !important;
}

.label-default {
    background-color: var(--border-color) !important;
    border: 1px solid #becbd2 !important;
    color: var(--text-color-primary) !important;
}

.label-success {
    background-color: var(--success-green-background) !important;
    border: 1px solid var(--success-green-border) !important;
    color: var(--success-green-text) !important;
}

.label-danger {
    background-color: var(--danger-label-background) !important;
    border: 1px solid var(--danger-label-border) !important;
    color: var(--danger-label-text) !important;
}

.label-warning {
    background-color: var(--warning-label-background) !important;
    border: 1px solid var(--warning-label-border) !important;
    color: var(--warning-label-text) !important;
}

    .label-warning i {
        color: #f1bf00 !important;
    }

.label-manual-sync {
    background-color: var(--offwhitegrey) !important;
    border: 1px solid #51cc5b !important;
    color: #51cc5b !important;
}

/*.label-info {
    background-color: var(--primary-color-1);
}*/

.label-info {
    background: var(--info-background) !important;
    border: 1px solid var(--primary-color-1) !important;
    color: var(--text-color-blue) !important;
}

.label-dark {
    background-color: var(--text-color-primary);
}

.label-grey {
    background: var(--border-color);
    color: var(--text-color-primary);
}

.label:not(.md-skip).label-sm {
    font-size: 10px;
    font-weight: 600;
    padding: 3px 6px;
}

.label:not(.md-skip) {
    padding: 3px 6px;
    border-radius: 60px;
    font-weight: 600;
    box-shadow: 0 0px 0px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.18)
}

.user-initials {
    text-transform: uppercase !important;
    font-weight: 600 !important;
    border-radius: 91px;
    padding: 9px;
    vertical-align: middle;
    text-align: center;
    height: 40px;
    width: 40px;
    background: var(--offwhitegrey);
    border: 1px var(--text-color-secondary) solid;
    margin: 0 auto;
}

#searchRuleName, .rule-list-search input {
    padding-left: 20px !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--offwhitegrey);
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
    border-top: 1px solid var(--border-color);
}


.isProducts20View .caption {
    font-size: 16px !important;
    padding: 0px !important;
    font-weight: 400 !important;
}


.isProducts20View .portlet-title {
    padding: 0px !important;
    margin-bottom: 0px;
    background-color: transparent;
    border-bottom: 0px solid var(--border-color) !important;
    box-shadow: none !important;
}

.mapping-left {
    border-right: dashed 2px #e7ecf1;
    /*-webkit-transition: padding .3s;
	transition: padding .3s;
	-webkit-transition: font-size .3s;
	transition: font-size .3s;*/
}

.mapping-left-title {
    border-bottom: 1px solid var(--border-color);
}

.feed-field-descriptions {
    font-size: 85%;
    margin: 25px 0px 0px 3% !important;
    overflow-y: hidden;
    padding: 8px;
}

.mapping-hierarchy-search-container {
    min-width: 300px !important;
}

.mapping-hierarchy-search-template .md-autocomplete-suggestion {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}

    .mapping-hierarchy-search-template .md-autocomplete-suggestion:last-child {
        border-bottom-width: 0;
    }

.mapping-hierarchy-search-template .item-title,
.mapping-hierarchy-search-template .item-metadata {
    display: block;
    line-height: 1;
    padding-bottom: 3px;
}

.mapping-hierarchy-search-template .item-metadata {
    font-size: small;
    font-style: italic;
}

.slide-up {
    max-height: 0;
}

/*
	Metronic overrides
*/

html {
    background-color: var(--page-background) !important;
}

/* Add here you can put your own css to customize and override the theme */



.wufoo input.text {
    border-radius: 4px;
}

.nav .divider {
    height: 2px;
    margin: 4px 15px;
    overflow: hidden;
    background-color: var(--border-color);
}

.page-content-wrapper {
    background: none !important;
    background-color: var(--page-background) !important;
}

.page-sidebar {
    transition: .2s ease width;
}

/* TOP BAR COLOR */

.page-header.navbar .page-top, .clearfix {
    box-shadow: 0 1px 10px rgba(50, 50, 50, .2);
    background: var(--portlet-background);
}

/* TOP BAR TITLE COLOR */

.page-title {
    font-family: 'Inter', sans-serif;
    margin: 0 !important;
    line-height: 50px;
    padding-left: 20px !important;
    color: var(--text-color-primary);
    font-size: 30px;
    letter-spacing: 0px;
    font-weight: 600;
}

    .page-title .feed-title {
        letter-spacing: -2.5px;
    }

    .page-title a {
        text-decoration: none !important;
        color: inherit !important;
    }

/* SIDEBAR COLOR */

.page-sidebar {
    background: var(--text-color-primary) !important;
    border-right: var(--border-color) 1px solid;
}

.page-header.navbar .page-logo, .page-header-inner {
    background: var(--top-bar-background) !important;
}

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-menu a:hover, .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a:hover {
    background-color: #525252 !important;
}

.page-sidebar .page-sidebar:hover .page-sidebar-menu > li > a {
    background-color: #454E57;
    color: #ffffff;
}

.page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active:hover > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
    color: var(--portletLightBorder);
}

.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
    color: #fff;
}

.page-sidebar .page-sidebar-menu > li.active > a {
    background-color: #454E57;
    color: #d3dbe2;
}

.page-footer {
    background-color: var(--page-background) !important;
    height: 51px !important;
    padding: 15px 20px 5px !important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {
    font-weight: 400;
    font-size: 13px;
}

.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
    color: #fff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: var(--primary-color-1);
}

body > div.page-container > div.page-sidebar-wrapper > div > div > ul > li > h5 {
    color: #c3cee0;
    padding-left: 13px;
    font-weight: 600;
}

@media (max-width: 991px) {

    #storeSwitcherDiv, #storeContainer {
        position: fixed !important;
        top: 0px !important;
        left: unset !important;
        background: white;
        z-index: 1;
        right: 0px;
    }


    .page-container {
        background: var(--page-background);
    }

    #storePortlet .portlet.light.portlet-fit > .portlet-title {
        padding: 0px 15px !important;
    }
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.page-sidebar .page-sidebar-menu > li.header > h5, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.header > h5 {
    color: #c3cee0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    border-bottom: #454e57 solid 2px;
}

.page-sidebar .page-sidebar-menu > li.header, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.header {
    padding: 15px;
    min-height: 50px;
}

/* Brought over some of the layout 1 media queries  */
@media (min-width: 992px) {

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.header > h5 {
        display: none;
    }
}

@media (max-width: 992px) {
    .page-quick-sidebar-open .page-quick-sidebar-wrapper {
        width: 102%;
    }
}

@media (min-width: 991px) {
    .page-quick-sidebar-open .page-quick-sidebar-wrapper {
        width: 102%;
    }
}

/*
	extruder
*/
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
    border-bottom: 6px solid #b196e3 !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar {
    background: transparent !important;
    padding: 0 2%;
}

    .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
        border-bottom: 6px solid #b196e3 !important;
    }

.page-quick-sidebar-wrapper {
    color: var(--text-color-inverse) !important;
    background: rgba(0, 0, 0, 0.70) !important;
    overflow-y: scroll;
}

.popup-ask-ai {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    z-index: 9995;
    color: var(--text-color-inverse) !important;
}

.page-quick-sidebar.popup-ask-side-ai {
    height: calc(100% - 50px);
    background: var(--portlet-background);
    border-left: 2px solid #ccc;
    border-top: 2px solid #ccc;
}

.card-ask-ai-border {
    border: 1px solid #ccc;
}

@media (min-width: 1400px) {


    .appBundleSignupPadding {
        padding: 3% !important;
    }
}



@media (min-width: 992px) {

    .page-quick-sidebar.popup-ask-side-ai {
        width: 40%;
        right: 0px;
        position: fixed;
    }

}

@media (max-width: 991px) {

    .page-quick-sidebar.popup-ask-side-ai {
        width: 100% !important;
        height: 100%;
        top: 0;
        z-index: 9999;
        position: fixed;
    }

}

.popup-ask-ai-content {
    background: var(--portlet-background);
    padding: 20px;
}

    .popup-ask-ai-content h5 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        text-align: left;
    }

.card-ask-ai {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 90%;
    /* margin: 5% 5%; */
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 20px;
}

.card-header-ask-ai {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-size: 13px;
    text-align: left;
}

.card-body-ask-ai {
    padding-left: 12px !important;
    padding: 10px;
    text-align: left;
    background-color: var(--page-background);
    max-height: 420px;
    overflow-y: auto;
}


.card-text-ask-ai {
    background-color: var(--page-background);
    padding-top: 6px !important;
    border: 0px !important;
    white-space: pre-line;
    word-break: break-word;
    color: var(--text-color);
}

.regenerate-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    color: var(--text-color) !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: background-color 0.3s;
    width: 40%;
    margin-left: 30%;
}

    .regenerate-button:hover {
        box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26);
        cursor: pointer;
    }

.page-quick-sidebar .popup-ask-side-ai {
    position: absolute;
}
/*
	PAGE ACTIONS GREY
*/
.page-actions {
    padding: 15px !important;
    margin: 0 !important;
    background-color: var(--page-background);
}

table.dataTable tr.heading > th {
    background-color: var(--page-background);
    border-bottom: 2px solid var(--border-color) !important;
}

.dataTables_scrollHead {
    border-bottom: 0px solid var(--page-background) !important;
}

table.dataTable.no-footer {
    border-bottom-color: var(--page-background);
}

.table-border-grey {
    border: 1px var(--border-color) solid;
    border-bottom: 2px solid var(--border-color) !important;
}

.resize-column {
    resize: horizontal;
    overflow: auto;
}

.portlet.light > .portlet-title > .tools {
    margin-top: 0px;
    padding: 0px 0 0 0;
    font-size: 20px;
}

@media (max-width: 991px) {
    .page-header.navbar .page-top {
        box-shadow: none;
        background: var(--top-bar-background);
    }
}

.top-menu > .nav > li > a:focus {
    text-decoration: none;
    background-color: var(--portlet-background);
}

.navbar-nav > li > a {
    line-height: normal;
    min-height: 50px;
    max-height: 50px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    height: 50px;
}

.page-header.navbar {
    height: 50px;
    min-height: 50px;
}

.profile-usermenu ul li a:hover {
    background-color: var(--border-color);
    color: var(--text-color-blue);
    border-left: 0px solid var(--page-background);
}

/*#dashboardPortlet .card-white {
    padding: 15px 10% 10% 10% !important;
}*/

.rule-field-description {
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #b2c6ff !important;
    background: #eaf0ff;
    color: var(--text-color-primary);
    padding: 8px;
    border-radius: 4px;
}

.card-white {
    border-radius: 4px;
    padding: 15px !important;
    background: var(--portlet-background);
    border: 1px solid var(--portletLightBorder);
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
}

.card-white-line {
    border-radius: 0px;
    padding: 15px !important;
    background: var(--portlet-background);
    border-top: 1px solid var(--portletLightBorder);
}

.card-white-page {
    border-radius: 4px;
    padding: 15px !important;
    background: var(--portlet-background);
    border: 0px solid var(--portletLightBorder);
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
    padding-bottom: 100px !important;
}

.card-grey {
    border-radius: 4px !important;
    padding: 15px !important;
    background: var(--border-color) !important;
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
}

.dropdown-menu > li > a > i {
    margin-right: 10px !important;
}

.dropdown-menu > li > label > i {
    margin-right: 10px !important;
}

/*.profile-content > ui-view > .portlet, .profile-content > ui-view > ui-view > .portlet, .profile-content > .portlet-fit, .import-ui-view-animation {
    animation: fadeInUp .5s;
}*/

.btn:not(.btn-icon-only):not(.btn-circle):not(.dropdown-toggle) {
    /*border-radius: 60px;*/
    border-radius: 4px;
    white-space: nowrap !important;
    text-transform: inherit;
    font-weight: 600 !important;
    font-size: 13px !important;
    font-style: inherit !important;
    font-variant: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    letter-spacing: .01em !important;
    overflow: hidden !important;
    min-height: 36px !important;
    line-height: 36px !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 16px !important;
    transition: all .28s cubic-bezier(.4,0,.2,1);
}

.btn.grey:not(.btn-outline) {
    color: #5b5b5b;
    background-color: var(--border-color);
    border-color: var(--border-color);
}

.btn-primary {
    color: #fff !important;
    background: var(--text-color-blue) !important;
    border-color: var(--text-color-blue) !important;
}

.btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover {
    background: var(--info-background) !important;
    border: 1px solid var(--primary-color-1);
    color: var(--text-color-blue) !important;
}

/* LOADING CIRCLES */

/*.block-spinner-bar > div, .page-spinner-bar > div {
	background: var(--primary-color-1);
}*/

.block-spinner-bar {
    width: 100px;
}

    .block-spinner-bar > div {
        margin: 2px;
        width: 16px;
        height: 16px;
    }

.bounce1 {
    background: var(--primary-color-1) !important;
}

.bounce2 {
    background: var(--primary-color-1) !important;
}

.bounce3 {
    background: var(--primary-color-1) !important;
}

/*.bounce1 {
    background: var(--primary-color-1) !important;
}

.bounce2 {
    background: #51cc5b !important;
}

.bounce3 {
    background: #f29b60 !important;
}*/

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.portlet-title .caption small {
    font-size: 13px;
    color: var(--text-color-secondary) !important;
    font-weight: 400;
}

#dashboardPortlet .portlet, #dashboardPortlet .system-notification {
    margin-bottom: 30px !important;
    min-height: 56px;
    border: 1px solid var(--portletLightBorder);
    border-radius: 4px;
}

rule-reset-sequence {
    font-size: 12px;
}

#dashboardPortlet .row {
    margin-bottom: 0px !important;
}

.md-checkbox label > .box {
    border: 2px solid #9ba5a6 !important;
    border-radius: 2px !important;
}

.checkbox, .form-horizontal .checkbox {
    padding-top: 7px !important;
}

.md-checkbox label > span.inc {
    background: var(--primary-color-1);
}

.md-checkbox label > .check {
    border: 2px solid var(--primary-color-1);
    border-top: none;
    border-left: none;
}

.md-slider.md-default-theme .md-thumb:after, md-slider .md-thumb:after {
    border-color: var(--primary-color-2);
    background-color: var(--primary-color-2);
}

.md-slider.md-default-theme .md-track.md-track-fill, md-slider .md-track.md-track-fill {
    background-color: var(--primary-color-2);
}

.md-slider.md-default-theme .md-focus-ring, md-slider .md-focus-ring, md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
    background-color: #92c5ff;
}

md-switch.md-default-theme.md-checked.md-focused .md-thumb:before, md-switch.md-checked.md-focused .md-thumb:before {
    background-color: #dbecff;
}

md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb, md-switch.md-default-theme.md-checked .md-ink-ripple, md-switch.md-checked .md-ink-ripple {
    background-color: var(--primary-color-1);
    color: var(--text-color-blue);
}

md-slider.md-default-theme .md-sign, md-slider .md-sign {
    background-color: var(--primary-color-1);
}

    md-slider.md-default-theme .md-sign:after, md-slider .md-sign:after {
        border-top-color: var(--primary-color-1);
    }

.slider-percentage {
    padding-left: 15px !important;
    height: auto !important;
    margin-top: 0px !important;
    width: 75px !important;
}

md-slider-container .fa-percent {
    margin: 0px !important;
    color: var(--border-color) !important;
    font-size: 26px !important;
    padding: 5px;
}

.padding-t-0 {
    padding-top: 0px !important;
}

.profile-sidebar-portlet {
    padding: 0px 0px 0px 0px !important;
    height: 100%;
    overflow-y: auto;
}

.rulepreviewimage {
    border: var(--border-color) 1px solid;
    border-radius: 4px;
    max-width: 75%;
}

@media only screen and (max-width : 1515px) {
    .bgpreviewimage {
        display: none;
    }
}

.schedulepreviewimage {
    max-width: 75%;
}

.feedspreviewimage {
    border: var(--border-color) 1px solid;
    border-radius: 4px;
    max-width: 75%;
}

.bg-compile-alert {
    background: var(--primary-color-1) !important;
}

.bg-submit-alert {
    background: #51cc5b !important;
}

md-select-menu, md-select-menu md-content {
    max-height: 350px;
}

input:not([disabled]) {
    background: rgba(255, 255, 255, 0) !important;
}

/* ROUND INPUTS AND SELECTS */
#feedStatusFilter, #feedSearch {
    background: var(--top-bar-background) !important;
    border-radius: 4px !important;
    padding: 0px 8px !important;
    border: var(--border-color) 1px solid;
    height: 44px;
    vertical-align: top;
    font-size: 16px;
    display: inline-flex;
}

/* ROUND INPUTS AND SELECTS */
#accountFilter {
    border-radius: 4px !important;
    /*padding: 0px 8px !important;*/
    vertical-align: top;
    font-size: 16px;
    /*display: inline-flex;*/
}

#feedSearch, #feedStatusFilter {
    margin: 0px 5px 15px !important;
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    /*transition: right .3s;*/
    right: -2%;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler:hover, .page-quick-sidebar-toggler:hover, .quick-sidebar-toggler:hover {
    background: var(--border-color) !important;
}

.page-quick-sidebar-toggler {
    overflow: hidden;
    z-index: 99999;
    display: none;
    width: 40px;
    height: 40px !important;
    padding-top: 12px !important;
    position: fixed !important;
    top: 12px;
    right: 15px;
    text-align: center;
    border-radius: 45px;
    background: var(--button-secondary) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
    background: var(--portlet-background);
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler-open, .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler-open:hover {
    background: var(--top-bar-background) !important;
}

.page-quick-sidebar-toggler > i {
    color: var(--text-color-primary) !important;
    font-size: 24px;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i {
    top: 0px;
    font-size: 16px;
}

.page-header-fixed .page-container {
    margin-top: 50px;
    margin-right: 0px;
}

#accountSearch {
    height: 38px;
    padding: 8px;
    background-color: var(--portlet-background) !important;
    border-radius: 4px !important;
}

#feedfilter #select_value_label_0 {
    height: 39px !important;
    padding-left: 8px !important;
}

.feeds-search-btns {
    height: 44px;
    z-index: 1;
}

.feeds-page-actions {
    padding: 15px !important;
    margin: 0 !important;
    background-color: var(--page-background);
}

/* ROUND INPUTS AND SELECTS */
#assignWalletName input, .login-content md-input-container input, .login-content md-input-container input {
    background: var(--top-bar-background) !important;
    border-radius: 4px !important;
    padding: 0px 8px !important;
    border: var(--border-color) 1px solid;
}

.login-content md-input-container label, #cloneModal label, #sourcePortlet label {
    transform: translate3d(0,6px,0) scale(.75) !important;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1) !important;
}

.login-content md-input-container.md-input-focused .md-input, .login-content md-input-container.md-input-resized .md-input, .login-content md-input-container .md-input.ng-invalid.ng-dirty {
    border-width: 2px !important;
}

/* ROUND INPUTS AND SELECTS */
.filter-input-left-padding {
    padding: 0px 8px !important;
}

/* ROUND INPUTS AND SELECTS */
md-select-value, .filter .form-group.form-md-line-input .form-control:not([disabled]), md-input-container.md-default-theme .md-input:not([disabled]), md-input-container .md-input:not([disabled]) {
    background: var(--portlet-background) !important;
    border-radius: 4px !important;
    padding: 0px 8px !important;
    border: var(--border-color) 2px solid !important;
    min-height: 34px;
}

.login md-select-value, .login .filter .form-group.form-md-line-input .form-control:not([disabled]), .login md-input-container.md-default-theme .md-input:not([disabled]), .login md-input-container .md-input:not([disabled]) {
    border-radius: 4px !important;
}

md-autocomplete.md-default-theme[disabled]:not([md-floating-label]), md-autocomplete[disabled]:not([md-floating-label]) {
    background: transparent;
}

md-autocomplete md-autocomplete-wrap {
    height: 40px;
}

.md-whiteframe-z1 {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0), 0 0px 0px 0px rgba(0,0,0,0);
}

.md-select-value {
    border-bottom-width: 2px !important;
    min-height: 30px;
}

/* FORCE LABELS TO FLOAT */
.order-details-modal label, #orderSourcePortlet label, #conversionsAddPortlet label {
    color: var(--text-color-primary);
    font-size: 13px;
}

#feedSettings label, #products label, #feedFormat label {
    transform: translate3d(0,6px,0) scale(.75);
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
}

.order-details-modal md-input-container .md-input[disabled] {
    color: var(--text-color-primary) !important;
    background: none;
}

.filter {
    background: var(--offwhitegrey);
    border-bottom: var(--border-color) 2px solid !important;
}

.table > thead > tr .filter > td {
    vertical-align: middle;
}

md-input-container .searchBoxSmaller {
    margin: auto !important;
}

.btn.blue-stripe {
    border-left: 0px solid var(--primary-color-1) !important;
    border-right: 4px solid var(--primary-color-1) !important;
}

.conditiongroup-border-blue {
    /*border-right: 4px var(--primary-color-1) solid;
    border-left: 1px var(--border-color) solid;
    border-top: 1px var(--border-color) solid;
    border-bottom: 2px solid var(--border-color) !important;
    background-color: var(--offwhitegrey) !important;*/
}

md-option {
    height: 34px;
    font-size: 13px;
}

.md-autocomplete-suggestions li {
    line-height: 34px;
    height: 46px;
    padding: 7px;
}

.btn.green-soft:not(.btn-outline) .badge {
    background-color: var(--border-color);
    color: var(--text-color-primary);
    font-size: 12px !important;
}

.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
    font-size: 11px;
    padding: 6px 10px;
    font-weight: 300;
}

.profile-usertitle-job {
    text-transform: none;
    color: var(--text-color-blue);
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

label {
    margin-bottom: 0px !important;
}

#feedTemplateValidaitonRulePortlet > .portlet-body, #feedCustomRuleEditorPorlet > .portlet-body, #feedCategoryRuleEditorPorlet > .portlet-body, #feedFilterRuleEditorPorlet > .portlet-body, importCustomRuleEditorPorlet > .portlet-body, importCustomRulesPorlet > .portlet-body {
    padding: 15px 30px 15px 15px;
}

.portlet.light.portlet-fit > .portlet-body {
    padding: 15px !important;
}

    .portlet.light.portlet-fit > .portlet-body.no-padding {
        padding: 0px !important;
    }

.page-view-title {
    min-height: 40px !important;
    /*padding: 4px 0px 8px 16px !important;*/
    /*box-shadow: 0 1px 3px rgb(219, 230, 236), 0 1px 2px rgb(232, 240, 244);*/
}

.portlet.light.portlet-fit > .portlet-title {
    padding: 10px;
    margin-bottom: 0px;
    background-color: var(--page-background);
    border-bottom: 1px solid var(--portletLightBorder) !important;
}

.table > thead > tr > th {
    border-bottom: 1px solid var(--portletLightBorder) !important;
}

@media screen and (min-width: 992px) {
    .modal-lg {
        width: 1000px;
    }
}

@media screen and (min-width: 992px) {

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
        width: 54px !important;
        display: block;
        z-index: 1;
    }

    .page-sidebar {
        width: 150px !important;
        float: left;
        position: relative;
        margin-right: -100%;
    }

    .page-content-wrapper .page-content {
        margin-left: 150px !important;
    }

    .page-sidebar-fixed .page-footer {
        margin-left: 150px;
    }
}

.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto !important;
}

.page-header.navbar .page-logo {
    width: 200px;
    height: 50px;
    transition: .2s ease width;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.logo-square {
    max-height: 30px !important;
    margin-left: 8px;
}

.sidebar-toggler {
    vertical-align: middle;
    border: 1px var(--border-color) solid;
    background: var(--top-bar-background);
    width: 25px !important;
    height: 25px !important;
    border-radius: 25px;
    margin: 0px !important;
    position: fixed;
    top: 57px;
    left: 138px;
    padding: 0px;
    z-index: 100000;
    opacity: 1 !important;
    transition: .2s ease all;
}

.page-header.navbar .menu-toggler.responsive-toggler, .page-header.navbar .menu-toggler {
    background-image: none;
    margin: 24px 24px;
}

.page-header.navbar .menu-toggler {
    display: block;
    cursor: pointer;
    opacity: 1;
    filter: unset;
    width: 12px;
}

.page-quick-sidebar-toggler i.fa.fa-times {
    color: var(--text-color-primary);
}

/* LOGO */

.page-header.navbar .page-logo .logo {
    margin: auto !important;
    max-width: 75% !important;
}

.page-header.navbar .page-logo .logo-text {
    max-width: 60% !important;
    margin: auto 5px !important;
}

.login-logo {
    top: 80px;
    left: 80px;
    max-width: 222px !important;
}

.page-sidebar-closed .first-menu-border {
    display: none !important;
}

._hj-widget-container ._hj-FIOX5__styles__surveyBrandingLogo, _hj-QNHBM__styles__link {
    display: none;
}

[ng-click] {
    outline: none;
}

/*#tblValidationSummary td div {
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
    transition-property: font-size;
}*/

/*#tblValidationSummary {
    border-top: 0px solid var(--page-background);
    font-size: 13px;
}*/

#products .pagination {
    margin: 0px;
}

.tools .system-notification:before {
    left: 20px;
}

.system-notification {
    font-size: 13px !important;
}

.suggestedValidationFixes {
    color: var(--text-color-primary) !important;
    font-weight: 400;
    border: 1px var(--border-color) solid !important;
    border-radius: 4px;
    background: var(--portlet-background);
    padding: 15px;
    /*margin: 15px;*/
}

    .suggestedValidationFixes .title {
        font-weight: 600;
        margin-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--border-color);
    }

/*
	Disable Class
*/
.disabled {
    color: #AAAAAA;
    cursor: none;
    pointer-events: none;
    text-decoration: none;
    opacity: .65;
}

.bg-selected {
    color: var(--text-color-blue) !important;
    background-color: var(--bg-selected-background) !important;
    font-weight: 600 !important;
}


/* ADS OVERVIEW, CHARTS AND GRAPH STUFF */

.chart-container {
    position: relative;
    margin: auto;
}

.c-b-subtext {
    position: absolute;
    top: -10px;
    left: 118px;
    font-size: 8px;
    color: #a9adb1;
    text-transform: capitalize;
}

#performanceMetrics .c-b-subtext {
    position: absolute;
    top: -10px;
    left: 33px;
    font-size: 8px;
    color: #a9adb1;
    text-transform: capitalize;
}

.card-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}


.o-c-title {
    font-size: 13px;
    font-weight: 600;
}

.o-c-metrics {
    font-size: 12px;
}

.filter-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
    padding: 5px !important;
    /*border: 1px var(--border-color) solid !important;*/
    border-radius: 4px;
    background: var(--portlet-background);
    transition: all .28s cubic-bezier(.4,0,.2,1);
}

    .filter-card:hover, #overviewGoogleAds .portlet-body .card-white:hover {
        background: var(--hover-color) !important;
    }

.card-selected {
    color: var(--text-color-blue) !important;
    background-color: rgb(250, 250, 250) !important;
    font-weight: 600 !important;
    border: 1px solid var(--primary-color-1) !important;
    transition: all .28s cubic-bezier(.4,0,.2,1);
}

    .card-selected.card-white:focus {
        outline: none;
    }

.min-width-12k {
    min-width: 1200px;
}

.min-width-800 {
    min-width: 800px;
}

.portlet-fullscreen .dataTables_scrollBody1, .portlet-fullscreen .dataTables_scrollBody {
    position: inherit !important;
    overflow: auto !important;
    height: auto !important;
    width: 100% !important;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

.ticket-badge {
    position: absolute;
    top: 15px;
    right: 5px;
    background: #f44336 !important;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

.badge-new {
    background-color: var(--primary-color-1) !important;
    color: #ffffff !important;
    font-size: 9px !important;
    padding: 4px 6px;
}

#hlpImportSetup .btn-icon-only i {
    vertical-align: middle;
    margin: 0px;
}

.gdf-disabled-portlet {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.circle-icon {
    background: var(--offwhitegrey) !important;
    border: 1px solid var(--border-color);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 30px 17px;
    margin: 0 auto;
    color: #ACB5C3 !important;
}

.circle-logo {
    background: var(--offwhitegrey) !important;
    border: 1px var(--border-color) solid;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 19px 17px;
    margin: 0 auto;
    color: #ACB5C3 !important;
}

    .circle-logo img {
        width: 35px;
    }

/*.shadow {
	box-shadow: 0 1px 10px 0 rgba(50,50,50,.2);
}*/

.form-actions button[type=submit], .form-actions button[type=button] {
    min-width: 100px;
}

    .form-actions button[type=submit] i, .form-actions button[type=button] i {
        margin-right: 10px;
    }

.width-55 {
    min-width: 55px;
}

.width-100 {
    min-width: 100px;
}

.width-120 {
    min-width: 120px;
}

.width-150 {
    min-width: 150px;
}

.width-200 {
    min-width: 200px;
}

.width-300 {
    min-width: 300px;
}

/*
	gdf icons font sizes
*/

.fs64 {
    font-size: 64px;
}

.fs48 {
    font-size: 48px;
}

.fs32 {
    font-size: 32px;
}

.fs24 {
    font-size: 24px;
}

.fs16 {
    font-size: 16px;
}

/*
	Import Page
*/
.primarysource-wrapper {
}

.primarysource-icon {
    margin: 0 auto;
    display: table;
}
/* Rule Editor*/

.re-condition-set {
    width: 100px;
    display: inline;
    margin-right: 7px;
    margin-bottom: 15px;
}

.draggable > tbody > tr > td:first-child {
    cursor: move;
}

.rulecondition-formgroup {
    margin: 0 0 0px !important;
    padding-top: 0px !important;
}

.ruleconditionset-border {
    border-right: var(--primary-color-1) medium solid;
}

/*.table > thead > tr > td {
	text-align: center;
}*/

.table-nobordertop > tbody > tr > td,
.table-nobordertop > tbody > tr > th,
.table-nobordertop > tfoot > tr > td,
.table-nobordertop > tfoot > tr > th,
.table-nobordertop > thead > tr > td,
.table-nobordertop > thead > tr > th {
    border-top: 0 !important;
}


.table-gos > tbody > tr > td {
    font-size: 12px;
    vertical-align: middle;
}

.table-gos div .form-group.form-md-line-input {
    padding-top: 0px !important;
}

.form-group.form-md-line-input .form-control.ng-invalid.edited:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control.ng-invalid.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.ng-invalid:focus:not([readonly]) ~ .form-control-focus:after,
.form-group.form-md-line-input .form-control.ng-invalid:focus:not([readonly]) ~ label:after {
    visibility: visible;
    left: 0;
    width: 100%;
    background: #e73d4a;
}

/* UI Grid Overrides    */
.ui-grid-top-panel {
    font-size: 13px;
    font-weight: 600;
    background: none;
}

.ui-grid-footer-panel {
    background: #f3f3f3;
}

.ui-grid-cell {
}

.ui-grid-cell-contents {
    padding: 8px;
}

.cellPopover {
    overflow: visible;
    padding: 8px;
}

/*  Bundles */
.pricing-content-2 .pricing-table-container .price-column-container.featured-price {
    padding: 45px 0 !important;
}

.fix-margins {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/*
	ng-TagInput CUSTOM RULE EDITOR
*/
tags-input .tags .tag-item {
    margin: 5px 12px 0 0;
    padding: 3px 10px 0px 10px;
    display: inline-block;
    float: left;
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
    min-height: 36px;
    height: auto;
    line-height: 25px;
    border: 2px solid var(--border-color);
    border-radius: 5px;
    background: var(--page-background);
    color: var(--text-color-primary);
    position: relative;
}

tags-input .tags {
    box-shadow: 0 0px 0px 0px rgba(0,0,0,.03) !important;
    border: 0px var(--border-color) solid !important;
    border-radius: 4px;
    background: var(--portlet-background);
    display: inline-block;
    width: calc(100% - 90px);
}

tags-input#customRulesValuesEditor {
    display: block;
    padding: 0px;
}

tags-input .tags .tag-item span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap !important;
}

tags-input .tags .tag-item .remove-button {
    position: absolute;
    right: 4px;
    top: 4px;
}

tags-input .tags .tag-item .remove-button {
    opacity: 0;
    color: var(--danger-red-background) !important;
    font: 700 20px Arial,sans-serif;
    margin: 0 5px;
    background: var(--page-background);
    padding: 0 0 0 3px;
}

tags-input .tags .tag-item:hover .remove-button {
    opacity: 1;
}

tags-input .tags .tag-item.selected {
    background: -webkit-linear-gradient(top,#febbbb 0,#fe9090 45%,#ff5c5c 100%);
    background: var(--danger-red-background);
}

tags-input .tags .tag-item:hover {
    cursor: move;
}

tags-input .tags .input {
    border: 2px solid var(--border-color);
    background: var(--offwhitegrey) !important;
    border-radius: 4px;
    min-width: 222px;
    outline: 0;
    margin: 5px 0 0 0;
    padding: 0 10px 0 10px;
    float: left;
    height: 36px;
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

tags-input .tags.focused .input {
    border: 2px solid var(--primary-color-1);
    border-radius: 4px;
    min-width: 222px;
    outline: 0;
    padding: 0 10px 0 10px;
    float: left;
    height: 36px;
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

tags-input {
    padding: 3px;
}

#customRulesValuesEditor .host {
    display: inline;
}

.to .rule-action-label {
    vertical-align: top;
    margin-top: 10px;
}

#customRulesValuesEditor li.tag-item:before {
    color: var(--border-color) !important;
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f067";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 8px;
    position: absolute;
    right: -11px;
    top: 40%;
}

.new-textReplaceRule {
    border-top: 2px solid var(--border-color);
    background: var(--portlet-background);
}

.textReplaceRule {
    background: var(--bg-selected-background);
}

svg#Layer_1 {
    display: none;
}

.ruleEditorSection.where .rule-action-label {
    vertical-align: top;
}

.rule-action-label {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    width: 80px;
    vertical-align: top;
}

.rule-action-control {
    width: calc(100% - 90px);
    display: inline-block !important; /*inline-block must be used with calc width*/
}

.rule-action-label code {
    font-weight: 600;
    text-transform: uppercase;
    background: var(--page-background);
}

.ruleEditorSection.where, .ruleEditorSection.to {
    margin: 10px 0 0 0;
}

.ruleEditorSection {
    margin: 0 0 2px 0;
}

#rleCondition .table-condensed td {
    padding: 2px 0px 0px 0px;
}

#rleCondition .card-white {
    min-width: 500px;
    box-shadow: 0 0px 0px 0px rgba(0,0,0,.03);
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    min-width: 500px;
    padding: 5px 8px !important;
}

.rule-list-search:before {
    color: var(--text-color-secondary) !important;
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f002";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    position: absolute;
    left: 9px;
    top: 12px;
}

.md-input-focused.rule-list-search:before {
    color: var(--text-color-blue) !important;
}

#textReplacementPortlet {
    margin: 5px 0 25px 90px;
    border-width: 1px !important;
    padding: 1px;
    background: #f3f7f9;
}

    #textReplacementPortlet td {
        vertical-align: middle;
        border-top: 0px solid var(--page-background);
    }

#feedCustomRuleEditorPorlet #importCustomRuleEditorPorlet .md-errors-spacer, #feedFilterRuleEditorPorlet .md-errors-spacer, #feedCategoryRuleEditorPorlet .md-errors-spacer {
    position: absolute;
    right: 0;
    top: -16px;
}

.rule-name {
    border-bottom: 1px #e7ecf1 solid;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

div#feedSettingsPortlet {
    max-width: 2000px;
}

button#customRulesReplaceTextToggle {
    margin-left: 75px;
}

@media (max-width: 991px) {
    .rulesInfo {
        display: none;
    }
}

@media (max-width: 1350px) {
    .showingEditor .rulesList, .rulesInfo {
        display: none;
    }

    .rulesList, .rulesEditor {
        width: 100%;
    }

    #btnHideShowRules {
        display: none;
    }

    .ruleEditorBody, #feedCustomRuleListPorlet .table-responsive, #feedFilterRuleListPorlet .table-responsive {
        max-height: none !important;
        min-height: unset !important;
    }
}

@media (min-width: 1350px) {
    #btnBackToRules {
        display: none;
    }

    .insight-btn:hover svg {
        display: inline;
        fill: var(--insight-background);
    }
}

.rulesList #name {
    display: inline-block;
}

.rule-list-search {
    width: 65%;
    max-width: 300px;
    display: inline-block;
}

#storeList .rule-list-search {
    width: 100%;
}

#tblProducts .rule-list-search, #orderSummaryTable .rule-list-search {
    width: 80% !important;
}

.rule-status-filter {
    width: 68px;
    display: inline-block;
}

#rulesListSearch {
    width: calc(100% - 42px);
    display: inline-block;
    text-align: right;
}

.rulesEditor, .rulesInfo, .rulesList, md-tab-content {
    max-width: 2000px;
}

.fa-ellipsis-h {
    font-size: 1.33333333em !important;
    line-height: .75em !important;
    vertical-align: -15%;
}

#accountDetails md-content {
    padding-bottom: 20px;
}

.hiddenRulesList .ruleEditorBody {
    max-height: none !important;
    min-height: unset !important;
}

@media (min-height: 900px) {
    .ruleEditorBody {
        min-height: 420px !important;
    }
}

tags-input .suggestion-list {
    max-height: 160px;
}

md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked .md-container:before, md-radio-group.md-focused:not(:empty) .md-checked .md-container:before {
    background-color: rgba(198, 224, 255, 0.67);
}

.badge-sm {
    height: 15px;
}

.ui-sortable-handle {
    cursor: move !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.table-selected {
    background: #E3F2FD !important;
}

.padding-t-20 {
    padding-top: 20px;
}


.padding-t-3 {
    padding-top: 3px;
}


.padding-t-10 {
    padding-top: 10px;
}

.padding-15 {
    padding: 15px !important;
}

.padding-10-24 {
    padding: 10px 24px !important;
}

.padding-10 {
    padding: 10px !important;
}

.menu-border-padding {
    padding: 12px 12px 8px !important;
}

.filter-group-title {
    padding: 8px 12px !important;
    margin: 16px 0px 0px 0px;
}

.filter-group-title-text {
    color: var(--text-color-primary) !important;
    font-weight: 600;
}

    .filter-group-title-text:hover {
        color: var(--text-color-blue) !important;
    }

#storesFiltersList button.label {
    transition: all .2s cubic-bezier(.4,0,.2,1);
}

    #storesFiltersList button.label.label-primary:hover {
        box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
        background-color: var(--page-background) !important;
    }

.form-group .form-control.ng-invalid {
    border-bottom: 1px solid #e73d4a;
}

.form-group.form-md-line-input .form-control.edited:not(:active) ~ .form-control:after,
.form-group.form-md-line-input .form-control.edited:not(:active) ~ label:after,
.form-group.form-md-line-input .form-control.edited:not(:focus) ~ .form-control:after,
.form-group.form-md-line-input .form-control.edited:not(:focus) ~ label:after {
    background: #ccc;
}

/*  Material Design Form Overrides    */

@media (min-width: 960px) {
    md-tooltip .md-content {
        padding: 8px !important;
    }
}

md-tabs-canvas {
    background-color: var(--portlet-background);
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.08);
}

#currentBillingPortlet md-content {
    padding-bottom: 120px;
}

#currentBillingPortlet td {
    vertical-align: middle;
}

.portlet.light > .portlet-title > .caption > i {
    color: var(--text-color-secondary);
    font-size: 18px;
    font-weight: 400;
}

.popover > .popover-title {
    font-weight: 600;
    font-size: 16px;
    text-transform: none;
    padding: 15px;
}

#dashboardGettingStartedSteps .btn {
    margin: 7px 5px !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    color: var(--text-color-blue);
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: var(--primary-color-1);
}

@media (min-width: 960px) {
    md-tooltip .md-content {
        padding: 10px !important;
    }
}

md-tooltip.md-default-theme .md-content, md-tooltip .md-content {
    background-color: var(--portlet-background) !important;
    /*border: var(--text-color-primary) 1px solid;*/
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
}

md-tooltip {
    z-index: 100000;
    color: var(--text-color-primary);
    font-family: inherit;
    font-size: 13px;
    padding: 8px;
}

.md-content {
    height: auto !important;
    max-width: 300px !important;
    padding: 8px !important;
    white-space: normal !important;
    border-radius: 3px;
}

/*Tool tip width*/
@media (min-width: 991px) {
    .md-content {
        height: auto !important;
        max-width: 500px !important;
        padding: 8px !important;
        white-space: normal !important;
        border-radius: 3px;
    }
}

@media (max-width: 991px) {
    .md-content {
        height: auto !important;
        max-width: 300px !important;
        padding: 8px !important;
        white-space: normal !important;
        border-radius: 3px;
    }
}

md-toast {
    position: fixed;
    z-index: 100000;
}

    /*md-toast.md-center {
    top: 0px;
    left: 60%;
    margin-left: -150px;
    transform: translate3d(-50%, 0, 0);
}*/

    md-toast.md-center {
        top: 35px;
        right: 15px;
        left: unset;
        transform: unset;
    }

.md-toast-text {
    /*text-align: center;*/
    font-weight: 600 !important;
}

.md-toast-animating {
    overflow: initial !important;
}

/*md-toast.md-success-toast-theme .md-toast-content {
    background-color: #51CC5B !important;
    color: #ffffff
}

md-toast.md-error-toast-theme .md-toast-content {
    background-color: #var(--danger-red-background);
    color: #fff;
}

md-toast.md-warning-toast-theme .md-toast-content {
    background-color: #var(--yellow-saffron) !important;
    color: var(--text-color-primary)
}*/

md-toast.md-success-toast-theme .md-toast-content {
    background-color: var(--portlet-background);
    color: var(--text-color-primary);
}

    md-toast.md-success-toast-theme .md-toast-content .md-toast-text:before {
        color: #51CC5B !important;
        display: inline-block;
        font: normal normal normal 13px/1 FontAwesome;
        content: "\f058";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 20px;
        position: absolute;
        left: 20px;
        top: 13px;
    }

md-toast.md-error-toast-theme .md-toast-content {
    background-color: var(--portlet-background);
    color: var(--text-color-primary);
}

    md-toast.md-error-toast-theme .md-toast-content .md-toast-text:before {
        color: #ff6c61 !important;
        display: inline-block;
        font: normal normal normal 13px/1 FontAwesome;
        content: "\f06a";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 20px;
        position: absolute;
        left: 20px;
        top: 13px;
    }

md-toast.md-warning-toast-theme .md-toast-content {
    background-color: var(--portlet-background);
    color: var(--text-color-primary);
}

    md-toast.md-warning-toast-theme .md-toast-content .md-toast-text:before {
        color: var(--yellow-saffron) !important;
        display: inline-block;
        font: normal normal normal 13px/1 FontAwesome;
        content: "\f071";
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 20px;
        position: absolute;
        left: 20px;
        top: 13px;
    }

md-toast.md-default-theme .md-toast-content .md-button, md-toast .md-toast-content .md-button, md-toast.md-default-theme .md-toast-content .md-button:hover, md-toast .md-toast-content .md-button:hover {
    color: var(--text-color-blue);
    font-weight: 600;
    border-radius: 4px;
}

md-toast .md-toast-content {
    border-radius: 4px;
    padding: 16px 16px 16px 54px;
}

.form-group.form-md-line-input .form-control.edited:active:not([readonly]):not(.ng-invalid) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.edited:active:not([readonly]):not(.ng-invalid) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]):not(.ng-invalid) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]):not(.ng-invalid) ~ label:after {
    background: #5b9bd1;
}

.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block {
    color: #555555;
}

.form-group.form-md-line-input.form-md-floating-label:active .form-control ~ label {
    transition: .2s ease all;
    color: #999;
}

.form-group.form-md-line-input.form-md-floating-label:not(focus) .form-control ~ label {
    transition: none;
}

.form-group .help-block-error .has-error .ng-invalid {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    color: red;
}

.hide-validation-error .md-errors-spacer {
    display: none;
}

md-input-container.md-default-theme.md-input-invalid .md-input, md-input-container.md-input-invalid .md-input {
    border-color: rgb(221,44,0) !important;
}

md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, md-select.ng-invalid.ng-touched .md-select-value {
    color: rgb(221,44,0) !important;
    border-color: rgb(221,44,0) !important;
}

md-input-container.md-default-theme .md-input, md-input-container .md-input {
    /*transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
    color: var(--text-color-primary);
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: var(--primary-color-1) !important;
    /*box-shadow: 0 0 6px var(--primary-color-1);*/
    background-color: var(--portlet-background) !important;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border-color: var(--primary-color-1) !important;
    background-color: var(--portlet-background) !important;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon, md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected], md-select-menu.md-default-theme md-content md-option[selected]:focus, md-select-menu md-content md-option[selected]:focus {
    color: var(--text-color-blue);
}

md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: var(--text-color-blue);
}

/*.md-select-menu-container.md-active md-select-menu {
	-webkit-transition: all 0s cubic-bezier(.25,.8,.25,1);
	transition: all 0s cubic-bezier(.25,.8,.25,1);
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}*/

/*.md-select-menu-container.md-active md-select-menu > * {
		opacity: 1;
		-webkit-transition: all 0s cubic-bezier(.55,0,.55,.2);
		transition: all 0s cubic-bezier(.55,0,.55,.2);
		-webkit-transition-duration: 0s;
		transition-duration: 0s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}*/

/*button, input, select, textarea {
	font-size: 12px;
}*/

/*.form-group.form-md-line-input .form-control {
	font-size: 12px !important;
}*/

@media (min-width: 992px) {
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        padding: 16px 8px;
    }
}

@media (min-width: 992px) {
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-square {
        display: block !important;
    }
}

.editable-click, a.editable-click {
    vertical-align: middle;
}

.dropdown-menu {
    border-radius: 4px !important;
    left: 0;
    min-width: 150px;
    position: absolute;
    z-index: 10000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: var(--drop-down-menu-background) !important;
    /*font-family: 'Nunito Sans', 'Open Sans', 'Helvetica Neue', sans-serif !important;*/
    max-height: 275px;
    overflow: auto;
    transition: opacity 0s cubic-bezier(.23,1,.32,1) 0s !important;
}


.dropdown-menu-small {
    border-radius: 2px !important;
    left: 0;
    min-width: 100px;
    position: relative;
    z-index: 4;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    max-height: 225px;
    overflow: auto;
    transition: opacity 0s cubic-bezier(.23,1,.32,1) 0s !important;
}

    .dropdown-menu-small > li > a {
        color: var(--text-color-primary) !important;
        font-weight: 400;
        padding: 2px 2px 2px 2px !important;
        max-width: 600px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: var(--primary-color-1) !important;
}

.page-sidebar-fixed .page-sidebar-menu .sub-menu {
    margin: 0;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    height: auto;
}

.page-sidebar-fixed .page-sidebar-menu .open .sub-menu {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    height: auto;
    max-height: 600px;
}

/*.page-sidebar {
	z-index: 1;
}*/

/*.page-quick-sidebar {
    width: 90%;
    position: absolute;
    left: 5%;
}*/

.width-50px {
    width: 50px;
}

.width-70px {
    width: 70px;
}

.width-25px {
    width: 25px;
}

.width-35px {
    width: 35px;
}

.width-20px {
    width: 20px;
}

.width-270 {
    width: 270px !important;
}


.loading-img {
    width: 70px;
    filter: grayscale(1);
    margin-top: -15px;
}

.feed-logo-mapping {
    width: 16px;
    padding-bottom: 4px;
}

.feed-logo {
    width: 32px;
    margin: 0px 4px 0px 0px;
}

.feed-logo-16 {
    width: 16px;
    margin: 0px 4px 0px 0px !important;
}

.feed-logo-14 {
    width: 13px;
    margin: 0px 4px !important;
}

.source-logo {
    height: 32px;
    margin-bottom: 5px;
}

#overviewFeedTablePortlet img.feed-logo {
    width: 32px;
    margin-right: 15px;
}

#overviewFeedTablePortlet .feed-name {
    font-size: 16px;
    font-weight: 600;
}

.feed-logo-schedule {
    width: 30px;
    margin: 0px 10px 0px 0px;
}

.feed-image-row {
    overflow: hidden !important;
    display: block !important;
    margin-bottom: 0px !important;
}

.feed-image {
    margin-left: 13px !important;
    width: 120px !important;
    height: 120px !important;
    /* display: block !important; */
    /* float: left !important; */
    /* padding-bottom: 34px !important; */
    /* padding-left: 0px !important; */
    margin-bottom: -16px !important;
    opacity: .3 !important;
}

/*.feed-details-logo {
	width: 70px;
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}*/

.submenu-title {
    text-transform: uppercase !important;
    font-size: 16px;
    color: var(--text-color-primary);
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 0 8px;
    float: left;
    display: inline-block;
}

.import-details-title {
    text-transform: uppercase !important;
    font-size: 20px;
    color: #5b5b5b;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 2px;
}

.capitalize {
    text-transform: capitalize;
}

#_hj-f5b2a1eb-9b07_feedback ._hj-f5b2a1eb-9b07_feedback_minimized_label {
    position: absolute !important;
    right: -21px !important;
    padding: 8px 0px 8px 4px !important;
}

#_hj-f5b2a1eb-9b07_hotjar_branding {
    display: none;
}

.portlet .portlet-title .caption {
    font-size: 20px;
    font-weight: 600;
}



.padding-l-r-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.blue-bg-border {
    background: #E3F2FD !important;
}

.profile-usermenu {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 15px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .username {
    display: inline-block;
    font-weight: 400;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*font-size: 12px !important;*/
    color: var(--page-background);
}

.navbar-padding {
    padding: 15px 20px 13px 8px !important;
}

/*.navbar-account-padding {
    padding: 17px 70px 13px 20px !important;
}*/


.account-active {
    /*background-color: #51CC5B !important;*/
}

.account-inactive {
    background: var(--danger-red-background) !important;
}

.account-active:hover {
    background-color: #4aba53 !important;
}

.account-inactive:hover {
    background-color: #D15555 !important;
}

.page-header .dropdown-menu > li > a {
    max-width: 285px;
}

a.sign-out {
    background: var(--sign-out);
}

.dropdown-menu > li > a {
    color: var(--text-color-primary) !important;
    font-weight: 400;
    padding: 10px 25px 10px 15px;
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-menu > li > label {
    color: var(--text-color-primary) !important;
    font-weight: 400;
    padding: 5px;
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a {
    background-color: var(--page-background);
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: var(--drop-down-menu-hover);
}

.dropdown-menu > li > a > i {
    color: var(--text-color-primary) !important;
}


.dropdown-menu > li.active:hover > label, .dropdown-menu > li.active > label, .dropdown-menu > li:hover > label {
    background-color: var(--page-background);
}

.dropdown-menu > li > label:focus, .dropdown-menu > li > label:hover {
    background-color: var(--drop-down-menu-hover);
}

.dropdown-menu > li > label > i {
    color: var(--text-color-primary) !important;
}

.current-store {
    font-size: 12px !important;
}

.current-account {
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
}

.username {
    color: var(--text-color-primary);
    display: inline !important;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 400;
}

.truncate-pageheader {
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.displayFlex {
    display: flex !important;
}

.table-truncate {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-truncate-on {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.hoverableParent {
    position: relative;
}

.hoverableChildFlex {
    display: none;
    position: relative;
}

.hoverableParent:hover .hoverableChildFlex {
    display: flex;
}

.table-truncate-off {
    /* left: revert; */
    margin-left: -5px;
    margin-top: 5px;
    z-index: 2;
    max-width: 300px;
    max-height: 80px;
    min-height: 20px;
    min-width: 80px;
    width: auto;
    height: auto;
    padding: 3px !important;
    border: 3px solid #ddd;
    border-top: 3px solid #ddd !important;
    background: var(--table-background);
    white-space: normal;
    word-break: break-word;
    overflow-y: auto;
    left: inherit;
    position: relative;
    display: inline-block;
}

@media (max-width: 1450px) {


    /*.logo-square {
        display: none !important;
    }

    .logo {
        display: block !important;
    }*/

    .current-store {
        max-width: 190px;
    }

    .username {
        max-width: 190px;
    }

    .truncate-pageheader {
        max-width: 350px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #feedfilter {
        max-width: 110px;
    }

    .table-responsive .button-space {
        padding-right: 0px;
    }
}

@media (max-width: 1300px) {
    .card-body-ask-ai {
        max-height: 250px;
    }



    /*.logo-square {
        display: block !important;
    }

    .logo {
        display: none !important;
    }

    .page-top .nav-item a.nav-link .title {
        display: none !important;
    }*/

    .page-top .nav-item:not(.nav-item-active) a.nav-link .title {
        display: none !important;
    }

    .nav-menu-icon {
        display: inline-flex !important;
    }

    .page-header.navbar .page-logo {
        width: 100px;
    }

    .truncate-pageheader {
        max-width: 410px;
    }

    .hide-on-mobile-hc {
        display: none !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .username {
        max-width: 100px;
    }

    .current-store {
        max-width: 150px;
    }

    .navbar-account-padding {
        padding-right: 65px !important;
        padding-left: 12px !important;
    }

    .navbar-nav > li > a {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (max-width: 1000px) {
    .ai-table-tools-mobile {
        display: grid;
        align-content: space-evenly;
        justify-items: center;
    }
}

@media (max-width: 601px) {

    .card-body-ask-ai {
        max-height: 100px;
    }

    /*.logo-square {
        display: none !important;
    }

    .logo {
        display: block !important;
    }*/

    .page-header.navbar .page-logo {
        width: 150px;
        padding: 0px 15px;
    }

    .truncate-pageheader {
        max-width: 410px;
    }

    .current-store {
        max-width: 200px;
    }

    .helpcenter {
        max-width: 140px;
    }

    .navbar-nav > li > a {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}

@media (max-width: 424px) {

    .card-body-ask-ai {
        max-height: 100px;
    }

    .current-store {
        max-width: 100px;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .page-top .nav-item a.nav-link .title {
        display: none !important;
    }

    .nav-link i.fa {
        font-size: 20px;
    }

    .truncate-pageheader {
        max-width: 320px;
    }

    .navbar-nav > li > a {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    #multiselectHeader-storeSwitch {
        width: 238px !important;
    }

    #storeSwitcherDiv {
        top: 0px !important;
        left: 0px !important;
    }

    .switchStoreResult {
        max-width: 88px !important;
    }

    .tourDashboard {
        display: block;
    }

    #dashboardGettingStartedSteps .caption small {
        display: block;
        margin: 5px 0;
    }
}

.tourDashboard {
    font-size: 85%;
    color: var(--text-color-blue);
    cursor: pointer;
}




.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > i {
    font-size: 16px;
    text-align: left;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
    color: #0281cc;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > .title {
    display: none !important;
    margin: 0;
    padding: 9px 15px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
    background: 0 0;
}

.page-sidebar .page-sidebar-menu > li.active > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .title {
    font-weight: 600 !important;
    color: #ffffff !important
}

.page-sidebar .page-sidebar-menu .sub-menu li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li.active > a {
    font-weight: 600 !important;
    color: #ffffff !important;
    /*font-style: italic*/
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a {
    padding-left: 8px;
}

    .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a > i {
        font-size: 18px;
    }

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact.page-sidebar-menu-closed > li > a {
        min-height: 50px;
        padding-right: 11px;
        padding-left: 18px;
    }
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before {
    color: #ffffff !important;
}

.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before {
    color: #ffffff !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 27px 20px;
    max-height: 50px;
}

.page-header.navbar .top-menu .navbar-nav {
    padding: 0;
    margin-right: 0px;
    display: block;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
        width: 15px;
        display: inline-block;
        margin-right: 15px;
    }

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    border-top: 0px solid #2b3b55;
    color: #fff !important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a > .title {
    display: inline-block !important;
    text-align: left;
    margin-top: 0;
}

@media (min-width: 991px) {
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a > span {
        display: none !important;
        text-align: left;
        margin-top: 0;
    }
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: var(--text-color-primary) !important;
}



.alert-info {
    background-color: var(--page-background);
    color: var(--text-color-primary);
    border: 1px var(--border-color) solid;
}

.alert-running {
    border: 1px solid var(--info-border) !important;
    background: var(--info-background) !important;
    color: var(--text-color-blue);
}

a:focus, a:hover {
    text-decoration: none;
    color: var(--text-color-blue);
}

.alert {
    margin-bottom: 0px;
    font-size: 13px !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.1), 0 0px 0px rgba(0,0,0,.18);
    border-radius: 4px !important;
    /*text-align: center;*/
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px;
}

.alert-title {
    margin-right: 10px !important;
    text-transform: uppercase !important;
    font-size: 85%;
    font-weight: 600 !important;
}

.alert-danger {
    background-color: var(--danger-alert-background) !important;
    border: 1px solid var(--danger-alert-border) !important;
    color: var(--text-color-primary);
    border-radius: 4px !important;
}

    .alert-danger a:focus, .alert-danger a:hover {
        text-decoration: none;
        color: var(--text-color-primary);
        opacity: .8;
    }

    .alert-danger a {
        font-weight: 600 !important;
        color: var(--text-color-primary);
        background: var(--danger-alert-background);
        float: right;
    }

    .alert-danger .fa-exclamation-circle {
        color: var(--danger-font-red);
    }

.alert-warning {
    background-color: var(--warning-yellow-background) !important;
    border: 1px solid var(--warning-yellow-border) !important;
    color: var(--text-color-primary);
    border-radius: 4px !important;
}

    .alert-warning a {
        background-color: var(--warning-yellow-background) !important;
        font-weight: 600 !important;
        color: var(--text-color-primary);
        float: right;
    }

.alert-success {
    background: var(--success-green-background) !important;
    border: 1px solid var(--success-green-border) !important;
    color: var(--success-green-text);
}

    .alert-success a {
        color: var(--success-green-text) !important;
        background: var(--success-green-background);
        float: right;
    }

/* END PAGE INFO ALERTS */

.page-sidebar .page-sidebar-menu > li.active > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
    float: right;
    position: absolute;
    right: -1px;
    top: 26px;
    background: 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 12px double #454545;
    border-bottom: 12px double transparent;
    border-left: 0;
    border-right: 8px solid #454545;
    display: none
}

.l-h-45 {
    line-height: 45px;
}

.l-h-20 {
    line-height: 20px;
}

.page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 0px !important;
}

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    list-style: none;
    display: none;
    padding: 0;
    margin: 0px 0;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li > a {
    background-color: transparent !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu {
    background: transparent !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .sub-menu > li.active > a {
    background-color: rgba(253, 253, 253, 0.14) !important;
    border-left-color: #5b5b5b !important;
    border-left-style: solid;
    border-left-width: 4px;
}


    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
        color: var(--portletLightBorder);
    }

.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a {
    text-align: left;
    min-height: 50px;
    max-height: 50px;
    padding: 15px;
    padding-left: 18px;
}

.no-line {
    text-decoration: none !important;
}

.tabbable-line > .nav-tabs > li.active {
    /*background-color: #f6f9fb;*/
    border-bottom: 4px solid var(--primary-color-1);
    position: relative;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    background: 0 0;
    border-bottom: 4px solid var(--text-color-secondary)
}

.nav-tabs > li {
    margin: 0;
    padding: 0;
    min-width: 150px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .popover-wrapper form {
        margin-left: -30px;
        padding: 0px;
    }

        .popover-wrapper form:before {
            left: 25px;
        }

        .popover-wrapper form:after {
            left: 26px;
        }
}

@media screen and (min-width: 750px) {
    .popover-wrapper form {
        margin-left: -30px;
        padding: 0px;
    }

        .popover-wrapper form:before {
            left: 50px;
        }

        .popover-wrapper form:after {
            left: 51px;
        }
}

.popover-wrapper {
    z-index: 90;
    /*position: absolute;*/
    padding: 0px;
}

    .popover-wrapper.multi-input {
        position: absolute;
        width: auto;
    }

    .popover-wrapper form {
        position: sticky;
        left: 65%;
        padding: 0px;
    }

.opacity-6 {
    opacity: .6 !important;
    filter: alpha(opacity=60);
}

.btn.dropdown-toggle {
    border-radius: 4px;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    font-style: inherit !important;
    font-variant: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    letter-spacing: .01em !important;
    overflow: hidden !important;
    min-height: 36px !important;
    min-width: 36px;
    line-height: 36px !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 8px !important;
}

.btn-action {
    border-radius: 4px;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    font-style: inherit !important;
    font-variant: inherit !important;
    font-family: inherit !important;
    text-decoration: none !important;
    letter-spacing: .01em !important;
    overflow: hidden !important;
    min-height: 36px !important;
    width: 175px;
    line-height: 36px !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 16px !important;
}


.fade-in-up.ng-hide {
    opacity: 0;
}

.fade-out-down.ng-leave {
    -webkit-animation: fade-out-down-animation ease 1s;
    -moz-animation: fade-out-down-animation ease 1s;
    -o-animation: fade-out-down-animation ease 1s;
    animation: fade-out-down-animation ease 1s;
}

@keyframes fade-out-down-animation {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

/*md-input-container.md-input-focused .md-input, md-input-container.md-input-resized .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
	padding-bottom: 0 !important;
	border-width: 0 0 2px !important;
}*/

.pricing-content-2 .pricing-table-container .price-column-container {
    background-color: var(--portlet-background);
    margin: 35px 0;
    padding: 15px 0 !important;
    text-align: center;
    border-bottom: 4px solid #ccc;
}

    .pricing-content-2 .pricing-table-container .price-column-container > .price-table-pricing > h3 {
        font-size: 45px !important;
        position: relative;
        font-weight: 600;
        color: #666666;
    }

    .pricing-content-2 .pricing-table-container .price-column-container > .price-table-footer {
        padding: 30px 0 15px 0 !important;
    }

.md-input-focused .hint {
    color: var(--text-color-blue) !important;
}

.md-input-focused label {
    color: var(--text-color-blue) !important;
}

.hint {
    font-size: 11px;
    /*float: left;*/
}

label {
    font-size: 16px;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: var(--text-color-primary);
}

.v-a-top {
    vertical-align: top !important;
}

.profile-usermenu > ul > li > a {
    font-size: 13px;
    font-weight: 400;
    color: #5b5b5b;
    /*text-transform: uppercase;*/
}

.profile-usertitle-name {
    color: #3f3f3f;
    font-size: 13px !important;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-20-60 {
    padding: 20px 60px !important;
}

.margin-l-r-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.margin-l-r-15 {
    margin-right: 15px;
    margin-left: 15px;
}

.margin-left-15 {
    margin-left: 15px;
}


/*Gap between rule list portlet and rule editors*/
.padding-left-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.padding-l-0 {
    padding-left: 0px;
}

.padding-r-0 {
    padding-right: 0px;
}

.button-space {
    padding-right: 10px;
}

.bottom-border-grey {
    border-bottom: var(--page-background) 1px solid !important;
}

.bottom-border-grey-thin {
    border-bottom: var(--border-color) 1px solid !important;
}

.bottom-border-light {
    border-bottom: var(--text-color-primary) 1px solid !important;
}

.border-top-0 {
    border-top: 3px solid #ffffff !important;
}

/*.table td, .table th {
	font-size: 12px;
}*/

/*no page spaces*/

.page-content-wrapper .page-content {
    padding: 0px;
}

@media (max-width: 991px) {
    .topnav_mobile_hide {
        display: none !important;
    }

    .topnav_mobile_show {
        display: inline !important;
    }

    .page-content-wrapper .page-content {
        margin: 0 !important;
        padding: 0px !important;
        min-height: 280px;
    }
}

.profile-content {
    transition: .2s ease margin;
}

.width-230 {
    width: 230px;
}

.width-250 {
    width: 250px !important;
}

.width-333 {
    width: 333px !important;
}

.weight-300 {
    font-weight: 300 !important;
}

.page-content {
    background-color: var(--page-background);
    transition: all .2s ease;
}

.page-content-wrapper {
    background: none !important;
    background-color: var(--page-background) !important;
}

.table {
    background-color: var(--table-background) !important;
    margin-bottom: 0px;
}

#tblAccountsList {
    background-color: transparent !important;
}

.conditions-table {
    background-color: transparent !important;
    margin-bottom: 0px;
}

.portlet.light {
    padding: 12px 15px 15px;
    background-color: var(--offwhitegrey);
    margin: 0 0 15px 0;
}

div#feedTablePortlet {
    background-color: var(--page-background);
}

.profile-content .portlet.light {
    background-color: var(--page-background);
}

.btn-md {
    height: 38px;
    width: 38px;
    text-align: center;
    padding: 0px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    /*-webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -ms-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;*/
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
}

    .btn-md i {
        margin: 0px !important;
        vertical-align: middle;
    }

.btn-footer-fab {
    height: 40px;
    width: 40px;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 2px !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    /*-webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;*/
}

.portlet.light .portlet-body {
    padding-top: 0px;
}

.portlet {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 0;
    border-radius: 4px;
}

    .portlet > .portlet-body > .tools > a.fullscreen {
        display: inline-block;
        top: -3px;
        position: relative;
        font-size: 13px;
        font-family: FontAwesome;
        color: #ACACAC;
    }

.profile-usermenu ul li.active a, .profile-usermenu ul li.filterActive a {
    color: var(--text-color-blue);
    background: inherit;
    border-left: 0px solid var(--primary-color-1);
    margin-left: 0px;
    font-weight: 600;
}

.profile-usermenu ul li.filterActive a {
    border-radius: 0px;
}

.filterActive {
    background: var(--border-color) !important;
    border-radius: 4px;
}

#storesProfileSidebarPortlet .badge {
    position: absolute;
    right: 10px;
    top: 10px;
}

.bg-blue {
    background: var(--primary-color-1) !important;
}

.border-dark-transparent {
    border: 8px solid transparent !important;
}

.portlet.light.bordered > .portlet-title {
    border-bottom: 2px solid var(--page-background);
}

.no-bottom-border {
    border-bottom: 0px solid var(--page-background) !important;
}

.no-top-border {
    border-top: 0px solid var(--page-background) !important;
}

.portlet.light.bordered {
    border: 1px solid var(--border-color) !important;
}

.portlet-shadow-none {
    box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

@media (min-width: 991px) {
    .profile-usermenu ul li:last-child {
        border-bottom: none;
        margin-bottom: 120px !important;
    }

    .collapse-profile-sidebar div#btnBackToCatalog {
        display: none;
    }
}

.font-8 {
    font-size: 8px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 13px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-purple-nav {
    color: #CE93D8 !important;
}

.padding-dropdown {
    padding: 8px 16px;
}

md-progress-linear .md-container .md-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
}

md-progress-linear {
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

    md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar1 {
        background-color: var(--primary-color-1);
    }

    md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar2 {
        background-color: #4b77be;
    }

    md-progress-linear .md-container {
        background-color: transparent !important;
        height: 2px;
    }

#tblFeedsList {
    background: var(--top-bar-background);
}


    #tblFeedsList > tbody > tr > td {
        padding: 5px;
        line-height: 1.2;
        vertical-align: middle;
    }

    #tblFeedsList .header-txt {
        text-transform: uppercase;
        font-size: 16px;
    }

#tblImportTimes > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid var(--border-color);
}

#tblValidationSummary .validation-message div {
    display: inline-block;
}

#tblValidationSummary .validation-message:hover .fa-eye {
    display: inline-block !important;
}

#feedHistorySearch {
    display: inline-flex;
    text-align: right;
}

    #feedHistorySearch .btn-icon-only {
        width: 45px;
    }

.portlet-title .tools input, .portlet-title .tools md-select-value {
    font-size: 13px;
}

#feedProductsSearch {
    display: inline-block;
    text-align: right;
    width: calc(100% - 250px);
}

#feedValidationSummarySearch {
    display: inline;
    float: right;
    margin-bottom: 10px;
}

    #feedValidationSummarySearch .rule-list-search {
        width: unset;
    }

#feedProductsSearch md-input-container:not(.rule-list-search), #feedProductsSearch md-select, #feedProductsSearch md-select-value {
    /*border-radius: 25px !important;*/
    overflow: hidden;
    min-width: 150px;
    text-align: left;
}

.table-responsive-space {
    overflow-x: auto;
    min-height: .01%;
    /*padding-bottom: 190px;*/
}

.strikethrough {
    text-decoration: line-through;
}

.product-count {
    background: var(--offwhitegrey) !important;
    border: 1px solid var(--portletLightBorder);
    border-radius: 4px;
    padding: 5px;
    margin: 10px;
}

.progress {
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 5px !important;
    border-radius: 15px !important;
    background-color: var(--page-background);
    overflow: hidden;
    margin: 8px 0px 0px 0px;
}

.progress-bar-success {
    background-color: var(--success-green-border);
}

.progress-bar-danger {
    background-color: var(--danger-font-red);
}

.progress-bar-info {
    background-color: var(--primary-color-1);
}

.progress-bar {
    transition: width 0s ease;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.padding-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-l-15 {
    padding-left: 15px;
}

.mt-element-list .list-todo.mt-list-container {
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 0px solid;
    border-color: #e7ecf1;
    position: relative;
}

    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a:hover {
        text-decoration: none;
        color: var(--text-color-blue);
    }

a:hover {
    text-decoration: none;
    color: var(--text-color-blue);
}

.mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a {
    text-decoration: none;
    color: #2f353b;
}

body[ng-controller] .modal {
    z-index: 10050 !important;
    max-width: 1800px;
}

/*.modal .modal-header {
	border-bottom: 0px solid #EFEFEF;
}*/

.modal-title {
    font-size: 20px;
    font-weight: 600 !important;
    letter-spacing: .005em;
    line-height: 3.2rem;
}

.modal .modal-header {
    border-bottom: 0px solid #EFEFEF;
}

.modal-full.modal-dialog {
    width: 98%;
    margin: 2% auto;
}

md-optgroup label {
    padding: 8px 8px 0px 8px;
    border-bottom: #f1f3f6 2px solid;
    color: var(--text-color-primary);
    font-weight: 600;
    display: inline-block;
}

@media (max-width: 991px) {
    .page-sidebar, .page-sidebar.navbar-collapse.in {
        border-top: 0 !important;
        margin: 0px;
    }
}

@media (max-width: 480px) {
    .page-sidebar, .page-sidebar.in {
        margin: 0px !important;
    }
}



@media screen and (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > ul > li > a > .title {
        display: none !important;
    }
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > .sub-menu li a {
    padding-left: 0px !important;
}

.form-control {
    padding: 0px 1px 4px 1px;
    background: border-box rgba(0, 0, 0, 0) !important;
}

.md-checkbox label {
    cursor: pointer;
    padding-left: 30px;
    margin-bottom: 15px !important;
}

.md-background {
    border-radius: inherit !important;
}

.editable-wrap .editable-controls > input, .editable-wrap .editable-controls > select, .editable-wrap .editable-controls > textarea {
    margin-bottom: 0;
    background-color: var(--portlet-background) !important;
    margin-right: 5px;
}


.md-select-menu-container {
    z-index: 10100;
}

/* FEED MAPPING INPUT */
.input-transparent {
    top: 0px;
    left: 0px;
    border-color: transparent;
    box-shadow: none;
    opacity: 1;
    background: transparent !important;
    color: rgb(153, 153, 153);
}

.rulelist-ruletitle {
    display: inline-block;
    /*width: 329px;*/
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
    line-height: 13px;
}

/* Feed Mapping Description */
code {
    color: var(--text-color-primary);
    background-color: var(--page-background);
    border: 1px solid var(--portletLightBorder);
    border-radius: 4px;
    padding: 0px 4px;
}

/* DASHBOARD */
md-content.md-default-theme, md-content {
    background-color: var(--page-background) !important;
    color: var(--text-color-primary);
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
    color: var(--text-color-primary);
    background: var(--top-bar-background);
}

md-tabs.md-default-theme .md-tab .md-ripple-container, md-tabs .md-tab .md-ripple-container {
    color: rgb(242, 120, 75);
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    color: var(--text-color-blue);
    background: var(--primary-color-1);
    margin: 0px 16px;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
}

md-ink-bar {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    height: 4px;
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.nowrap {
    white-space: nowrap;
}

iframe.zEWidget-launcher {
    margin: 25px 19px !important;
}



.profile-content > .portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 24px;
    line-height: 20px;
    padding: 10px 0;
}

/*ng-tags-input*/

tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em {
    color: var(--text-color-blue);
    background-color: #f6f6f6;
}

tags-input .autocomplete .suggestion-item {
    padding: 5px 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: 16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #6f6f6f;
    background-color: var(--portlet-background);
}


.hide-delete {
    display: none
}

tr:hover .hide-delete {
    display: inherit;
}

tr:hover .md-shadow-none {
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
}

.btn.clear:not(.btn-outline) {
    color: #666;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}

    tr:hover .btn.clear:not(.btn-outline), .btn.clear:not(.btn-outline):hover {
        background-color: var(--portlet-background);
        box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18) !important;
    }


div.ui-grid-cell input {
    /*border-radius: inherit;*/
    padding: 0;
    width: inherit;
    color: inherit;
    height: auto;
    font: inherit;
    outline: none;
    /*border-bottom: 1px solid #d4d4d4 !important;*/
}

    div.ui-grid-cell input.ng-valid {
        /* border: 1px solid #d4d4d4; */
        border: none;
        border-bottom: 1px solid #d4d4d4;
    }

    div.ui-grid-cell input.ng-invalid {
        /*border: 1px solid #fc8f8f;*/
        border: none;
        border-bottom: 1px solid #fc8f8f;
    }

md-input-container textarea.md-input {
    overflow-y: auto;
    max-height: 260px;
}

.hidden {
    display: none
}

.visible {
    display: inline
}

.button-disable {
    cursor: pointer;
    pointer-events: none;
}

/*
								Required.
	AutoComplete results appear behind Modal and this will correct it
*/
.md-autocomplete-suggestions-container {
    z-index: 100000 !important;
}

.padding-5 {
    padding: 5px;
}

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

.margin-bottom-0 {
    margin-bottom: 0px;
}

.templateNameValue input {
    padding-top: 8px !important;
    margin-bottom: -10px;
    font-size: 13px !important;
}

.templateNameValue span {
    color: #aaa !important;
    font-size: 20px !important;
}

.switchStoreInput button {
    display: none !important;
}

.switchStoreInput md-autocomplete-wrap {
    box-shadow: none !important;
}

.switchStoreWrapper {
    display: inline-flex !important;
}

.switchStoreOpen {
    display: block !important;
}

.switchStoreWrapper form {
    overflow: hidden !important;
    display: table-cell;
    vertical-align: middle;
}

.switchStoreInput input {
    color: #222 !important;
}

.switchStoreResult {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px !important;
    height: 100%;
    display: block;
    line-height: 2;
    vertical-align: middle;
    font-size: 13px;
}

.daterangepicker.dropdown-menu {
    max-height: initial !important;
    z-index: 9999 !important;
}


.filterPopover form:before, .filterPopover form:after {
    display: none;
}

.filterPopover form {
    padding: 5px;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    height: 100%;
    min-height: 50px;
    max-height: 500px !important;
}

.v-a-middle {
    vertical-align: middle !important;
}


@media screen and (min-height: 992px) {
    .switchStoreSuggestionsContainer {
        max-height: 500px !important;
    }
}

@media screen and (max-height: 991px) {
    .switchStoreSuggestionsContainer {
        max-height: 445px !important;
    }
}

@media screen and (max-height: 900px) {
    .switchStoreSuggestionsContainer {
        max-height: 350px !important;
    }
}

@media screen and (max-height: 800px) {
    .switchStoreSuggestionsContainer {
        max-height: 300px !important;
    }
}

@media screen and (max-height: 700px) {
    .switchStoreSuggestionsContainer {
        max-height: 250px !important;
    }
}

@media screen and (max-width: 700px) {
    .switchStoreWrapper .dropdown-menu {
        left: 0 !important
    }

    .switchStoreInput {
        left: 0 !important
    }
}


#templateDescriptionTabs md-tabs-canvas {
    background-color: transparent;
    overflow: hidden;
}

#templateDescriptionTabs md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    height: 280px;
    min-height: 280px;
}

#templateDescriptionTabs md-content {
    overflow: hidden;
    overflow-y: hidden;
}

#templateDescriptionTabs md-tab-item {
    font-weight: 600;
}

.hideWizard {
    display: none;
}

.commonWizardTabsHeight {
    height: 550px !important;
}

    .commonWizardTabsHeight md-tab-content {
        overflow: hidden !important;
    }

.addTemplateModalFooter {
    padding-top: 0px;
    vertical-align: middle;
    line-height: 3;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.reports-content .clearfix {
    background: #fefefe !important;
    box-shadow: 0 0px 0px 0 !important; /*rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);*/
}

.rmvOutline {
    color: var(--text-color-primary) !important;
}

    .rmvOutline:focus {
        outline: none !important;
    }

.show-source-fields {
    margin-right: 311px;
}

.md-select-value .md-select-icon {
    width: 16px;
}

#feedsPreviewStats .table-condensed > tbody > tr > td,
#feedsPreviewStats .table-condensed > tbody > tr > th,
#feedsPreviewStats .table-condensed > tfoot > tr > td,
#feedsPreviewStats .table-condensed > tfoot > tr > th,
#feedsPreviewStats .table-condensed > thead > tr > td,
#feedsPreviewStats .table-condensed > thead > tr > th,
#feedsSubmitStats .table-condensed > tbody > tr > td,
#feedsSubmitStats .table-condensed > tbody > tr > th,
#feedsSubmitStats .table-condensed > tfoot > tr > td,
#feedsSubmitStats .table-condensed > tfoot > tr > th,
#feedsSubmitStats .table-condensed > thead > tr > td,
#feedsSubmitStats .table-condensed > thead > tr > th {
    padding: 0px 5px;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th {
    border: 1px solid var(--border-color);
    border-top: 0px;
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 0px solid var(--page-background);
    }

    #tblFeedsList .table-bordered:not(:last-child), .table-bordered > tbody > tr > td:not(:last-child), #tblFeedsList .table-bordered > tbody > tr > th:not(:last-child), #tblFeedsList .table-bordered > tfoot > tr > td:not(:last-child), #tblFeedsList .table-bordered > tfoot > tr > th:not(:last-child), #tblFeedsList .table-bordered > thead > tr > td:not(:last-child), #tblFeedsList .table-bordered > thead > tr > th:not(:last-child) {
        border-right: 1px solid var(--border-color);
    }


.new-features-list {
    list-style-type: none;
}

    .new-features-list > li {
        margin-bottom: 10px;
    }

        .new-features-list > li > i {
            font-size: 18px;
            margin-right: 10px;
        }

.bg-transparent {
    background-color: transparent !important;
}

#orderSummaryTable .table-responsive, #tblConfiguredOrderSources .table-responsive {
    padding-bottom: 40px
}

.Icon--zendesk {
    display: none;
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: var(--primary-color-1) !important;
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: var(--primary-color-1) !important;
}

md-radio-button.md-default-theme .md-off, md-radio-button .md-off {
    border-color: var(--text-color-primary);
}

.padding-5 {
    padding: 5px;
}

md-select[disabled] .md-select-value {
    background-position: 0 bottom !important;
    background-size: 4px 1px !important;
    background-repeat: repeat-x !important;
    margin-bottom: -1px !important;
    border-color: transparent !important;
    background-image: linear-gradient(to right, rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.38) 33%, transparent 0%) !important;
    border-bottom-width: 0px;
    background-color: transparent;
    color: var(--text-color-primary);
}

.pagination button {
    color: #666;
    background-color: var(--portlet-background) !important;
    border-color: var(--portlet-background) !important;
}

.e-dbrd-banner, .e-dbrd-layout-wrapper {
    width: auto !important;
}

.md-input-has-value input:not([disabled]):not(#searchRuleName):not(#searchProducts):not(#searchFeedHistory) {
    background-color: var(--page-background) !important;
}

.md-input-has-value textarea:not([disabled]) {
    background-color: var(--page-background) !important;
}

.md-input-has-value md-select-value:not([disabled]) {
    background-color: var(--page-background) !important;
}

.filter .md-input-has-value input, .filter .md-input-has-value md-select-value, #feedTablePortlet md-select-value {
    background-color: var(--portlet-background) !important;
}

#storePortlet .table-responsive, #userPortlet .table-responsive {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 0px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #e7ecf1;
    }
}

label:not(.md-skip) {
    transform: translate3d(0,6px,0) scale(.85) !important;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1) !important;
}

.login {
    /*background: linear-gradient(-20deg, #BBDEFB 0%, #E3F2FD 35%);*/
    background: var(--page-background);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .login h1 {
        font-weight: 400;
    }

    .login .content .forget-form, .login .content .login-form {
        padding: 0;
        margin: 0;
        padding: 8px;
    }

    .login .content {
        width: 400px;
        padding: 20px;
        margin-bottom: 70px;
        border-radius: 8px;
        background-color: var(--portlet-background) !important;
        border: 1px var(--portletLightBorder) solid !important;
        box-shadow: 0 15px 30px rgba(82, 91, 115, .15);
    }

    .login .contentBundle {
        display: flex !important;
        width: 700px !important;
        margin-bottom: 70px;
        border-radius: 8px;
        border: 1px var(--portletLightBorder) solid !important;
        box-shadow: 0 15px 30px rgba(82, 91, 115, .15);
    }

        .login .contentBundle md-input-container {
            padding: 0px;
            margin: 0px;
        }

.bundle1 {
    border-right: 1px var(--portletLightBorder) solid !important;
    background-color: var(--portlet-background) !important;
    padding: 25px 30px 30px 30px !important;
    width: 380px;
}

    .bundle1 td i {
        font-size: 20px;
        margin-top: 5px !important;
    }

.bundle2 {
    background-color: var(--portlet-background) !important;
    padding: 20px 20px 0px 20px !important;
    width: 320px;
}

@media (max-width: 700px) {
    .login .contentBundle {
        width: 350px !important;
        margin-top: 300px;
        flex-direction: column-reverse;
    }

    .bundle1 {
        width: 350px !important;
        border: 1px var(--portletLightBorder) solid !important;
    }
}

.login .logo {
    /*padding: 15px;*/
    background-color: transparent;
    text-align: center;
    -webkit-animation: fadeInUp 1s;
    animation: fadeInUp 1s;
}

.login .logo {
    width: 150px;
    margin-bottom: 15px;
}

.login-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
    background: var(--page-background);
}

@media (max-width: 480px) {
    .login .content {
        width: 90%;
        margin: 15px auto;
    }

    .login .logo {
        margin: 0px auto 0;
    }
}

.selectprimarysource {
    box-shadow: 0 0 7px var(--primary-color-1);
    border-radius: 4px;
    min-height: 40px;
}

.modal-open {
    overflow-y: hidden !important;
}

/*.modal-lg {
    height: 100% !important;
}*/

.fa-question-circle-o {
    cursor: help;
}

.popularfeed {
    /*background: var(--note-background);*/
}

.commonFeedsWizard {
    min-width: 90% !important;
}
/* PLAN BADGES IN STORE SWITCHER, STORES PAGE, ACCOUNT SUBSCRIPTIONS PAGE */
.plan-default {
    border: #51cc5b 1px solid;
    background: #d9ffdc;
    color: #51cc5b !important;
}

.plan-none {
    border: #acb5b3 1px solid !important;
    background: #dcdcdc !important;
    color: #777979 !important;
}

/* Currently not in use -> Remove comment if needed again

.plan-ultimate {
    border: #807ee0 1px solid !important;
    background: #dbdaff !important;
    color: #807ee0 !important;
}

*/

.plan-ms {
    border: #6c757d 1px solid !important;
    color: #6c757d !important;
}

.plan-lite {
    border: #f7bd4a 1px solid !important;
    background: #fff2d9 !important;
    color: #ea9c00 !important;
}

.plan-plus {
    border: #3d96fd 1px solid !important;
    background: #dfeeff !important;
    color: #3d96fd !important;
}

.plan-pro {
    border: #f2608a 1px solid !important;
    background: #ffe4ec !important;
    color: #f2608a !important;
}

.plan-premium {
    border: #807ee0 1px solid !important;
    background: #dbdaff !important;
    color: #807ee0 !important;
}

.trial-button {
    border: #00b3a4 1px solid !important;
    background: #dcf7f5 !important;
    color: #00b3a4 !important;
}

.store-plan {
    display: inline-block;
    margin-top: 6px;
    /*transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;*/
}

.current-store .label.store-plan {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a:hover .store-plan {
    bottom: 10px;
}

.border-r-l {
    border-right: 1px solid #e7ecf1;
    border-left: 1px solid #e7ecf1;
}

.border-bottom {
    border-bottom: 1px solid var(--page-background);
}

.alert-processing {
    background: var(--text-color-primary) !important;
}

.nav > li > a:focus, .nav > li > a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    text-decoration: none;
    background: var(--top-bar-hover);
}

.profile-usermenu ul li {
    border-bottom: 0px solid var(--page-background);
    outline: none;
}

    .profile-usermenu ul li a {
        color: var(--text-color-primary);
        font-size: 13px;
        font-weight: 400;
        border-radius: 4px;
        outline: none;
    }

.page-title .fa {
    margin: 0px 8px;
}

md-input-container .md-resize-handle {
    bottom: 0px;
}

.helpcenter {
    padding: 27px 20px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    transition: padding .2s ease;
    -webkit-transition: padding .2s ease;
    -moz-transition: padding .2s ease;
    -o-transition: padding .2s ease;
}

.feeddetailsproducts:hover {
    background: grey;
}

#feedsGoogleOAuthPortlet li {
    margin-bottom: 15px;
}

.orders-heading th {
    font-size: 12px !important;
}

.feedCloneInvalidName, .feedCloneInvalidName input, .feedCloneInvalidName label, .feedCloneInvalidName span {
    color: red !important;
}

#dashboard_errorShown a {
    pointer-events: none !important;
    color: black !important;
}

#dashboard_DashboardMenuPopup li[id="22"] {
    display: none !important;
}

#logs_DashboardMenuPopup li[id="22"] {
    display: none !important;
}

.e-dbrd-MaximizedControl path[stroke-width='2'] {
    stroke-width: 4 !important;
}

.truncate {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.productUrlImg {
    width: 100%;
    height: auto;
}

.border-left {
    border-left: 1px var(--border-color) solid;
}

md-input-container > .fa {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto;
}

.ui-grid-grid-footer {
    padding: 5px;
    border-top: 1px solid var(--border-color);
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    border-bottom: solid 0px #d4d4d4;
    background-color: var(--offwhitegrey);
}

.ui-grid-header-cell {
    border-right: 0px solid var(--page-background);
    background-color: var(--offwhitegrey);
    border-bottom: 2px solid var(--border-color) !important;
    color: var(--text-color-primary);
    /*transition: all .2s ease;*/
}

.ui-grid-header-cell-row:hover .ui-grid-header-cell {
    border-right: 1px solid var(--border-color);
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    border-right-color: var(--border-color);
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    /*background-color: #var(--note-background);*/
    background-color: #E3F2FD !important;
}

.ui-grid {
    border: 0px solid var(--border-color);
}

.ui-grid-cell {
    border-color: var(--border-color);
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right-color: var(--border-color);
    border-bottom: solid 0px #d4d4d4;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: var(--portlet-background);
}

.ui-grid-cell {
    border-right: 0px solid;
    border-bottom: 1px solid;
    border-color: var(--border-color);
}

.ui-grid-pinned-container-left, .ui-grid-pinned-container-left .ui-grid-render-container-left .ui-grid-viewport {
    border-right: 1px solid var(--border-color);
}

.e-dashboardviewer .e-dbrd-params-dialog.e-desktop .e-dbrd-apply-button {
    background: #3b99fc !important;
}

.profile-sidebar .nav > li > a:focus, .profile-sidebar .nav > li > a:hover {
    text-decoration: none;
    background: inherit !important;
}

.md-pane-open .md-datepicker-calendar {
    border: 1px solid var(--border-color);
}

.md-default-theme .md-calendar-day-header, .md-calendar-day-header {
    background: var(--page-background);
}

/* MD-CALENDAR PICKER ON ADS REPORTS */

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon {
    color: var(--text-color-blue);
}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
    background: var(--primary-color-1);
    color: #fff;
    border-color: transparent;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
    border: 1px solid var(--primary-color-1);
}

.md-default-theme .md-calendar-day-header, .md-calendar-day-header {
    background: var(--page-background);
}

.md-default-theme .md-datepicker-input-container.md-datepicker-focused, .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: var(--primary-color-1);
}

.portlet:not(.portlet-shadow-none) {
    /*box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);*/
    box-shadow: 0 4px 12px rgba(82, 91, 115, .15);
    border-radius: 4px;
    /*border: 1px var(--border-color) solid;*/
    background: var(--portlet-background);
}

md-tabs.md-dynamic-height md-tabs-content-wrapper {
    top: 2px;
}

.modal-backdrop.in, .modal-backdrop.fade.in {
    background-color: #394048 !important;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 10049 !important;
}

/* NEW COLOR OVERRIDES */
.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
    background: var(--page-background) !important;
}

.bg-grey-gallery {
    background: var(--text-color-primary) !important;
}

.btn.white:not(.btn-outline) {
    color: var(--text-color-primary);
    background-color: var(--button-secondary);
    border-color: var(--button-secondary);
}

    .btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline):hover, .open > .btn.white:not(.btn-outline).dropdown-toggle, .btn.white:not(.btn-outline).focus, .btn.white:not(.btn-outline):focus {
        color: var(--text-color-primary);
        background-color: var(--hover-color) !important;
        border-color: var(--hover-color) !important;
    }

.btn.default:not(.btn-outline) {
    color: var(--text-color-primary);
    background-color: var(--button-secondary);
    border-color: var(--button-secondary);
}

    .btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open > .btn.default:not(.btn-outline).dropdown-toggle {
        color: #666;
        background-color: var(--border-color);
        border-color: var(--border-color);
    }

.font-dark {
    color: var(--text-color-primary) !important;
}

/* PINK */

.btn.red-flamingo:not(.btn-outline) {
    color: #fff;
    background-color: #F2608A;
    border-color: #F2608A;
}

    .btn.red-flamingo:not(.btn-outline).active.focus, .btn.red-flamingo:not(.btn-outline).active:focus, .btn.red-flamingo:not(.btn-outline).active:hover, .btn.red-flamingo:not(.btn-outline):active.focus, .btn.red-flamingo:not(.btn-outline):active:focus, .btn.red-flamingo:not(.btn-outline):active:hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover, .btn.red-flamingo:not(.btn-outline).active, .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline):hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle, .btn.red-flamingo:not(.btn-outline).active, .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline):hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle, .btn.red-flamingo:not(.btn-outline).focus, .btn.red-flamingo:not(.btn-outline):focus {
        color: #fff;
        background-color: #e0597f;
        border-color: #e0597f;
    }

    .btn.red-flamingo:not(.btn-outline).disabled.focus, .btn.red-flamingo:not(.btn-outline).disabled:focus, .btn.red-flamingo:not(.btn-outline).disabled:hover, .btn.red-flamingo:not(.btn-outline)[disabled].focus, .btn.red-flamingo:not(.btn-outline)[disabled]:focus, .btn.red-flamingo:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover {
        background-color: #e0597f;
        border-color: #e0597f;
    }

.font-red-flamingo {
    color: #F2608A !important;
}

    .font-red-flamingo:hover {
        color: #e0597f !important;
    }

/* ORANGE */

.btn.yellow-casablanca:not(.btn-outline) {
    color: #fff;
    background-color: #F29B60;
    border-color: #F29B60;
}

    .btn.yellow-casablanca:not(.btn-outline).active.focus, .btn.yellow-casablanca:not(.btn-outline).active:focus, .btn.yellow-casablanca:not(.btn-outline).active:hover, .btn.yellow-casablanca:not(.btn-outline):active.focus, .btn.yellow-casablanca:not(.btn-outline):active:focus, .btn.yellow-casablanca:not(.btn-outline):active:hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover, .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline):hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle, .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline):hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle, .btn.yellow-casablanca:not(.btn-outline).focus, .btn.yellow-casablanca:not(.btn-outline):focus {
        color: #fff;
        background-color: #E08f59;
        border-color: #E08f59;
    }

    .btn.yellow-casablanca:not(.btn-outline).disabled.focus, .btn.yellow-casablanca:not(.btn-outline).disabled:focus, .btn.yellow-casablanca:not(.btn-outline).disabled:hover, .btn.yellow-casablanca:not(.btn-outline)[disabled].focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover {
        background-color: #E08f59;
        border-color: #E08f59;
    }

.font-yellow-casablanca {
    color: #F29B60 !important;
}

    .font-yellow-casablanca:hover {
        color: #E08f59 !important;
    }

/* GREEN */

.btn.green-jungle:not(.btn-outline) {
    color: #fff;
    background-color: #51CC5B;
    border-color: #51CC5B;
}

    .btn.green-jungle:not(.btn-outline).active.focus, .btn.green-jungle:not(.btn-outline).active:focus, .btn.green-jungle:not(.btn-outline).active:hover, .btn.green-jungle:not(.btn-outline):active.focus, .btn.green-jungle:not(.btn-outline):active:focus, .btn.green-jungle:not(.btn-outline):active:hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover, .btn.green-jungle:not(.btn-outline).active, .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline):hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle, .btn.green-jungle:not(.btn-outline).active, .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline):hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle, .btn.green-jungle:not(.btn-outline).focus, .btn.green-jungle:not(.btn-outline):focus {
        color: #fff;
        background-color: #4aba53;
        border-color: #4aba53;
    }

    .btn.green-jungle:not(.btn-outline).disabled.focus, .btn.green-jungle:not(.btn-outline).disabled:focus, .btn.green-jungle:not(.btn-outline).disabled:hover, .btn.green-jungle:not(.btn-outline)[disabled].focus, .btn.green-jungle:not(.btn-outline)[disabled]:focus, .btn.green-jungle:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover {
        background-color: #4aba53;
        border-color: #4aba53;
    }

.font-green-jungle {
    color: #51CC5B !important;
}

    .font-green-jungle:hover {
        color: #4aba53 !important;
    }

.btn.green:not(.btn-outline) {
    color: #fff;
    background-color: #51CC5B;
    border-color: #51CC5B;
}

    .btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open > .btn.green:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:hover, .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open > .btn.green:not(.btn-outline).dropdown-toggle, .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open > .btn.green:not(.btn-outline).dropdown-toggle, .btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus {
        color: #fff;
        background-color: #4aba53;
        border-color: #4aba53;
    }

    .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline)[disabled].focus, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green:not(.btn-outline).focus, fieldset[disabled] .btn.green:not(.btn-outline):focus, fieldset[disabled] .btn.green:not(.btn-outline):hover {
        background-color: #4aba53;
        border-color: #4aba53;
    }

.font-green {
    color: #51CC5B !important;
}

    .font-green:hover {
        color: #4aba53 !important;
    }

.bg-green {
    background: #51CC5B !important;
}

.bg-green-jungle {
    background: #51CC5B !important;
}

/* GREEN TO BLUE */

.btn.green-haze:not(.btn-outline) {
    color: #fff;
    background-color: var(--primary-color-1);
    border-color: var(--primary-color-1);
}

    .btn.green-haze:not(.btn-outline).active.focus, .btn.green-haze:not(.btn-outline).active:focus, .btn.green-haze:not(.btn-outline).active:hover, .btn.green-haze:not(.btn-outline):active.focus, .btn.green-haze:not(.btn-outline):active:focus, .btn.green-haze:not(.btn-outline):active:hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover, .btn.green-haze:not(.btn-outline).active, .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline):hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle, .btn.green-haze:not(.btn-outline).active, .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline):hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle, .btn.green-haze:not(.btn-outline).focus, .btn.green-haze:not(.btn-outline):focus {
        color: #fff;
        background-color: var(--primary-color-2);
        border-color: var(--primary-color-2);
    }

    .btn.green-haze:not(.btn-outline).disabled.focus, .btn.green-haze:not(.btn-outline).disabled:focus, .btn.green-haze:not(.btn-outline).disabled:hover, .btn.green-haze:not(.btn-outline)[disabled].focus, .btn.green-haze:not(.btn-outline)[disabled]:focus, .btn.green-haze:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-haze:not(.btn-outline).focus, fieldset[disabled] .btn.green-haze:not(.btn-outline):focus, fieldset[disabled] .btn.green-haze:not(.btn-outline):hover {
        background-color: var(--primary-color-2);
        border-color: var(--primary-color-2);
    }

.font-green-haze {
    color: var(--text-color-blue) !important;
}

    .font-green-haze:hover {
        color: var(--text-color-blue-hover) !important;
    }

/* BLUE */

.btn.blue:not(.btn-outline) {
    color: #fff;
    background-color: var(--primary-color-1);
    border-color: var(--primary-color-1);
}

.u-userLauncherColor:not([disabled]) {
    color: #fff;
    background-color: var(--primary-color-1) !important;
    border-color: var(--primary-color-1) !important;
}

.btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover, .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle, .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle, .btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus {
    color: #fff;
    background-color: var(--primary-color-2);
    border-color: var(--primary-color-2);
}

.btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline)[disabled].focus, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue:not(.btn-outline).focus, fieldset[disabled] .btn.blue:not(.btn-outline):focus, fieldset[disabled] .btn.blue:not(.btn-outline):hover {
    background-color: var(--primary-color-2);
    border-color: var(--primary-color-2);
}

.font-blue {
    color: var(--text-color-blue) !important;
}

    .font-blue:hover {
        color: var(--text-color-blue-hover) !important;
    }

/* RED */

.modal .btn.red:not(.btn-outline) {
    color: var(--danger-font-red) !important;
}

.btn.red:not(.btn-outline) {
    color: #fff;
    background-color: var(--danger-red-background);
    border-color: var(--danger-red-background);
}

    .btn.red:not(.btn-outline).active.focus, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active:hover, .open > .btn.red:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:hover, .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline):hover, .open > .btn.red:not(.btn-outline).dropdown-toggle, .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline):hover, .open > .btn.red:not(.btn-outline).dropdown-toggle, .btn.red:not(.btn-outline).focus, .btn.red:not(.btn-outline):focus {
        color: #fff;
        background-color: #D15555;
        border-color: #D15555;
    }

    .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline)[disabled].focus, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red:not(.btn-outline).focus, fieldset[disabled] .btn.red:not(.btn-outline):focus, fieldset[disabled] .btn.red:not(.btn-outline):hover {
        background-color: #D15555;
        border-color: #D15555;
    }

.font-red {
    /*color: #E25D5D !important;*/
    color: var(--danger-font-red) !important;
}

    .font-red:hover {
        color: #D15555 !important;
    }

.bg-red {
    background: var(--danger-red-background) !important;
}

/* YELLOW */

.btn.yellow-saffron:not(.btn-outline) {
    color: var(--text-color-inverse);
    background-color: var(--yellow-saffron);
    border-color: var(--yellow-saffron);
}

    .btn.yellow-saffron:not(.btn-outline).active.focus, .btn.yellow-saffron:not(.btn-outline).active:focus, .btn.yellow-saffron:not(.btn-outline).active:hover, .btn.yellow-saffron:not(.btn-outline):active.focus, .btn.yellow-saffron:not(.btn-outline):active:focus, .btn.yellow-saffron:not(.btn-outline):active:hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover, .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline):hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle, .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline):hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle, .btn.yellow-saffron:not(.btn-outline).focus, .btn.yellow-saffron:not(.btn-outline):focus {
        color: #fff;
        background-color: #E5af44;
        border-color: #E5af44;
    }

    .btn.yellow-saffron:not(.btn-outline).disabled.focus, .btn.yellow-saffron:not(.btn-outline).disabled:focus, .btn.yellow-saffron:not(.btn-outline).disabled:hover, .btn.yellow-saffron:not(.btn-outline)[disabled].focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover {
        background-color: #E5af44;
        border-color: #E5af44;
    }

.font-yellow-saffron {
    color: var(--yellow-saffron) !important;
}

    .font-yellow-saffron:hover {
        color: #E5af44 !important;
    }

/* GREY GALLERY */

.btn.grey-gallery:not(.btn-outline).active, .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline):hover, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
    color: var(--text-color-inverse);
    background-color: var(--text-color-primary);
    border-color: var(--text-color-primary);
}

.btn.grey-gallery:not(.btn-outline) {
    color: var(--text-color-inverse);
    background-color: var(--text-color-primary);
    border-color: var(--text-color-primary);
}

/* STORE PICKER PROGRESS BAR */
md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar {
    background-color: var(--primary-color-1);
}

md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
    background-color: var(--page-background);
}

.v-a-b {
    vertical-align: bottom !important;
}

.progress-bar-warning {
    background-color: var(--yellow-saffron) !important;
}

    .progress-bar-warning:hover {
        background-color: #e5af44;
    }


.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
    color: var(--text-color-primary);
    background-color: var(--border-color);
    border-color: #adadad;
}

hr {
    border-top: 1px solid var(--portletLightBorder);
}

hr, p {
    margin: 20px 0;
}

.heading > th > a {
    color: var(--text-color-primary);
}

e-dashboardviewer .e-grid .e-headercelldiv {
    color: var(--text-color-primary) !important;
}

.e-dashboardviewer .e-grid .e-gridheader {
    color: var(--text-color-primary) !important;
    border-bottom: #c8c8c8 2px solid !important;
    border-top-color: #ffffff;
    background-color: var(--portlet-background) !important;
    font-size: 13px;
    font-weight: 600;
}

.e-dashboardviewer .e-grid .e-headercelldiv .e-icon {
    color: var(--text-color-primary) !important;
}

.ordersyncupsell {
    top: 110px;
    z-index: 1;
    position: fixed;
    width: 60%;
    left: 20%;
    background: #fff !important;
    text-align: center;
    /*-webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;*/
}

@media only screen and (max-width : 1020px) {
    .ordersyncupsell {
        width: 97%;
        left: 1.5%;
    }
}

#tblOrders .feed-logo {
    width: 16px;
    margin: 0px 4px 2px 0;
}

#feedNameFilter {
    height: 50px;
    width: calc(100% - 70px);
    border-radius: 4px !important;
    padding: 0 25px !important;
}

.ranges li {
    font-size: 13px;
    background-color: var(--drop-down-menu);
    border: 2px solid var(--border-accent-color);
    border-radius: 4px;
    color: var(--text-color-primary) !important;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: var(--drop-down-menu) !important;
    border: 2px solid var(--primary-color-1) !important;
    color: var(--text-color-blue);
    border-radius: 4px !important;
}

#activityLogsPortlet .table td span {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0px solid #e7ecf1;
    margin: 0px !important;
}

.daterangepicker td.active {
    background-color: var(--primary-color-1);
}

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: var(--primary-color-1);
    }

.calendar-table table td.in-range {
    background: #E3F2FD;
}

@keyframes cf4FadeInOut {
    0% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    92% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#cf4a div {
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 8s;
    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 8s;
    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;
}

    #cf4a div:nth-of-type(1) {
        animation-delay: 6s;
    }

    #cf4a div:nth-of-type(2) {
        animation-delay: 4s;
    }

    #cf4a div:nth-of-type(3) {
        animation-delay: 2s;
    }

    #cf4a div:nth-of-type(4) {
        animation-delay: 0;
    }

#cf4a img {
    width: 85%;
}

#cf4a div {
    position: absolute;
    left: 0;
}

#cf4a .card-white {
    min-height: 380px;
}

md-tabs-wrapper md-next-button, md-tabs-wrapper md-prev-button {
    background: var(--portlet-background);
}

    md-tabs-wrapper md-next-button.md-disabled, md-tabs-wrapper md-prev-button.md-disabled {
        cursor: default;
        background: #eef4f7;
        opacity: 1;
    }

#_hj-f5b2a1eb-9b07_toolset_action_select {
    display: none !important;
}

.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*DASHBOARD MATERIALIZE POP OUT*/

.collapsible {
    border-top: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-left: 0px solid #ddd;
    margin: .5rem 0 1rem 0;
}

.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: var(--portlet-background);
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin-bottom: -1px;
    font-size: 20px;
}

.collapsible-body {
    display: none;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 30px 30px 30px;
    background-color: var(--portlet-background);
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin-bottom: 15px;
}

.collapsible.popout > li.active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    margin: 16px 0;
}

.collapsible.popout > li {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 0 24px;
    -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#dashboardPortlet .collapsible img {
    width: 40%;
}

.centerHeaderNonFusebill {
    /*padding: 27px 20px !important;*/
    max-height: 50px;
}

.drop-down-labelNonFusebill {
    top: 21px !important
}

#dashboardPortlet .collapsible .active .fa-angle-down {
    display: none;
}

#dashboardPortlet .collapsible .active .fa-angle-up {
    display: inline;
}

#dashboardPortlet .collapsible-header:not(.active) .fa-angle-down {
    display: inline;
}

#dashboardPortlet .collapsible-header:not(.active) .fa-angle-up {
    display: none;
}

#dashboardPortlet .collapsible-header i {
    margin: 0 15px;
}

.apply-asin-badge {
    font-size: 11px !important;
    height: 22px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-align: center;
    border: var(--primary-color-1) solid 1px !important;
    color: var(--text-color-blue) !important;
    background: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 4px 6px 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
    line-height: 1;
    white-space: nowrap;
}

    .apply-asin-badge:hover {
        border: var(--primary-color-1) solid 1px !important;
        background: var(--primary-color-1) !important;
        color: #fff !important;
        box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26);
    }

.modal .modal-content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    padding: 15px;
    background: var(--portlet-background)
}

#addTemplateModal .modal-content {
    box-shadow: 0 0px 18px rgba(0, 0, 0, .18), 0 0px 6px rgba(0, 0, 0, .23);
}

.feeddetailsproducts {
}

/*@media (max-width: 991px) {
    .profile-userpic {
        display: none;
    }
}*/

@media (min-width: 991px) {
    .collapse-feed-details {
        display: none;
    }

    .fixed-pager-footer {
        position: fixed;
        width: calc(100% - 270px);
        left: 270px;
        bottom: 0px;
    }
}


.fixed-pager-footer {
    height: 69px;
    background-color: var(--page-background);
    border-top: 1px solid var(--border-color) !important;
    transition: .2s ease all;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.collapse-feed-details {
    margin-bottom: 0px;
    min-height: 0px;
    border-bottom: var(--border-color) 3px solid !important;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0;
    min-height: 25px !important;
}

@media (max-width: 991px) {
    .collapse-feed-details {
        display: block;
    }

    .mobile-no-margin {
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .table-mobile-wrap div, .table-mobile-wrap code {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        position: relative !important;
        top: 0px !important;
    }

    .mobile-small-hide {
        display: none !important;
    }

    .source-fields-card {
        display: none !important;
    }

    .show-source-fields {
        margin-right: 0px !important;
    }

    .width-120 {
        min-width: 90px !important;
        width: 90px !important;
    }

    #tblFieldMapping table, #tblFieldMapping td, #tblFieldMapping th, #tblFieldMapping tr {
        display: block;
        width: 100% !important;
        padding: 0px !important;
        padding-top: 15px !important;
        min-width: 500px !important;
        text-align: left;
    }

    #tblFeedMapping table, #tblFeedMapping td, #tblFeedMapping th, #tblFeedMapping tr {
        display: block;
        width: 100% !important;
        padding: 0px !important;
        padding-top: 15px !important;
        min-width: 500px !important;
        text-align: left;
    }

    #tblFieldMapping tr, #tblFeedMapping tr {
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        border-radius: 4px;
        background: var(--portlet-background);
        border: 1px solid var(--portletLightBorder);
        box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
        margin-bottom: 10px !important;
    }

    #tblFeedMapping td, #tblFeedMapping td {
        width: 90%;
        padding: 5px;
    }

    #feedTablePortlet table, #feedTablePortlet th, #feedTablePortlet td, #feedTablePortlet tr {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        text-align: left !important;
    }

    #feedTablePortlet thead, #feedTablePortlet .feeds-table-filters-section {
        display: none !important;
    }

    .feeds-table-compile-section {
        padding: 0px !important;
    }

   

    md-input-container, md-select-value {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
    }

    md-select-value {
        width: 92% !important;
        max-width: 92% !important;
        min-width: 92% !important;
        display: block !important;
        min-height: 40px !important;
        height: 40px !important;
        max-height: 40px !important;
    }

    .col-5 {
        margin: 0px !important;
        display: block !important;
    }

    .table-mobile-wrap .heading {
        display: none;
    }

    .table-mobile-wrap td {
        text-align: left !important;
        white-space: normal !important;
        word-wrap: break-word;
        word-break: break-word;
    }

    .table-mobile-wrap table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .fixed-pager-footer {
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        text-align: left !important;
        float: left !important;
        height: 90px !important;
    }

    

    .mobile-menu-popup {
        position: fixed !important;
        top: 50px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .navbar-fixed-top {
        position: fixed !important;
        top: 0px !important;
    }

    .page-header-fixed .page-container {
        margin-top: 50px !important;
        margin-right: 0px !important;
    }

    .container.isProductsCardInfo.table-mobile-wrap td {
        display: block;
    }

    #productCatalog .filter td:nth-child(n+3), #productCatalog tbody td:nth-child(n+4) {
        display: none;
    }

    #feedProductPortlet td {
        display: block;
    }

    #feedProductPortlet tr {
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        border-radius: 4px;
        background: var(--portlet-background);
        border: 1px solid var(--portletLightBorder);
        box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
        margin-bottom: 10px !important;
    }

    #storeSwitcherDiv {
        height: 100%;
        top: 50px !important;
    }

    .table-mobile-wrap thead tr td {
        white-space: normal !important;
    }

    .portlet .portlet-title .caption {
        font-size: 20px;
        font-weight: 600;
        padding: 10px !important
    }

    .mobile-small-show-block {
        display: block !important;
    }

    .mobile-small-show-inlineblock {
        display: inline-block !important;
    }

    .mobile-iframe-hide iframe {
        visibility: hidden !important;
    }

    .mobile-card-white {
        border-radius: 4px;
        padding: 15px !important;
        background: var(--portlet-background);
        border: 1px solid var(--portletLightBorder);
        box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
    }

    .mobile-no-left {
        left: 0% !important;
    }
}

.col-md-push-65 {
    left: 56%;
}

.history-table-message {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#returnsPortlet .dashboard-stat2 .display .number, #ordersStats .dashboard-stat2 .display .number, #storeOverviewStats .dashboard-stat2 .display .number {
    float: none;
}

#returnsPortlet .dashboard-stat2 .display, #ordersStats .dashboard-stat2 .display, #storeOverviewStats .dashboard-stat2 .display {
    text-align: center;
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_footer ._hj-f5b2a1eb-9b07_pull_left {
    display: none
}

.fade-in-up {
    -webkit-animation: fadeInUp 0s;
    animation: fadeInUp 0s;
}

md-tab-content {
    top: 0;
    -webkit-transition: -webkit-transform 0s cubic-bezier(0,0,0,0);
    transition: -webkit-transform 0s cubic-bezier(0,0,0,0);
    transition: transform 0s cubic-bezier(0,0,0,0);
    transition: transform 0s cubic-bezier(0,0,0,0),-webkit-transform 0s cubic-bezier(0,0,0,0);
    overflow: auto;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    md-tab-content.md-right:not(.md-active) {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-animation: 0s md-tab-content-hide;
        animation: 0s md-tab-content-hide;
        opacity: 0;
    }

.md-select-menu-container.md-active md-select-menu {
    -webkit-transition: all 0s cubic-bezier(0,0,0,0);
    transition: all 0s cubic-bezier(0,0,0,0);
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

    .md-select-menu-container.md-active md-select-menu > * {
        opacity: 1;
        -webkit-transition: all 0s cubic-bezier(0,0,0,0);
        transition: all 0s cubic-bezier(0,0,0,0);
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

/*.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    transition: right 0s;
}*/

#storePlanBadge {
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.collapsing {
    /*
        helps prevent bootstrap animation 
        performance degredation for nested collapsible tables
    */
    -webkit-transition: height .01s ease;
    -o-transition: height .01s ease;
    transition: height .01s ease;
}

.md-select-menu-container.md-leave {
    opacity: 0;
    -webkit-transition: all .0s cubic-bezier(0,0,0,0);
    transition: all .0s cubic-bezier(0,0,0,0);
    -webkit-transition-duration: .0s;
    transition-duration: .0s;
}

.beta-label {
    background: var(--text-color-primary) !important;
}

.multiselectContainer {
    margin: 0;
    display: block;
    position: relative;
    padding: 2px;
    vertical-align: middle;
}

    .multiselectContainer span {
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
    }

    .multiselectContainer md-select {
        display: inline-block;
    }

    .multiselectContainer .md-select-value > span {
        max-width: 150px;
    }

.billingSelectContainer .md-select-value > span {
    max-width: 100% !important;
}

.md-select-menu-container .multiselect-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.md-select-menu-container .multiselect-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

.md-select-menu-container md-content._md {
    max-height: 380px;
}

.md-select-menu-container .md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-select-menu-container .md-checkbox-enabled[selected] .md-icon {
    background-color: var(--primary-color-1) !important;
}

.multiselectHeader-activityLogs-stores {
    top: 240px !important;
}

.multiselectHeader-activityLogs-logTypes {
    top: 240px !important;
}

.multiselectHeader-feedsHistory-feedNames {
    top: 278px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid var(--page-background);
    font-size: 13px;
}

.drop-down-label {
    position: absolute;
    top: 11px;
    color: #cecece !important;
    font-size: 10px;
    font-weight: 200;
}

.account-drop-down-label {
    position: absolute;
    top: 11px;
    color: #fff !important;
    font-size: 10px;
    font-weight: 200;
}

.page-quick-sidebar-toggler > i:hover {
    color: var(--text-color-primary) !important
}

.system-notification {
    /*background: #fcf8fd;
    border: 1px solid #f0d8fb;
    color: #8e44ad;
    padding: 8px 8px 8px 45px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);*/
    padding: 8px 8px 8px 45px;
    border: 1px solid var(--info-border) !important;
    background: var(--info-background) !important;
    color: var(--text-color-primary);
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 5px 1px rgba(37, 93, 251, .10);
}


.system-notification-relative {
    /*background: #fcf8fd;
    border: 1px solid #f0d8fb;
    color: #8e44ad;
    padding: 8px 8px 8px 45px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);*/
    padding: 8px 8px 8px 45px;
    border: 1px solid var(--info-border) !important;
    background: var(--info-background) !important;
    color: var(--text-color-primary);
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 2px 5px 1px rgba(37, 93, 251, .10);
}


.profile-content .system-notification {
    padding: 8px 8px 8px 45px !important;
}

.system-notification:before {
    color: var(--text-color-blue-hover) !important;
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f27b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    position: absolute;
    left: 35px;
    top: auto;
}

.system-notification-relative:before {
    color: var(--text-color-blue-hover) !important;
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f27b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    position: relative;
    right: 20px;
    top: auto;
}

#addTemplateModal .system-notification {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: -4px;
    box-shadow: 0 8px 18px rgba(0,0,0,.18), 0 6px 6px rgba(0,0,0,.23);
}

.common-feeds {
    padding: 6px !important;
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
}

.common-feed-icons {
    margin-top: -16px;
}

.custom-feed-content {
    padding: 70px 15%;
    text-align: center;
}

.btn-circle:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):not(.btn-icon-only) {
    font-size: 13px;
    font-weight: 600;
}

/*@media (max-width: 991px) {
    .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
        margin-right: 58px;
    }
}*/

.input-icon > i {
    z-index: 1;
}

#overviewActivityTablePortlet .badge, #activityLogsPortlet .badge {
    text-transform: none;
}

/*#activityLogsPortlet td {
    font-size: 12px;
}*/

.fa-floppy-o, .fa-save {
    display: none !important;
}

#tblFeedsList .btn-group {
    width: 168px;
}

#newDashboardPortlet .portlet.light > .portlet-title {
    padding: 0;
    min-height: 40px;
    border-bottom: 1px solid var(--page-background);
}

    #newDashboardPortlet .portlet.light > .portlet-title > .tools {
        font-size: 12px;
    }

.store-dash-portlet {
    margin: 0px;
    background: #fff !important;
    background-color: var(--portlet-background) !important;
}

    .store-dash-portlet .portlet-title {
        transition: .4s ease all;
        padding: 8px !important;
        line-height: 2;
        border-bottom: 0px solid var(--top-bar-hover);
        margin-bottom: 0px;
        min-height: 40px !important;
        border-radius: 4px;
    }

        .store-dash-portlet .portlet-title .caption {
            padding: 0px !important;
        }

    .store-dash-portlet .portlet-body {
        border-top: 1px solid rgb(232, 240, 244);
        padding-top: 8px;
        transition: all 0.4s cubic-bezier(0.4, 0, 1, 1) 0s;
    }

    .store-dash-portlet .portlet-title:hover {
        background-color: var(--page-background);
        border-color: var(--page-background);
    }

#newDashboardPortlet .table > tbody > tr > td, #newDashboardPortlet .table > tbody > tr > th, #newDashboardPortlet .table > tfoot > tr > td, #newDashboardPortlet .table > tfoot > tr > th, #newDashboardPortlet.table > thead > tr > td, #newDashboardPortlet.table > thead > tr > th {
    border-top: 0px solid #f7f7f7;
}

.multiselectHeader-storeSwitch .md-text {
    width: 100%;
    height: 100%;
}

.store-md-select-menu {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--text-color-primary);
    cursor: pointer;
    direction: ltr;
    display: block;
    flex-direction: column;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    height: auto;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    max-height: 450px;
    min-height: 48px;
    /*overflow-y: hidden;*/
    text-align: left;
    text-size-adjust: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transform-origin: 0px 0px;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0, 0, 0, 0);
    width: auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.store-md-content {
    border-radius: 4px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: var(--portlet-background);
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    box-sizing: border-box;
    color: var(--text-color-primary);
    cursor: pointer;
    direction: ltr;
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    height: auto;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    max-height: 450px;
    min-height: 48px;
    min-width: 136px;
    opacity: 1;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 8px;
    padding-top: 0px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0, 0, 0, 0);
    width: auto;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.store-md-select-header {
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px 0px, rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px;
    box-sizing: border-box;
    color: var(--text-color-primary);
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    height: 48px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left: 10.667px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    width: 253px;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.store-md-optgroup {
    box-sizing: border-box;
    color: rgba(117, 117, 117, 0.87);
    cursor: pointer;
    direction: ltr;
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    height: auto;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    text-size-adjust: 100%;
    width: 353px;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.store-md-option {
    align-items: center;
    box-sizing: border-box;
    color: rgba(33, 33, 33, 0.87);
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    height: 34px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    position: relative;
    text-align: left;
    text-size-adjust: 100%;
    transition: all .28s cubic-bezier(.4,0,.2,1);
    width: 253px;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pickerIcon i {
    color: var(--text-color-secondary);
    transition: all .15s ease-out;
}

.bg-selected .pickerIcon i {
    color: var(--text-color-blue);
}

.pickerIcon i:hover {
    color: var(--text-color-blue-hover);
    font-size: 1.25em;
}

.compressStoreSwitch .store-md-select-menu {
    height: auto !important;
}

.compressStoreSwitch .store-md-optgroup {
    height: auto !important;
}

.compressStoreSwitch .store-md-content {
    height: auto !important;
}

.bg-gdf-grey {
    background-color: var(--page-background) !important;
}

#feedsPortlet .bg-gdf-grey, #importFiltersPortlet .bg-gdf-grey {
    background-color: var(--page-background) !important;
    color: #AAAAAA;
}

.store-section-title, .stores-table-title-mobile {
    /* text-align: center; */
    margin-bottom: 8px;
    border-bottom: 1px solid var(--border-color);
}

.portlet-title-section {
    /*border-left: 2px dashed var(--border-color);
    min-height: 40px;*/
}

.stores-table-title {
    /*text-align: center;*/
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid var(--top-bar-hover);
    text-transform: uppercase;
}

.profile-usermenu ul li a img {
    margin-right: 8px;
    font-size: 16px;
}

.submenu-truncate {
    width: 145px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.storesProfileSidebarPortlet {
    font-size: 13px;
    font-weight: 600;
}

.deactivated-store {
    background-color: var(--page-background) !important;
    color: #ACB5C3 !important;
}

.storename {
    color: var(--text-color-blue) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.store-feeds {
    max-height: 200px;
    overflow: auto;
}

.portlet.light.portlet-fullscreen .store-feeds {
    max-height: unset !important;
}

/*#storesFeeds td {
    font-size: 12px;
}*/

/*.stores-dash-process-status {
    padding: 8px;
    margin-bottom: 10px !important;
    border-bottom: var(--page-background) 1px solid !important;
}*/

@media (max-width: 1200px) {
    .stores-table-titles {
        display: none;
    }
}

@media (max-width: 1200px) {
    .stores-dash-process-status {
        /* text-align: center; */
    }
}

@media (min-width: 1200px) {
    .stores-table-title-mobile {
        display: none;
    }
}

@media (max-width: 1200px) {
    .portlet-fullscreen .stores-table-title-mobile-hide {
        display: none;
    }
}

#storesDashboardOrdersSummary td {
    padding: 0px 5px;
}


/* FIXED SIDEBAR */

@media (min-width: 991px) {
    /* SIDEBAR FULL HEIGHT */
    .profile-sidebar {
        height: calc(100% - 50px);
        position: fixed;
        padding: 0px 0px 68px;
        overflow-x: hidden;
    }

    .profile-content {
        margin-left: 270px;
    }

    .page-view-title {
        position: fixed;
        width: 100%;
        z-index: 1001;
    }

    .page-view-body {
        padding-top: 74px !important;
        max-width: 2100px;
    }

    .page-alerts .alert a {
        float: none !important;
        position: fixed;
        right: 0px;
        padding: 0px 10px !important;
        width: auto;
    }

    .page-view-title > .tools {
        float: none !important;
        position: fixed;
        right: 16px;
        padding: 0px !important;
    }

    .collapse-profile-sidebar #storesProfileSidebarPortlet .profile-sidebar-toggler {
        justify-content: center;
        align-items: flex-start;
        padding-top: 50px;
    }

    /* IMPORT AND FEED ALERTS */
    .page-alert-top-padding {
        padding-top: 37px
    }

    .no-feed-details-alerts {
        padding-top: 1px;
        margin-top: -1px;
    }

    .page-alerts .alert {
        text-overflow: ellipsis;
        white-space: nowrap;
        position: fixed;
        border-radius: 0px !important;
        width: 100%;
        z-index: 1001;
        height: 37px;
        transition: height 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    }
}

.layout-divider-title {
    color: #878b90 !important;
    text-transform: uppercase !important;
    font-size: 10px;
    font-weight: 600;
}

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .layout-divider-title {
        display: none !important;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > .layout-divider-title {
        display: none !important;
    }
}

/*#productCatalog tbody > tr > td, #productCatalog tbody > tr > th, #productCatalog tfoot > tr > td, #productCatalog tfoot > tr > th, #productCatalog thead > tr > td, #productCatalog thead > tr > th {
    border-top: 0px solid var(--border-color);
}*/

.dropdown-menu li.divider {
    background: #f1f3f6;
    margin: 8px 16px;
}

.feed-setup-offer {
    font-size: 16px !important;
    background: var(--info-background) !important;
    border: 1px solid var(--info-border);
    color: var(--text-color-primary) !important;
    padding: 32px 16px 16px !important;
    border-radius: 4px;
    text-align: center;
    margin-top: -16px;
    box-shadow: 0 8px 18px rgba(0,0,0,.18), 0 6px 6px rgba(0,0,0,.23);
}

md-radio-button .md-container {
    left: auto;
}

.feed-template-picker {
    height: 100px !important;
    border-radius: 4px !important;
}

#billingNavBar .truncate {
    max-width: 80%;
}

.menu-card {
    margin: 5px;
    /*    box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);*/
    border-bottom: 0px var(--portletLightBorder) solid !important;
    padding: 1px;
    /*background: var(--portlet-background) !important;*/
    /* border-radius: 4px !important;*/
}

/* Test */
.test {
    margin: 0px;
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.dashboard-date {
    color: var(--text-color-secondary) !important;
    font-size: 12px !important;
}

.mapping-helper-text {
    position: relative;
    margin-top: -27px;
    right: 30px;
    float: right;
    color: #ACB5C3 !important;
    font-size: 12px !important;
}

#orderSummaryTable .label {
    position: relative;
    top: -3px;
}

#orderSummaryTable .table-condensed > tbody > tr > td, #orderSummaryTable .table-condensed > tbody > tr > th, #orderSummaryTable .table-condensed > tfoot > tr > td, #orderSummaryTable .table-condensed > tfoot > tr > th, #orderSummaryTable .table-condensed > thead > tr > td, #orderSummaryTable .table-condensed > thead > tr > th {
    padding: 3px;
    border-top: 0px solid var(--border-color);
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.skeleton {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #e6eef3;
}


.skeleton-animate {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #edf3f7;
    animation: skeleton-animation 3s ease-in-out infinite;
}

@keyframes skeleton-animation {
    0% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(100%, 0, 0);
    }
}

code, kbd, pre, samp {
    font-family: 'Inter', sans-serif;
}

.btn.btn-outline.blue {
    border-color: rgba(0, 0, 0, 0.00);
    color: #becbd2;
    background: 0 0;
}

.mc-pc-linkable {
    transition: all .38s cubic-bezier(.4,0,.2,1);
}

    .mc-pc-linkable:hover {
        box-shadow: 0 3px 3px rgba(0,0,0,.1), 0 3px 6px rgba(0,0,0,.26) !important;
        background-color: var(--page-background) !important;
    }

#storesFiltersList .nav > li > a {
    padding: 8px 15px;
}

#storesFiltersList .nav {
    margin-bottom: 100px !important;
}

.storeFilterRemovePadding {
    padding: 0px !important;
}

#storeStatusFilters button {
    padding: 0 6px !important;
    margin-top: -15px;
    border-radius: 0px;
    height: 67px;
    min-width: 130px;
    box-shadow: none;
    border-width: 0px 0px 2px 0px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline-offset: 0px;
}

.portlet > .portlet-title > .tools > a.collapse {
    background-image: url(https://static.godatafeed.com/site%20assets/portlet-collapse-icon.png);
    width: 13px;
    visibility: visible;
}

.portlet > .portlet-title > .tools > a.expand {
    background-image: url(https://static.godatafeed.com/site%20assets/portlet-expand-icon.png);
    width: 13px;
    visibility: visible;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 50px auto;
        width: 600px;
    }

    #planPicker .modal-dialog {
        width: min-content;
    }

    .table-responsive .button-space {
        padding-right: 0px;
    }
}

.disabled-feed {
    opacity: .5;
}

.logoBadge {
    margin: 0 auto;
    position: absolute;
    top: 0px;
    display: block;
    height: auto;
    padding: 2px 10px 2px 12px;
    margin-top: 0px;
    text-align: left;
    left: 0px;
    font-weight: 600;
    font-size: 11px !important;
    text-transform: none;
    border-radius: 0px !important;
}


.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 300;
    padding: 12px 16px;
}

.dashboard-header {
    font-weight: 600;
    font-size: 26px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: var(--offwhitegrey);
}


#storesProfileSidebarPortlet .profile-sidebar-toggler {
    padding: 8px 15px;
    text-align: right;
}

#storesProfileSidebarPortlet .collapsed-sidebar-logo {
    display: none !important;
    margin: 20px 0 10px 0;
    text-align: center;
}

#storesProfileSidebarPortlet .profile-sidebar-toggler i {
    margin-right: 2px;
    font-size: 20px;
    font-weight: 600 !important;
}

@media (min-width: 991px) {
    #storesProfileSidebarPortlet .collapse-profile-sidebar .profile-sidebar-toggler {
        padding: 15px;
    }

    #storesProfileSidebarPortlet .profile-sidebar-toggler {
        display: flex !important;
    }

    #storesProfileSidebarPortlet .collapse-profile-sidebar .collapsed-sidebar-logo {
        display: block !important;
    }

    #storesProfileSidebarPortlet .collapse-profile-sidebar .profile-sidebar-toggler .title {
        display: none !important;
    }

    .collapsed-filters-text {
        text-transform: uppercase;
        transform: rotate(90deg);
        font-weight: 600;
        position: relative;
        top: 29px;
        white-space: nowrap;
    }
}

#storesProfileSidebarPortlet .collapsed-sidebar-logo {
    display: none !important;
    margin: 20px 0 10px 0;
    text-align: center;
}

#storesProfileSidebarPortlet .profile-sidebar-toggler {
    justify-content: center;
    align-items: center;
}

#storesProfileSidebarPortlet .collapse-profile-sidebar .profile-sidebar .menu-card, #storesProfileSidebarPortlet .collapse-profile-sidebar .profile-sidebar .profile-sidebar-portlet, #storesProfileSidebarPortlet .collapse-profile-sidebar .profile-sidebar .profile-usermenu .badge, #storesProfileSidebarPortlet .collapse-profile-sidebar .profile-sidebar .profile-usermenu .profile-usermenu-hide-on-collapse {
    display: none !important;
}

.collapsed-sidebar-logo {
    display: none !important;
    margin: 20px 0px 10px 0px;
    text-align: center;
}

@media (max-width: 991px) {

    .profile-sidebar-toggler .title {
        display: inline !important;
    }

    #adminDashboard .collapse-profile-sidebar .profile-sidebar .menu-card, #adminDashboard .collapse-profile-sidebar .profile-sidebar .profile-sidebar-portlet, #adminDashboard .collapse-profile-sidebar .profile-sidebar .profile-usermenu .badge, #adminDashboard .collapse-profile-sidebar .profile-sidebar .profile-usermenu .profile-usermenu-hide-on-collapse {
        display: none;
    }


    .collapse-profile-sidebar .profile-sidebar-menu {
        display: none;
    }

    /*.profile-sidebar-menu {
        position: absolute;
        width: 100%;
        z-index: 3;
        background: var(--page-background);
    }*/
}

@media (min-width: 991px) {
    .collapse-profile-sidebar .profile-sidebar {
        width: 30px;
    }

    .collapse-profile-sidebar .profile-sidebar-toggler {
        padding: 0px;
        height: 100%;
        width: 20px !important;
    }

    .collapse-profile-sidebar #btnToggleSidebar {
        padding: 16px;
        width: 20px !important;
        border-radius: 0px !important;
        height: 100%;
    }

        .collapse-profile-sidebar #btnToggleSidebar i.fa.fa-bars {
            position: fixed;
            left: 8px;
            top: 105px;
            border: 1px solid var(--portletLightBorder);
            border-radius: 125px;
            padding: 4px 7px;
            font-size: 10px;
            background: var(--page-background);
            transition: all .3s;
        }

    .feed-import-alerts .collapse-profile-sidebar.no-feed-details-alerts #btnToggleSidebar i.fa.fa-bars,
    .no-feed-import-alerts .collapse-profile-sidebar.feed-details-alerts #btnToggleSidebar i.fa.fa-bars {
        top: 141px;
    }

    .feed-import-alerts .collapse-profile-sidebar.feed-details-alerts #btnToggleSidebar i.fa.fa-bars {
        top: 178px !important;
    }

    .collapse-profile-sidebar .profile-content {
        margin-left: 30px;
    }

    .collapse-profile-sidebar .profile-sidebar #btnToggleSidebar {
        margin-left: -5px;
        margin-top: -8px;
    }

    .collapse-profile-sidebar .profile-sidebar-toggler .fa-angle-right {
        font-size: 24px;
    }

    .collapse-profile-sidebar .profile-sidebar .menu-card, .collapse-profile-sidebar .profile-sidebar .profile-sidebar-portlet, .collapse-profile-sidebar .profile-sidebar .profile-usermenu .badge, .collapse-profile-sidebar .profile-sidebar .profile-usermenu .profile-usermenu-hide-on-collapse {
        display: none;
    }

    .collapse-profile-sidebar .profile-sidebar .profile-usermenu a {
        padding: 15px !important;
    }

    .collapse-profile-sidebar .fixed-pager-footer {
        width: calc(100% - 50px);
        left: 50px
    }

    .collapse-profile-sidebar .collapsed-sidebar-logo, .collapse-profile-sidebar .profile-sidebar-menu, .collapse-profile-sidebar #btnBackToFeeds, .collapse-profile-sidebar .profile-sidebar-toggler .title {
        display: none !important;
    }

    .menu-card {
        margin: 0px;
    }
}

.profile-sidebar {
    width: 270px;
    margin-right: 0;
    /* background-color: var(--page-background);*/
    /*  border-right: 1px solid var(--portletLightBorder);*/
    transition: .2s ease width;
    z-index: 1002;
    border-radius: 0px;
    padding: 5px !important;
    background: var(--portlet-background);
    border-right: 1px solid var(--portletLightBorder);
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
}

.portlet.light.portlet-fullscreen > .portlet-body {
    display: block !important;
}

.feed-label {
    position: relative;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    min-height: 25px;
}

.dash-feeds-summary-section {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0px 0px 5px 0px;
}

.feed-label-logo {
    height: 13px;
    margin: 1px 0px 0px 0px !important;
}

.feed-label-error {
    position: absolute;
    left: 18px;
    top: -6px;
}

.store-dash-portlet {
    padding: 0px !important;
    border: 0px var(--border-color) solid !important;
}

.dash-portlet-title-img {
    top: -3px;
    position: relative;
    width: 20px;
    margin-right: 3px;
}

.dash-store-summary {
    display: inline-flex;
    float: left;
    width: calc(100% - 420px);
    margin-top: 8px !important;
}

.dash-loader {
    display: inline;
    margin-left: 15px;
    position: relative;
    top: 3px;
    text-transform: uppercase !important;
}

.collapse-profile-sidebar .profile-sidebar ul li.active a, .collapse-profile-sidebar .profile-sidebar ul li a:hover, .collapse-profile-sidebar .profile-sidebar ul li.filterActive a {
    background-color: var(--border-color) !important;
    border-radius: 0px;
}

    .collapse-profile-sidebar .profile-sidebar ul li.active a .fa-menu-padding, .collapse-profile-sidebar .profile-sidebar ul li a:hover .fa-menu-padding {
        background-color: var(--border-color) !important;
    }

#feedDetails .fa-clone, #rleCondition .fa-clone {
    font-weight: 600 !important;
    color: var(--text-color-blue) !important;
}

#feedsPortlet .fa-ellipsis-h, button .dropdown-toggle .fa-ellipsis-h {
    font-size: 16px !important;
    margin: 0px !important;
}

#comparisonField input:first-child {
    width: 1%;
}

.md-select-value {
    min-width: 30px;
}

.bg-newrule {
    animation: colorchange 3s; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 3s; /* Chrome and Safari */
}

@keyframes colorchange {
    0% {
        background: transparent;
    }

    25% {
        background: #daebff;
    }

    100% {
        background: transparent;
    }
}

/* Safari and Chrome - necessary duplicate */
@-webkit-keyframes colorchange {
    0% {
        background: transparent;
    }

    25% {
        background: #daebff;
    }

    100% {
        background: transparent;
    }
}

.inline {
    display: inline !important;
}

#tblCategoryRules, #tblImportFiltersRules, #tblFeedFiltersRules, #tblCustomRules {
    margin-bottom: 15px;
}

.tags-input .tags .input:after {
    color: #8e44ad !important;
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f149";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    position: absolute;
    right: 5px;
    top: 3px;
    border: grey 1px solid;
    padding: 1px;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#hlpArticleBody img {
    height: auto;
    max-width: 100%;
    margin: 20px 0;
    /*box-shadow: 0 0 18px 3px rgba(69,79,91,0.2);*/
}

#hlpArticleBody h1 {
    font-size: 22px;
}

#hlpArticleBody h2 {
    font-size: 20px;
}

#hlpArticleBody h3 {
    font-size: 18px;
}

#hlpArticleBody h4 {
    font-size: 16px;
    line-height: 30px;
}

/*.wysiwyg-text-align-center {
    text-align: center;
}*/

blockquote {
    padding: 10px 20px;
    margin: 20px;
    font-size: 13px;
    border-left: 4px solid #77b6ff;
    background: var(--blackquote-background);
    border-radius: 4px;
}

.note {
    border-left: 4px solid #FDD835 !important;
    background: var(--note-background) !important;
    padding: 10px 20px;
    margin: 20px;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 0 0px 0px #fff;
}

#hlpArticleBody {
    max-height: 625px;
    overflow-y: auto;
    padding: 10px;
}

    #hlpArticleBody .step {
        background: var(--primary-color-1);
        color: #ffffff;
        padding: 2px 8px;
        margin-right: 15px;
        font-weight: bold;
        border-radius: 4px;
        /* text-transform: uppercase; */
    }

.no-results-image {
    opacity: 0.6;
    background-image: url(https://static.godatafeed.com/flat-icons/desert-sun-cactus.png);
    height: 111px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-outline {
    transition: all .28s cubic-bezier(.4,0,.2,1) !important;
}

@media (max-width: 767px) {
    .table-responsive > .table {
        margin-bottom: 0;
        min-width: 600px;
    }
}

@media (max-width: 491px) {
    .rule-action-control, .rule-action-label, .tags, .rule-name md-input-container, .rule-name .pull-right {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    md-radio-button {
        display: block !important;
    }

    #textReplacementPortlet {
        margin: 0px;
    }
}

#dashboardPortlet .caption a, #dashboardIssues h5 a {
    color: var(--text-color-primary);
    text-decoration: underline #becbd2 dotted;
    font-weight: 600;
    transition: all .28s cubic-bezier(.4,0,.2,1) !important;
}

    #dashboardPortlet .caption a:hover, #dashboardIssues h5 a:hover {
        color: var(--text-color-blue);
        text-decoration: underline #becbd2 dotted;
        font-weight: 600;
    }

.filter-card:focus {
    outline: none;
}

#feedDetails .profile-content .popover-wrapper form {
    position: absolute;
    top: -10px;
    left: 15px;
}

rule-reset-sequence .font-grey-steel {
    transition: all .28s cubic-bezier(.4,0,.2,1) !important;
}

    rule-reset-sequence .font-grey-steel:hover {
        color: var(--text-color-blue) !important;
    }

.welcome-todo img {
    height: 100%;
}


.dashboard-getting-started .welcome-todo {
    height: 40px;
    width: 40px;
}

.disabled .welcome-todo {
    height: 40px;
    width: 40px;
    margin-left: 20px !important;
}

#dashboardGettingStartedSteps .padding-20-60 {
    border-bottom: 1px var(--skeleton-color) solid;
    margin-bottom: 20px !important;
}

#dashboardGettingStartedSteps .disabled .next-step .welcome-todo {
    box-shadow: unset;
    border-color: var(--portletLightBorder);
}

.welcome-todo {
    color: #b9b9b9;
    border: 0px solid #b9b9b9;
    border-radius: 130px;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: normal;
    font-size: 26px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

.welcome-todo-btn {
    color: #b9b9b9 !important;
}

#dashboardGettingStartedSteps .next-step .welcome-todo, #workflowConnectPage .next-step .welcome-todo {
    /*color: var(--text-color-blue-hover);
    background-color: var(--portlet-background);
    border: 3px solid var(--primary-color-2);
    box-shadow: 0 4px 13px 0 rgba(37,131,253,.5);*/
}

#dashboardGettingStartedSteps .welcome-badge-center.disabled {
    margin-bottom: 10px;
}

#dashboardGettingStartedSteps .next-step .welcome-todo-btn, #workflowConnectPage .next-step .welcome-todo-btn {
    color: var(--text-color-blue) !important;
}

#dashboardGettingStartedSteps .welcome-complete, #dashboardGettingStartedSteps .welcome-todo {
    margin: 8px 4px 8px 0;
}

.welcome-complete {
    color: #51cc5b !important;
    border: 2px solid #51cc5b;
    box-shadow: 0 3px 6px rgb(219, 255, 222), 0 3px 6px rgb(81, 204, 91);
    border-radius: 25px;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: normal;
    font-size: 26px;
    font-weight: 600;
    margin: 0 8px 0 0;
}

.welcome-complete-btn {
    color: #ACB5C3 !important;
}

.welcome-next {
    border-color: #c9cfd8 !important;
}

#orderDashboardStats {
    line-height: 35px;
}

#dashboardChecklist table td {
    padding: 16px;
}

#dashboardGettingStartedSteps .card-white {
    margin-bottom: 15px;
}

.welcome-badge-center .welcome-complete, .welcome-badge-center .welcome-todo, .step .welcome-complete, .step .welcome-todo {
    display: inline-block;
}

.step {
    font-size: 20px;
    font-weight: 600;
}

.welcome-badge-center .btn {
    margin: 16px 0px;
}

#divStoreIntegrations .btn {
    transition: all 0s cubic-bezier(.4,0,.2,1);
}

/*#ordersStats .progress-info {
    display: none;
}

#ordersStats .display {
    margin-bottom: 0px;
}*/

.modal-footer .btn {
    color: var(--text-color-blue) !important;
    background-color: var(--button-secondary) !important;
    border-color: var(--button-secondary) !important;
    box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
    min-width: 100px !important;
}

.modal-footer .btn-close {
    color: var(--text-color-primary) !important;
    margin-right: 15px;
}

.modal-footer .btn:hover, .modal-footer .btn:focus {
    background-color: var(--page-background) !important;
}

.loading-category-control {
    position: absolute;
    margin: 2px;
    height: 34px;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    border: var(--border-color) 2px solid !important;
    color: var(--text-color-primary);
}

.table-warning-txt {
    background: #fffbea;
    color: var(--danger-red-background);
}

.pickerIcon:hover {
    color: var(--text-color-blue) !important;
}

.multiselectHeader-billing-stores ._md {
    padding-top: 0px;
}

.multiselectHeader-billing-stores {
    top: 250px !important;
}

#accountAssignmentsFavorites .btn {
    transition: none
}

#assignedListPortlet .accountStorelabel {
    position: fixed;
    top: 86px;
    font-size: 10px;
}

#assignedListPortlet table {
    display: flex;
}

.or-text {
    display: inline-block;
    background: var(--portlet-background);
    padding: 4px;
    font-size: 10px;
    color: #9b9b9b;
}

#dashboardGettingStartedSteps .or-text {
    border-radius: 25px;
    border: solid 1px var(--border-color);
}

@media (min-width: 1200px) {
    .or-divider-border {
        border-right: solid 1px var(--border-color);
    }

    .or-text {
        position: absolute;
        right: -13px;
        background: var(--portlet-background);
        top: 40%;
    }

    .md-toast-text {
        font-size: 13px !important;
        padding: 0px;
    }
}

@media (max-width: 1200px) {
    .or-divider-border {
        border-right: solid 0px var(--border-color);
        border-bottom: solid 1px var(--border-color);
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .or-text {
        position: absolute;
        bottom: -13px;
        right: 50%;
    }
}

#productCatalog .fa-image {
    font-size: 45px;
    line-height: 45px;
}

.setupSource .profile-sidebar {
    display: none;
}

.setupSource .profile-content {
    margin: 0px;
}

#cardPrimarySource {
    transition: all .2s cubic-bezier(.4,0,.2,1);
    text-align: center;
}

    #cardPrimarySource:hover {
        background-color: var(--page-background);
    }

.resource-article {
    margin: 15px 0 30px;
}

    .resource-article div {
        margin: 5px 0 0 0;
    }

#overviewImportTablePortlet .filter-card {
    text-align: center;
    margin: 0 0 10px 0;
    min-height: 105px;
    vertical-align: middle;
    border-width: 1px !important;
}

#overviewImportTablePortlet p {
    font-size: 16px;
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#overviewImportTablePortlet h5 {
    margin: 0;
    font-weight: 600;
}

    #overviewImportTablePortlet h5 i {
        color: var(--text-color-secondary);
        margin: 0 5px 0 0;
        font-size: 18px;
    }

#overviewImportTablePortlet a.filter-card {
    display: block;
    color: var(--text-color-primary);
}

.import-logo {
    max-height: 40px;
}

.import-logo-dl {
    max-height: 10px;
}

.import-source-label {
    margin: 8px 0 0 0;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#categoryRulesPortlet .tools {
    padding: 10px 0 13px !important;
    margin-top: 2px;
}

.blockUI.blockOverlay {
    z-index: 9990 !important;
    background-color: var(--blockOverlay) !important;
    opacity: 0.15 !important;
}

/* NEW BUTTON ICON ONLY STYLE WITH LABEL BELOW BTN */
.btn-icon-label:hover i {
    box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.26) !important;
    background-color: var(--hover-color) !important;
    color: var(--text-color-blue);
}

.btn-icon-label {
    border-radius: 0px;
    box-shadow: none;
    text-transform: capitalize;
    font-weight: 400 !important;
    font-size: 12px !important;
    padding: 0px !important;
    display: inline-block;
    text-align: center;
    color: var(--text-color-primary) !important;
    border: 0px solid white;
    background: transparent;
    width: 56px;
}

    .btn-icon-label .fa {
        border-radius: 60px;
        font-weight: 400 !important;
        font-size: 13px !important;
        display: block;
        margin: 0px auto 5px;
        line-height: 1.5 !important;
        align-items: center !important;
        text-align: center !important;
        padding: 8px 0px 7px 0px !important;
        transition: all .28s cubic-bezier(.4,0,.2,1);
        box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.18);
        height: 34px !important;
        width: 34px !important;
        background-color: var(--portlet-background);
        /*background: #f1f7ff;*/
        color: var(--text-color-primary);
    }

#billingNavBar .text-center.padding-15 > span {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#divChangePassword md-icon.material-icons {
    display: inline;
    height: 34px;
    width: 34px;
    min-height: 34px;
    min-width: 34px;
    top: 2px;
    right: 0px;
}

#frmParameterFeedSettings #btnSubmissionFrequency .btn {
    width: 25%;
}

#feedtemplateCategoryDepartmentPorlet td {
    vertical-align: middle;
}

#tblImportTimes img.btn.btn-icon-only.btn-circle.white {
    padding: 5px !important;
}

.table-body {
    max-height: 300px;
    overflow: auto;
}

.feed-field-descriptions .table-container {
    border: #d8d8d8 1px solid;
}

.portlet-info .portlet-title img {
    float: left;
    margin: 0 8px 0 0;
    width: 40px;
}

md-input-container:not(.md-input-has-value) input:not(:focus), md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field, md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field {
    color: var(--text-color-primary) !important;
}

.order-details-modal {
    padding-right: 0px !important;
}

    .order-details-modal .modal-full.modal-dialog {
        width: 90%;
        margin: 1% auto;
    }

.gdf-highlight {
    background: var(--note-background);
}

/*
    Feed Data Preview
*/
.openFeedPreview .feed-page-view-content {
    margin-top: 290px !important;
}

.dataPreviewTableRow {
    margin-bottom: 0px;
}

#feedPreviewData.portlet-fullscreen {
    margin-top: 50px !important;
}

.dataPreviewBody {
    transition: .1s ease max-width;
}

#feedPreviewData .page-view-body.dataPreviewBody {
    max-width: calc(100% - 400px);
    overflow-y: auto;
    max-height: 90%;
}

.page-sidebar-closed #feedPreviewData .dataPreviewBody {
    max-width: calc(100% - 270px);
    overflow-y: auto;
    max-height: 90%;
}

.collapse-profile-sidebar #feedPreviewData .dataPreviewBody {
    max-width: calc(100% - 190px);
    overflow-y: auto;
    max-height: 90%;
}

.page-sidebar-closed .collapse-profile-sidebar #feedPreviewData .dataPreviewBody {
    max-width: calc(100% - 90px) !important;
    overflow-y: auto;
    max-height: 90%;
}

#feedPreviewData.portlet-fullscreen .page-view-body.dataPreviewBody {
    max-width: 100%;
    height: 100%;
}

#feedPreviewData.portlet-fullscreen .table-responsive {
    height: auto;
    max-height: 400px;
}

#feedPreviewData .table-responsive {
    height: 150px;
}

.multiselectHeader-feedDetails-feedPreview {
    top: 150px !important;
}

.multiselectHeader-feedDetails-importPreview {
    top: 150px !important;
}

#feedPreviewProfileContent {
    overflow-y: auto !important;
    background-color: var(--page-background);
    border-bottom: 1px solid var(--border-color) !important;
    position: fixed;
    width: 100%;
    z-index: 1003;
    transition: .2s ease height;
}

#feedPreviewProfileContent {
    height: 0px;
}

    #feedPreviewProfileContent .table td {
        text-overflow: ellipsis;
        max-width: 355px;
        overflow: hidden;
        word-break: break-all;
        white-space: nowrap;
    }

    #feedPreviewProfileContent .portlet-fullscreen .card-grey, #feedPreviewProfileContent .portlet-fullscreen .card-white {
        margin-bottom: 15px;
    }

.openFeedPreview #feedPreviewProfileContent {
    height: 291px;
}

.openImportPreview #feedPreviewProfileContent {
    height: 100%;
}

@media screen and (max-width: 992px) {
    .openFeedPreview .feed-page-view-content {
        margin-top: auto !important;
    }

    #feedPreviewData .page-view-body.dataPreviewBody {
        max-width: 100%;
        overflow-y: auto;
        max-height: 90%;
    }

    #feedPreviewProfileContent {
        height: auto;
        position: relative;
    }
}

#toggleFeedPreview {
    padding: 8px;
}

#feedPreviewProfileContent .table > tbody > tr > td, #feedPreviewProfileContent .table > tbody > tr > th, #feedPreviewProfileContent .table > tfoot > tr > td, #feedPreviewProfileContent .table > tfoot > tr > th, #feedPreviewProfileContent .table > thead > tr > td {
    border-top: 1px solid var(--page-background);
    border-right: 1px solid var(--page-background);
    font-size: 13px;
}

#productPreviewProfileContent .table > tbody > tr > td, #productPreviewProfileContent .table > tbody > tr > th, #productPreviewProfileContent .table > tfoot > tr > td, #productPreviewProfileContent .table > tfoot > tr > th, #productPreviewProfileContent .table > thead > tr > td {
    border-top: 1px solid var(--page-background);
    border-right: 1px solid var(--page-background);
    font-size: 13px;
}


.sample-tables-toggles {
    display: inline-block;
}

    .sample-tables-toggles .btn {
        border: 0px solid white
    }

    .sample-tables-toggles div {
        display: inline-block;
        margin-right: 8px;
    }

#adsDetails #tblProducts td {
    font-size: 12px !important;
    vertical-align: middle !important;
}

#adsDetails #dateRange.btn {
    font-size: 16px !important;
}

#feedPreviewData td {
    border: 1px solid var(--page-background) !important;
}

/* NEW TOP MENU */

.page-header.navbar .page-top {
    height: 50px;
    background: var(--top-bar-background);
}

.page-top li.nav-item {
    display: inline-flex;
}

@media (min-width: 1300px) {
    .nav-menu-icon {
        display: none !important;
    }
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    margin: auto;
    padding: 0px 16px;
}

.page-top a.nav-link {
    color: var(--text-color-primary);
    font-size: 13px;
    font-weight: 600;
    padding: 0px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-top li.nav-item.active .nav-link {
    color: var(--text-color-blue);
    border-bottom: 2px var(--primary-color-1) solid;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: var(--top-bar-hover);
}

.page-top li.nav-item.nav-item-active .nav-link {
    color: var(--text-color-blue);
    border-bottom: 2px var(--primary-color-1) solid;
}

@media (min-width: 991px) {
    .page-content-wrapper .page-content {
        margin-left: 0px !important;
        max-width: 2500px;
    }
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: var(--text-color-primary);
}

md-toast .md-toast-content:before {
    min-height: unset;
}

.navbar-nav {
    margin: 0px;
}

.page-header.navbar .top-menu {
    position: absolute;
    top: 0px;
    right: 0px;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        background: var(--top-bar-background);
    }

.page-menu .nav-item .badge {
    position: absolute;
    top: 8px;
    right: 3px;
    font-size: 11px !important;
}

.quick-sidebar-toggler .fa-arrow-circle-left {
    color: var(--primary-color-1);
}

.admin-dropdown {
    background: var(--top-bar-background);
    padding: 0px !important;
}

.page-top li.nav-item:not(.nav-item-active) .nav-link i {
    color: var(--text-color-secondary);
}

.switchStoreWrapper {
    background: var(--top-bar-background);
}

.loading {
    padding: 30%;
    align-items: center;
    text-align: center;
}

.page-logo .fa-spinner {
    position: absolute;
    top: 27px;
    left: 59px;
    font-size: 21px;
    font-weight: 600;
    color: white;
}

/* PIE CHART TEST */
.pieContainer {
    height: 150px;
    position: relative;
}

.pieBackground {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.18);
    border: 1px solid var(--portletLightBorder);
}

.pie {
    transition: all 1s;
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    clip: rect(0px, 75px, 150px, 0px);
}

.hold {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    clip: rect(0px, 150px, 150px, 75px);
}

#pieSlice1 .pie {
    background-color: #f56666;
    transform: rotate(30deg);
}

#pieSlice2 {
    transform: rotate(30deg);
}

    #pieSlice2 .pie {
        background-color: #0a0;
        transform: rotate(60deg);
    }

#pieSlice3 {
    transform: rotate(90deg);
}

    #pieSlice3 .pie {
        background-color: #f80;
        transform: rotate(120deg);
    }

#pieSlice4 {
    transform: rotate(210deg);
}

    #pieSlice4 .pie {
        background-color: #08f;
        transform: rotate(10deg);
    }

#pieSlice5 {
    transform: rotate(220deg);
}

    #pieSlice5 .pie {
        background-color: #a04;
        transform: rotate(70deg);
    }

#pieSlice6 {
    transform: rotate(290deg);
}

    #pieSlice6 .pie {
        background-color: #ffd700;
        transform: rotate(70deg);
    }

.innerCircle {
    position: absolute;
    width: 120px;
    height: 120px;
    background-color: #444;
    border-radius: 100%;
    top: 15px;
    left: 15px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5) inset;
    color: white;
}

    .innerCircle .content {
        position: absolute;
        display: block;
        width: 120px;
        top: 30px;
        left: 0;
        text-align: center;
        font-size: 13px;
    }

.stat-first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.stat-last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-right: 0px !important;
}

.dashboard-stat2 {
    box-shadow: unset;
    margin: 0px;
    border-top: 0px;
    border-right: 1px var(--border-color) solid;
    border-bottom: 0px;
    border-left: 0px;
    background: transparent;
    padding: 8px 8px 25px;
    border-radius: 0px;
}

.gdf-search {
    width: 100%;
    max-width: 300px;
    display: inline-block;
}

#gdfSearchMedium {
    display: inline-block;
    text-align: right;
}

.dashboard-stat2 .display .number h3 {
    font-size: 24px;
    margin-bottom: 8px;
}

.dashboard-stat2 .display .number small {
    font-size: 13px;
    color: #AAB5BC;
    font-weight: 600;
    text-transform: capitalize;
}

.dashboard-stat2 .progress-info .status {
    font-size: 13px;
    text-transform: lowercase;
}

.profile-sidebar-toggler {
    /*    padding: 8px 10px 0px;*/
    transition: .2s ease background-color;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#storesProfileSidebarPortlet .profile-sidebar-toggler {
    padding: 15px 0px 7px;
}

    #storesProfileSidebarPortlet .profile-sidebar-toggler:hover {
        background-color: var(--border-color) !important;
        color: var(--text-color-blue);
    }

    #storesProfileSidebarPortlet .profile-sidebar-toggler .title {
        display: unset;
    }

.profile-sidebar-toggler .title {
    font-size: 13px;
    margin-right: 10px;
    display: none;
    color: var(--text-color-secondary);
    font-weight: 600 !important;
}

.profile-sidebar-toggler .sidebar-item:hover {
    background-color: var(--border-color) !important;
    color: var(--text-color-blue);
}

.profile-sidebar-toggler i {
    margin-right: 2px;
    font-size: 16px;
    font-weight: 200 !important;
    color: #becbd2;
}

.collapse-profile-sidebar #storesProfileSidebarPortlet .profile-sidebar-toggler {
    height: 100%;
    padding-right: 0px;
}

/*.profile-sidebar::-webkit-scrollbar, .profile-sidebar-portlet::-webkit-scrollbar {
    display: none;
}*/

.profile-sidebar .menu-card hr {
    margin: 0px 15px;
}

.feed-name-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 0px var(--border-color) solid;
}

    .feed-name-logo .circle-logo {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        padding: 13px;
        margin: 0px 5px 0px 0px;
        color: #acb5c3 !important;
        display: inline-flex;
        background: var(--offwhitegrey) !important;
        border: 1px solid var(--portletLightBorder);
    }

    .feed-name-logo .feed-name {
        display: grid;
        font-weight: 600;
        font-size: 18px;
        text-align: left;
        line-height: 22px;
    }

        .feed-name-logo .feed-name .merge-file {
            font-weight: 600;
        }

    .feed-name-logo .circle-logo img {
        width: 26px;
    }

    .feed-name-logo .feed-logo {
        margin: 0px 10px 0px 10px;
        width: 40px;
    }

#workflowConnectPage .portlet.light {
    background: var(--page-background);
}

.feed-rule-field {
    font-size: 11px !important;
    color: #ACB5C3 !important;
    margin-top: 8px;
    font-weight: 400;
    padding-left: 16px;
}

.feed-rule-set {
    font-size: 11px !important;
    color: #ACB5C3 !important;
    font-weight: 400;
    padding-left: 16px;
}

.feed-rule-preview {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #ACB5C3 !important;
    font-size: 11px !important;
    padding-left: 16px;
    font-weight: 400;
}

.feed-rule-name {
    font-size: 13px;
}

.rulesList .fa-caret-right {
    font-size: 13px;
    font-weight: 600;
}

.sub-menu-back-button {
    padding: 8px 15px;
    text-align: center;
    transition: .2s ease background-color;
    display: block;
    width: 100%;
    color: var(--text-color-primary) !important;
}

    .sub-menu-back-button .title {
        font-size: 11px;
    }

    .sub-menu-back-button:hover {
        background-color: var(--border-color) !important;
        color: var(--text-color-blue) !important;
    }

#toggleOrderSync .btn {
    cursor: pointer;
}

/*Vertical line*/
.feed-setup-line {
    width: 2px;
    height: 167px;
    position: absolute;
    background: var(--portletLightBorder);
    left: 24px;
    margin-top: 19px;
}

.collapse-profile-sidebar .feed-setup-line {
    margin-top: 45px;
}

.fa-menu-padding {
    padding: 0px 0px;
    /*background: var(--page-background);*/
}

.rule-list-search .btn-input {
    opacity: .5;
    transition: .2s ease opacity;
}

.rule-list-search:hover .btn-input {
    opacity: 1;
}

#billingNavBar .menu-card {
    margin-top: 10px;
}

.feed-name-logo .circle-icon {
    background: var(--offwhitegrey) !important;
    border: 1px solid var(--border-color);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 15px 0px;
    margin: 8px;
    color: #ACB5C3 !important;
    font-size: 24px;
}

.store-picket-loading {
    height: 30px;
    width: 100%;
    display: block;
    background: var(--portlet-background);
    font: #fff;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

.username-float {
    position: absolute;
    top: 2px;
    right: 15px;
    text-align: right;
    font-weight: 400;
    font-size: 10px !important;
    color: var(--text-color-secondary) !important;
}

.dropdown-menu img.feed-logo {
    width: 16px !important;
}

#spnCurrentStore {
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.current-store i {
    margin: 0px 4px;
}

.current-store .fa-circle {
    color: #51cc5b;
}

.current-store .fa-pause-circle {
    color: #ACB5C3;
}

.t-c-links {
    font-size: 10px;
}

@media (min-width:991px) {
    #storesProfileSidebarPortlet .profile-sidebar-toggler {
        justify-content: flex-end;
        padding-right: 15px;
    }

    md-toast .md-toast-content {
        max-width: 300px;
    }
}

.helpcenter-title {
    background: var(--page-background);
    border: 1px solid var(--portletLightBorder);
    color: #4d5660;
    padding: 2px 8px;
    margin-bottom: 10px !important;
    font-weight: bold;
    border-radius: 4px;
    display: inline;
}

.catalog {
    justify-content: flex-end !important;
}

    .catalog #btnBackToCatalog {
        display: none;
    }

.table-pager {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#cardValidationSummary .table-tools {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.feed-name-logo .feed-name div {
    overflow: hidden;
    text-overflow: ellipsis;
}

#userImage {
    border-radius: 50px;
    border: 1px var(--portletLightBorder) solid;
    margin-right: 8px;
    width: 20px;
    display: none;
}

.profile-userpic #userImage {
    width: 50px;
}

#tblUsers #userImage {
    width: 34px;
}

rule-reset-sequence {
    display: none;
}

.admin .page-header.navbar .top-menu .navbar-nav > li.dropdown a {
    min-height: unset;
    padding: 8px 16px;
    border-radius: 4px;
}

.admin .page-header.navbar .top-menu .navbar-nav > li {
    display: flex;
    align-items: center;
    align-content: center;
}

.page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
    padding: 17px 12px;
}

.pricing-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

    .pricing-table p {
        margin: 0px;
        display: inline;
    }

.pricing-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ebecf0;
    background-color: var(--portlet-background);
    min-width: 250px;
}

    .pricing-column:first-child {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
    }

    .pricing-column:last-child {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }

.pc {
    margin-top: 15px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.pn {
    text-transform: uppercase;
    text-align: center;
    margin: 8px auto;
    font-weight: 600;
}

.pd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: var(--text-color-blue);
}

.pds {
}

.pdp {
    margin-right: 2px;
    margin-left: 2px;
    font-size: 50px;
    line-height: 50px;
}

.pdf {
}

.pf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.pricing-feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .pricing-feature.not-included {
        color: #7a8292;
    }

.pricing-feature-icon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    padding: 3px;
    border-radius: 50%;
}

.pricing-feature i {
    color: #4ed029;
    background: #e9f9e4;
    padding: 2px 4px;
    width: 16px;
    height: 16px;
    border-radius: 15px;
    font-size: 11px;
    margin-right: 10px;
}

.pricing-feature-icon.included {
    background-color: rgba(70,206,31,.12);
}

.non-public-plan .public-plan-details, .non-public-plan .aop {
    display: none !important;
}

.pfao {
    margin: 3px 3px 5px 8px !important;
    background-color: var(--page-background);
}

.testbu {
    margin: 0px;
}

.add-on-pricing {
    display: inline;
}

.addon-pricing-grid .pricing-note {
    display: inline;
    margin: 0px 4px;
}

.modal-change-plan {
    margin: 35px auto !important;
    min-width: 1050px;
}

.aop {
    border-top: 1px solid #ebecf0;
    text-align: center;
}

.display-flex {
    display: flex;
}

.feed-url {
    width: calc(100% - 40px);
    margin: 0 !important;
    margin-left: 15px;
}

#pageMaintenance h1 {
    margin: 0 0 24px;
    font-size: 50px;
    line-height: 56px;
    font-weight: 600;
}

#pageMaintenance h2 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
}

#pageMaintenance .logo img {
    height: 90px;
}

#pageMaintenance .container {
    max-width: 800px !important;
    margin: 0px auto 30px;
}

#pageMaintenance .stuff {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: inherit;
}

#adminDashboard .profile-sidebar-portlet {
    height: calc(100% - 205px) !important;
}

#adminDashboard .profile-sidebar-menu {
    height: inherit;
}

/*theme toggle icons*/
.md-thumb.md-ink-ripple::before {
    color: var(--text-color-primary);
    font: normal normal normal 13px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 4px;
    left: 4px;
}

.gdf-light-theme #toggleTheme .md-thumb.md-ink-ripple::before {
    content: "\f185";
}

.gdf-dark-theme #toggleTheme .md-thumb.md-ink-ripple::before {
    content: "\f186";
}

.product-count table {
    background-color: transparent !important;
}

.portlet > .portlet-title {
    border-bottom: 1px solid var(--portletLightBorder);
}

#defaultMappingPagePortlet .page-view-body, #tblFieldMapping .page-view-body, #productsCatalog .page-view-body {
    padding-bottom: 100px;
}

.mapping-feed-field {
    position: relative;
    top: 12px;
    padding: 7px 6px;
    font-size: 16px !important;
    font-weight: 600 !important;
}

#defaultMappingPagePortlet table {
    background: inherit;
}

#mappingHierarchy .portlet-title:hover {
    background: #f1f3f5;
}

#mappingHierarchy .portlet-title i.fa.fa-question-circle-o {
    font-size: 13px;
}

#mappingHierarchy .portlet {
    padding: 0px;
    border: 1px var(--border-color) solid;
}

#mappingHierarchy .portlet-title {
    padding: 10px;
    margin: 0px;
}

#mappingHierarchy .child-node .portlet {
    margin-left: 45px;
    margin-top: 15px;
}

#mappingHierarchy i.fa.fa.fa-level-up.fa-rotate-90 {
    margin-right: 15px;
    margin-top: -1px;
    font-size: 24px;
}

i.fa.fa-plus {
    font-weight: 600;
}

md-autocomplete.md-default-theme, md-autocomplete {
    background: inherit;
}

#storeSwitcherDiv, #storeContainer {
    position: fixed !important;
    top: 50px;
    background: white;
    z-index: 1;
}

div#storeSwitcherDiv {
    border-left: 1px solid var(--portletLightBorder);
    box-shadow: 0 4px 12px rgba(82, 91, 115, .15);
    background: var(--portlet-background);
}

div#multiselectHeader-storeSwitch {
}

.store-md-select-menu {
}

.switchStoreWrapper form {
    display: block;
}


#storeSwitcherStoreName, .switchStoreResult {
    max-width: 175px !important;
}

.store-md-content {
}

@media (max-width:550px) {


    div#storeSwitcherDiv,
    div#multiselectHeader-storeSwitch,
    .store-md-select-menu {
        width: 100% !important;
        border-left: 0px solid var(--portletLightBorder);
        box-shadow: unset;
    }

    #storeSwitcherSubscriptions {
        display: none !important;
    }
}

#adRollFeedSettings td:first-child {
    font-weight: 600;
}

.stat-box {
    margin-bottom: 15px;
}

.custom-popover {
    position: absolute;
    width: 150px;
    z-index: 1;
    border-radius: 4px;
    margin: 0px;
    justify-content: center;
    display: flex;
    align-items: center;
    padding: 8px;
    margin-top: -25px;
    margin-left: -20px;
    background: var(--portlet-background);
    border: 1px solid var(--portletLightBorder);
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .03);
    left: -70px;
}

.relative-no-space {
    position: relative;
    width: 0;
    height: 0
}

.resequence-replace-text {
    width: 25px;
    text-align: center;
}

.rnw-count {
    background-color: #255dfb !important;
}

.md-checkbox-enabled.md-default-theme:not(.md-checked) .md-icon, .md-checkbox-enabled:not(.md-checked) .md-icon {
    border-color: var(--text-color-primary);
}

.upload-button-position {
    position: relative;
    left: -17px;
}

.upload-button-position-merge-file {
    position: relative;
    left: -10px;
}

.isProductsCardView, .isProductsCardInfo {
    display: flex;
    width: 95%;
}

    .isProductsCardView .col, .isProductsCardInfo .col {
        margin: 8px 8px 16px 8px;
        background: var(--portlet-background) !important;
        border-radius: 8px !important;
        min-height: 400px;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .isProductsCardView .col-5, .isProductsCardInfo .col-5 {
        width: 18%;
        margin: 1%;
        border-radius: 4px;
        border: 1px solid lightgrey;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
        position: relative;
        min-width: 200px;
    }

    .isProductsCardInfo .col-5 {
        max-width: 360px;
        max-height: 600px !important;
    }

    .isProductsCardView .card-body, .isProductsCardInfo .card-body {
        display: block;
        margin: 0 0.5rem 0.5rem 0;
        padding: 0.5rem;
        text-align: left !important;
        border-top: 0px !important;
        transition: all .28s cubic-bezier(.4,0,.2,1);
        padding: 5%;
    }

    .isProductsCardView .card-img-top img, .isProductsCardInfo .card-img-top img {
        padding-top: 5%;
        max-width: 150px;
        max-height: 150px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        border-radius: 25px 25px 0px 0px;
    }

    .isProductsCardInfo #btnBackToProducts .btn .btn-circle:hover {
        background-color: var(--border-color) !important;
    }

    .isProductsCardInfo .card-img-top img {
        max-width: 350px !important;
        max-height: 320px !important;
    }



    .isProductsCardView empty, .isProductsCardInfo empty {
        display: none;
    }

    .isProductsCardView .all-fields, .isProductsCardInfo .all-fields {
        position: absolute !important;
        margin: 10px;
        margin-bottom: 0px;
        right: 0px;
        bottom: 0px;
        vertical-align: middle;
        color: gray;
    }

    .isProductsCardView .productinfo, .isProductsCardInfo .productinfo {
        position: absolute !important;
        margin: 10px;
        right: 0px;
        box-shadow: 0px 5px 5px rgba(0,0,0,0.1) !important;
    }

.trackingContainer {
    white-space: nowrap;
}

.height-548 {
    height: 548.6px;
}

.height-200 {
    height: 200px;
}

/*Card*/
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2.8rem;
}

.fs-4 {
    font-size: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.gx-5 {
    --bs-gutter-x: 4rem;
}

.border-primary {
    border-color: #0d6efd !important;
}

.col-card {
    flex: 1 0 0%;
    margin: 20px;
}

.row-card {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

/*Order Tabs CSS*/
.tabs {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

/* tabs content */
.contentOrder {
    width: 100%;
    /* overflow: scroll; */
}

.tabOrder {
    background-color: var(--portlet-background);
    border-color: var(--button-secondary);
    background-image: none;
    font-weight: 600 !important;
    font-family: inherit !important;
    text-align: center !important;
    display: inline-block;
    vertical-align: top;
    font-size: 10.5px;
    text-transform: uppercase;
    height: 42px;
    max-height: 42px;
    width: 160px;
}

.orderPanel {
    display: inline-block;
    margin: 10px;
    width: 330px;
    text-align: left;
    vertical-align: top;
    position: relative;
    user-select: none;
}

.overflow-scroll {
    overflow: scroll;
}

.overrideThemeTextColor-black {
    color: black;
}

.overrideThemeTextColor-white {
    color: white;
}

.tableFixHead {
    overflow: auto;
    height: 400px;
}

    .tableFixHead thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        background: var(--top-bar-background);
    }

.hide-validation-error .md-errors-spacer {
    display: none;
}

.fixed-input {
    position: fixed;
    z-index: 1;
    width: 95%;
}

.fit-div {
    width: 100%;
}

.gdfSyntax-comment,
.gdfSyntax-quote,
.gdfSyntax-variable {
    color: #008000;
}

.gdfSyntax-keyword,
.gdfSyntax-selector-tag,
.gdfSyntax-built_in,
.gdfSyntax-name,
.gdfSyntax-tag {
    color: #00f;
}

.gdfSyntax-string,
.gdfSyntax-title,
.gdfSyntax-section,
.gdfSyntax-attribute,
.gdfSyntax-literal,
.gdfSyntax-template-tag,
.gdfSyntax-template-variable,
.gdfSyntax-type,
.gdfSyntax-addition {
    color: #a31515;
}

.gdfSyntax-deletion,
.gdfSyntax-selector-attr,
.gdfSyntax-selector-pseudo,
.gdfSyntax-meta {
    color: #2b91af;
}

.gdfSyntax-doctag {
    color: #808080;
}

.gdfSyntax-attr {
    color: #f00;
}

.gdfSyntax-symbol,
.gdfSyntax-bullet,
.gdfSyntax-link {
    color: #00b0e8;
}


.gdfSyntax-emphasis {
    font-style: italic;
}

.gdfSyntax-strong {
    font-weight: bold;
}

.gdfQueryEditor {
    white-space: pre-wrap;
    width: 100%;
    height: auto;
    max-height: 250px;
    padding-left: 5px;
    line-height: 1.8;
    overflow: auto;
    border: 1px solid black;
    background-color: var(--page-background);
}

.ui-state-active {
    padding: 6px;
    display: block;
    width: 100%;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 6px;
    display: block;
}


.queryDrop {
    height: auto !important;
    max-height: 250px !important;
    max-width: 320px !important;
    line-height: 1;
    position: absolute !important;
    overflow: auto !important;
}

/*Login with Google button*/
.login-with-google-btn {
    transition: background-color .3s, box-shadow .3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    color: #757575;
    font-size: 13px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
}

    .login-with-google-btn:hover {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    }

    .login-with-google-btn:active {
        background-color: #eeeeee;
    }

    .login-with-google-btn:focus {
        outline: none;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
    }

.text-blue {
    color: var(--text-color-blue);
}


/* Summary Report Cards style */

.iconSummary {
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px
}

.badgeSummary spanSummary {
    background-color: #fffbec;
    width: 60px;
    height: 25px;
    padding-bottom: 3px;
    border-radius: 5px;
    display: flex;
    color: #fed85d;
    justify-content: center;
    align-items: center
}

.progressSummary {
    height: 10px;
    border-radius: 10px
}

    .progressSummary div {
        background-color: red
    }

.text1Summary {
    font-size: 13px;
    font-weight: 600
}

.text2Summary {
    color: #a5aec0
}

.col-md-3.card-summary {
}

p.heading.ng-binding {
    font-weight: bold;
}


p.heading.card {
    font-weight: bold;
}

button.button-card {
    background: white;
    border: 0;
}

.selectedSummary {
    background-color: rgba(92, 92, 92, 0.03);
    box-shadow: rgba(0, 0, 0, 0.34) 0px 2px 3px 2px;
}

table#tableFeedQuickPreview {
    margin: 0;
}

    table#tableFeedQuickPreview th {
        background: var(--table-background);
        position: sticky;
        top: 0;
        /* ensure header row sits atop everything else when scrolling down */
        z-index: 1;
    }

    table#tableFeedQuickPreview td {
        background: var(--table-background);
    }

    /* ensure first header cell sits atop everything else when scrolling right */
    table#tableFeedQuickPreview th:first-child {
        background: var(--table-background);
        position: sticky;
        left: 0;
        z-index: 2;
    }
    /* make first column sticky when scrolling right */
    table#tableFeedQuickPreview td:first-child {
        position: sticky;
        left: 0;
    }


table#tableFeedProductCatalogNew {
    margin: 0;
}

    table#tableFeedProductCatalogNew thead {
        border: 2px solid #d0d0d0;
    }
    table#tableFeedProductCatalogNew th {
        border: 0px;
        border-top: 0px;
        border-bottom: 0px;
        padding: 12px;
        position: sticky;
        top: -1px;
        /* ensure header row sits atop everything else when scrolling down */
        z-index: 4;
        line-height: 30px;
        color: var(--text-color-primary);
        font-family: 'Inter', sans-serif;
        background-color: var(--hover-color);
        font-size: 13px;
        font-weight: bold;
    }

    table#tableFeedProductCatalogNew td:nth-child(3) {
        background: var(--table-background);
    }

    /* ensure first header cell sits atop everything else when scrolling right */
    table#tableFeedProductCatalogNew th:nth-child(1) {
        background: var(--table-background);
    }
    table#tableFeedProductCatalogNew th:nth-child(2) {
        background: var(--table-background);
    }
    table#tableFeedProductCatalogNew th:nth-child(3) {
        background: var(--table-background);
        position: sticky;
        left: -1px;
        z-index: 5;
    }
    /* make first column sticky when scrolling right */
    table#tableFeedProductCatalogNew td:nth-child(3) {
        position: sticky;
        left: -1px;
        z-index: 3;
    }

.toggleEditorTd {
    height: 80px;
    width: 200px;
}
    .toggleEditorTd:focus {
        /*min-width: 120px !important;*/
        min-width: 300px !important;
        min-height: 150px !important;
        overflow-y: auto !important;
        padding-right: 15px !important;
        z-index: 1;
        left: 0px;
        top: -10px;
        position: absolute;
    }
.toggleEditorTdResize {
   /* min-width: 300px !important;
    min-height: 150px !important;
    overflow-y: auto !important;*/
}
.toggleEditorTdResize:focus {
    /*min-width: 250px !important;
    min-height: 150px !important;
    overflow-y: auto !important;
    padding-right: 15px !important;
    z-index: 1;
    left: 0px;
    top: -10px;
    position: absolute;*/
}

table#editableTable {
    margin: 0;
}

    table#editableTable th {
        background: var(--table-background);
        position: sticky;
        top: 0;
        /* ensure header row sits atop everything else when scrolling down */
        z-index: 1;
    }

    table#editableTable td {
        background: var(--table-background);
    }

    /* ensure first header cell sits atop everything else when scrolling right */
    table#editableTable th:first-child {
        background: var(--table-background);
        position: sticky;
        left: 0;
        z-index: 1000 !important;
    }
    /* make first column sticky when scrolling right */
    table#editableTable td:first-child {
        position: sticky;
        left: 0;
        z-index: 999;
    }


table#tableFeedProductColumnView {
    margin: 0;
}

    table#tableFeedProductColumnView th {
        background: var(--table-background);
        position: sticky;
        top: 0;
        /* ensure header row sits atop everything else when scrolling down */
        z-index: 1;
    }

    table#tableFeedProductColumnView td {
        background: var(--table-background);
    }

    /* ensure first header cell sits atop everything else when scrolling right */
    table#tableFeedProductColumnView th:first-child {
        background: var(--table-background);
        position: sticky;
        left: 0;
        z-index: 2;
    }
    /* make first column sticky when scrolling right */
    table#tableFeedProductColumnView td:first-child {
        position: sticky;
        left: 0;
    }


table#tableImportColumnView {
    margin: 0;
}

    table#tableImportColumnView th {
        background: var(--table-background);
        position: sticky;
        top: 0;
        /* ensure header row sits atop everything else when scrolling down */
        z-index: 1;
    }

    table#tableImportColumnView td {
        background: var(--table-background);
    }

    /* ensure first header cell sits atop everything else when scrolling right */
    table#tableImportColumnView th:first-child {
        background: var(--table-background);
        position: sticky;
        left: 0;
        z-index: 2;
    }
    /* make first column sticky when scrolling right */
    table#tableImportColumnView td:first-child {
        position: sticky;
        left: 0;
    }

.previewFeedAuditPageResize {
    height: auto !important;
}

pre {
    min-height: 40px;
}

    pre .string {
        color: green;
    }

    pre .number {
        color: darkorange;
    }

    pre .boolean {
        color: blue;
    }

    pre .null {
        color: magenta;
    }

    pre .key {
        color: red;
    }

#analysisReportHeader td {
    border: 0px !important;
}


#analysisReportHeader th {
    border: 0px !important;
}

.reportDetailBorder {
    padding-top: 30px !important;
    border-top: 0px solid #ddd;
}

.show-print {
    display: none;
}

@media print {

    .page-alerts {
        display: none !important;
    }

    #helphero-frame {
        display: none !important;
    }

    ._hj_feedback_container {
        display: none !important;
    }

    #helphero-dom {
        display: none !important;
    }

    .show-print {
        display: block;
    }


    #anlysisValidationDetailHtml div {
        height: 100% !important;
    }

    @page {
        margin: 1cm !important;
        padding: 1cm !important;
    }

    #feedAnalysisReportDetails {
        page-break-inside: avoid;
    }

    .printbreakno {
        page-break-inside: avoid;
    }

    .printbreak2ndpage {
        page-break-before: avoid;
    }

    .printbreak {
        page-break-before: always
    }


    table {
        page-break-inside: auto
    }

    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }

    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }

    h3 {
        page-break-before: always
    }

    iframe {
        display: none !important;
    }

    #feedAnalysisReport .card-white {
        border: 0px;
    }

    *, :after, :before {
        color: inherit !important;
    }
}

.nav > li > a {
    padding: 8px 12px;
}

.feedDetailStatLine {
    border-right: 1px #eee solid;
    padding-right: 2px;
    margin-right: 4px;
}

#welcomeDashboardCard.portlet.light, #resourcesDashboardCard.portlet.light, #yourStoreDashboardCard.portlet.light {
    padding: 20px;
}

#yourStoreDashboardCard .filter-card.text-center.margin-10 {
    min-height: 200px;
    margin: 10px;
    vertical-align: middle;
}

    #yourStoreDashboardCard .filter-card.text-center.margin-10 .label.font-white.label-danger, #yourStoreDashboardCard .filter-card.text-center.margin-10 .label.font-white.label-success,
    #yourStoreDashboardCard .filter-card.text-center.margin-10 .label.font-white.label-primary, #yourStoreDashboardCard .filter-card.text-center.margin-10 .label.font-white.label-warning {
        position: absolute;
        top: 10%;
        right: 15%;
    }

    #yourStoreDashboardCard .filter-card.text-center.margin-10 h2 {
        margin-top: 55px
    }

img.img-orders {
    height: 30px;
    margin-top: 55px;
    margin-bottom: 5px;
}

#yourStoreDashboardCard .filter-card.text-center.margin-10.button-card {
    position: absolute;
    bottom: 10%;
    right: 15%;
}


#yourStoreDashboardCard .importCard.row.margin-top-25 .portlet-title h4, #yourStoreDashboardCard .importCard.row.margin-top-25 .portlet-title hr,
#yourStoreDashboardCard .feedCard.row.margin-top-25 .portlet-title h4, #yourStoreDashboardCard .feedCard.row.margin-top-25 .portlet-title hr,
#yourStoreDashboardCard .ordersCard.row.margin-top-25 .portlet-title h4, #yourStoreDashboardCard .ordersCard.row.margin-top-25 .portlet-title hr {
    margin: 5px 20px !important;
}

#yourStoreDashboardCard .ordersCard .dashboard-stat2 {
    height: 140px;
    margin: 10px;
    border: 1px var(--border-color) solid;
    border-radius: 4px;
    padding-top: 20px;
}

#yourStoreDashboardCard .card-white.text-center.margin-10 {
    height: 140px;
    margin: 10px;
    vertical-align: middle;
}


#resourcesDashboardCard .td-logo {
    max-width: 30px;
    vertical-align: middle;
}

#resourcesDashboardCard .td-info {
    padding-left: 5px;
    padding-top: 10px;
}

    #resourcesDashboardCard .td-logo a, #resourcesDashboardCard .td-info a {
        color: black
    }

#resourcesDashboardCard .td-logo img {
    width: 25px;
}

#resourcesDashboardCard .td-info h5 {
    margin-top: 0px;
}

.dashboard-subcard-link {
    color: var(--text-color-primary);
}


#resourcesDashboardCard tr {
    padding-top: 15px;
}

.sidePanelStyling {
    height: 850px;
    padding: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .sidePanelStyling img {
        max-width: 500px;
    }

.insight-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    position: relative;
}

    .insight-btn svg {
        margin-right: 5px;
        display: none;
    }

    .insight-btn:hover::after {
        content: "BETA";
        position: absolute;
        top: 0px;
        right: -20px;
        background-color: var(--insight-background);
        color: #fff;
        padding: 2px 5px;
        border-radius: 5px;
        font-size: 11px;
        font-weight: 600;
    }

.focusMode #feedDetails .profile-sidebar {
    display: none;
}

.focusMode #feedDetails .profile-content {
    margin-left: 0px !important;
}


.focusMode #productsImportDetails .profile-sidebar {
    display: none;
}

.focusMode #productsImportDetails .profile-content {
    margin-left: 0px !important;
}

.focusMode .focusModeShow {
    display: block;
}


.focusMode .focusModeShowImportant {
    display: block !important;
}

.focusMode #accountDetails .profile-content.focusModeShow {
    margin-left: 270px !important;
}

.focusMode #orderSettingsPage .profile-content.focusModeShow {
    margin-left: 270px !important;
}

/*.focusMode #productsImportDetails .profile-content.focusModeShow {
    margin-left: 0px !important;
}*/

.focusMode #sidePanelFeeds {
    display: none;
}

.focusMode #feedTablePortlet {
    width: 100% !important;
    left: 0 !important;
}

.focusMode .topnav_mobile_show {
    display: block !important;
}


.focusMode .page-menu {
    display: none;
}

.focusMode #pageHeaderName {
    display: block !important;
}

.focusMode .focusModeHide {
    display: none !important;
}

.focusMode .focusModeShowInlineBlockImportant {
    display: inline-block !important;
}

.focusMode #dashboardYourStore.col-lg-7 {
    width: 83.33333%;
}

.focusMode #dashboardYourStore.col-lg-push-4 {
    left: 8.33333%;
}

.focusMode #pageHeaderName .text {
    font-size: 18px;
    vertical-align: top;
}

    .focusMode #pageHeaderName .text i {
        /*display: none;*/
    }

.focusMode .page-logo {
    width: 160px !important;
}

.focusMode .page-title .feed-title {
    letter-spacing: 0px;
}

.focusMode .page-title {
    padding-left: 0px !important;
}

.focusMode #focusModeNav {
    display: block !important;
}

.focusMode .fixed-pager-footer {
    left: 0px !important;
    width: 100%;
}

    .focusMode .fixed-pager-footer .fixed-pager-footer-total {
        margin-left: 80px;
    }

.focusMode #feedSettingsPortlet {
    width: 100%;
}

.focusMode #submitSettingsDiv {
    width: 50%;
}


@media (max-width: 991px) {
    .focusMode #accountDetails .profile-content.focusModeShow {
        margin-left: 0px !important;
    }

    .focusMode #orderSettingsPage .profile-content.focusModeShow {
        margin-left: 0px !important;
    }

    .focusMode #dashboardYourStore.col-lg-7 {
        width: 100%;
    }

    .focusMode #dashboardYourStore.col-lg-push-4 {
        left: 0%;
    }

    .focusMode #feedSettingsPortlet {
        width: 100%;
    }

   
}


#editableTable md-select-value,
#editableTable .filter .form-group.form-md-line-input .form-control:not([disabled]),
#editableTable md-input-container.md-default-theme .md-input:not([disabled]),
#editableTable md-input-container .md-input:not([disabled]) {
    padding: 2px 9px !important;
}

.edit-input-cell:focus {
    border: 3px solid var(--text-color-primary) !important;
    border-radius: 5% !important;
}

.edit-input-cell:not(:focus) {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    min-width: 115px;
}

.readonly-input-cell {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
}

.blue-text-cell {
    color: var(--primary-color-1) !important;
    font-weight: bolder !important;
}

.sku-edit-input-cell:focus {
    border: 3px solid var(--text-color-primary) !important;
    border-radius: 5% !important;
    width: 100%;
}

.sku-edit-input-cell:not(:focus) {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    min-width: 80px;
}

.blue-text-cell input {
    color: var(--text-color-blue) !important;
}

.blue-text-cell textarea {
    color: var(--text-color-blue) !important;
}


.editor-change-icon:before {
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f044";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    position: absolute;
    left: 2px;
    top: 2px;
}

.editor-change-icon-sku:before {
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    content: "\f044";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    position: absolute;
    left: 4px;
    top: 4px;
}



.fakeInputBox {
    height: 34px;
    background-color: var(--page-background) !important;
    line-height: 26px;
    font-family: Roboto,Helvetica Neue,sans-serif;
    padding: 2px 9px !important;
    display: block;
    border-radius: 3px;
    padding: 5px;
    word-wrap: break-word;
    width: 115px;
    border: 2px solid #ddd;
    overflow: hidden;
}

table#editableTable td:nth-last-child(-n+2) .toggleEditorTd:focus {
    /* color: #eee !important; */
    min-width: 260px !important;
    min-height: 150px !important;
    overflow-y: auto !important;
    /* padding-right: 15px !important; */
    z-index: 1;
    left: inherit;
    top: -10px !important;
    right: -118px !important;
    position: absolute;
    /* right: -115px; */
}

table#editableTable tr:nth-last-child(-n+3) .toggleEditorTd:focus {
    /* color: #eee !important; */
    min-width: 300px !important;
    min-height: 150px !important;
    overflow-y: auto !important;
    /* padding-right: 15px !important; */
    z-index: 1;
    left: inherit;
    /*top: -128px !important;*/
    position: absolute;
    /* right: -115px; */
}

.progress-bar {
    background-color: var(--text-color-blue) !important;
}

.card-ai-gen-header {
    border-radius: 4px;
    padding: 10px !important;
    background: var(--page-background);
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);
}

.toggle-group label {
    cursor: pointer !important;
}

.trOptionsRow td {
    padding-top: 20px !important;
}
#tblAlerts th {
    max-width: 100px;
}

#tblAlertSettings th {
    width: 50px;
    max-width: 50px;
}

#tblAlertSettings td {
    width: 50px;
    max-width: 50px;
}

.setupSubText {
    z-index: -1;
    position: absolute;
    left: 40px;
    font-size: 10px;
    top: 6px;
    font-weight: 200;
}

.source-fields-card { 
   max-width: 300px;
   min-width: 275px;
   position: fixed;
   z-index: 1;
   right: 0px;
   margin-right: 10px;
}

.feeds-table-compile-section {
    padding: 0px 20%;
}

.feeds-table-filters-section {
    display: inline-flex;
}
.red-textarea {

    color: red !important;
}

#feedsProductsCatalog thead {
    line-height: 30px;
    border-top: 2px solid #d0d0d0;
    border-bottom: 2px solid #d0d0d0;
    color: #212121;
    font-family: 'Inter', sans-serif;
    background-color: #f9f9f9;
    font-size: 13px;
    font-weight: bold;
    /* height: 40px*/
}

    #feedsProductsCatalog thead th {
        border-right: 1px solid #d0d0d0;
        padding: 12px;
    }

#feedsProductsCatalog tbody td {
    padding: 6px;
}

#feedsProductsCatalog tbody td button .btn-circle {
    height: 35px;
    width: 35px;
    font-size: 15px
}

#button-Valid, #button-Error, #button-Warning, #button-Info {
    text-transform: capitalize !important;
    font-weight: 400;
}

.pagination.footer ul li a {
    border: 1px solid #b3b3b3;
}
.auto-complete-search {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9000;
    background-color: var(--page-background);
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /* Improve scrolling behavior on touch devices (optional) */
    border: solid var(--skeleton-color) 3px;
    max-height: 250px;
    text-overflow: ellipsis;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
    .auto-complete-search::-webkit-scrollbar { /* Hide the scrollbar (Chrome, Safari) */
        /*display: none;*/
    }

.auto-complete-search-entry {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    border: solid var(--skeleton-color) 3px;
}

.disable-scroll {
    /*overflow:hidden !important;*/
}

.loading-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px; /* Adjust height as needed */
    margin-top: 5px; /* Adjust margin as needed */
}

.dot {
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: var(--textgreycascade); /* Adjust color as needed */
    animation: dot-animation 1.5s infinite ease-in-out;
}

@keyframes dot-animation {
    0% {
        transform: scale(0.7);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.7);
    }
}

.skuSearch {
    width: 65%;
    max-width: 300px;
    display: inline-block;
}

#apiDropdown md-select-value .hint {
    display: none;
}

.td-p-10 {
    padding: 10px !important;
}

.maxheight450 {
    max-height: 450px !important;
}
#tableFeedProductCatalogNew.scrollTableHeaderFix thead {
    border: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

#tableFeedProductCatalogNew.scrollTableHeaderFix th {
    border: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

.previewAiRow {
    text-overflow: ellipsis;
    max-width: 150px;
    margin-right: 10px;
}

@media (min-width: 991px) {
    .aiGeneratorHeader {
        position: fixed;
        top: 87px;
        z-index: 1001;
        width: 100%;
    }

    .aiFieldsHeader {
        position: fixed;
        top: 50px;
        z-index: 1001;
        width: 100%;
    }

    .aiGeneratorStatusBar {
        position: fixed;
        top: 50px;
        z-index: 1002;
        width: 100%;
    }
}